【はてなブログ】タイトル下にカルーセルを設置する方法【カスタマイズ】
今回は、タイトル下に「カルーセル」を設定したいと思います。
「カルーセル」というのは、記事の下にスクロールするおすすめ記事の一覧です。
↑↑ このようなものが「カルーセル」です。
自分自身でおすすめの記事を設定できるので、ブログに来てくれた訪問者に記事をアピールすることができます。
ワードプレスなどでは、「カルーセル」の設定のページなどがあって設定が簡単なのですが、はてなブログで「カルーセル」を設置するには、ちょっとしたコツが必要です。
一番簡単な移行手順|はてなブログからWordPressに引っ越しする方法
コツは必要ですが、手順通りにやっていけば簡単にできますので順を追ってやっていきましょう!
手順は次のとおりです。
では、「カルーセル」を設置していきましょう!
手順1:「ヘッダ>タイトル下」にhtmlコードを貼り付ける
まず、htmlコードを貼り付けていきます。
手順1−1:htmlコードをコピーする
まず、以下のコードをコピーしてください。
<link rel="stylesheet" href="https://unpkg.com/flickity@2.0/dist/flickity.min.css"> <script src="https://unpkg.com/flickity@2.0/dist/flickity.pkgd.min.js"></script> <div class="carousel"> <div class="carousel-cell"> <a href='カテゴリーURL' class="ccat">カテゴリー名</a> <a href='記事URL'><img class="cimage" src="画像URL"></img></a> <p class="headline">記事タイトル</p></div> <div class="carousel-cell"> <a href='カテゴリーURL' class="ccat">カテゴリー名</a> <a href='記事URL'><img class="cimage" src="画像URL"></img></a> <p class="headline">記事タイトル</p></div> <div class="carousel-cell"> <a href='カテゴリーURL' class="ccat">カテゴリー名</a> <a href='記事URL'><img class="cimage" src="画像URL"></img></a> <p class="headline">記事タイトル</p></div> <div class="carousel-cell"> <a href='カテゴリーURL' class="ccat">カテゴリー名</a> <a href='記事URL'><img class="cimage" src="画像URL"></img></a> <p class="headline">記事タイトル</p></div> </div>
手順1−2:コードをメモ帳に貼り付けURLなどを書き換える
先ほどコピーしたhtmlコードをメモ帳に貼り付け、URLなどを自分のブログのものに書き換えます。
書き換える場所は、
- 「カテゴリーURL」
- 「カテゴリー名」
- 「記事URL」
- 「画像URL」
- 「記事タイトル」
です。
この場所を書き換えると、「カルーセル」に表示される記事は次のようになります。
「カテゴリー名」と「カテゴリーURL」は、青丸で囲まれた部分をクリックすると、そのカテゴリー一覧にジャンプします。
「記事URL」と「画像URL」は、黄丸で囲まれた画像をクリックすると、その記事にジャンプします。
「記事タイトル」は、その記事のタイトルが表示されます。
手順1−3:htmlコードを貼り付ける
htmlコードを貼り付ける場所は、
「デザイン>カスタマイズ>ヘッダ>タイトル下」
になります。
左のメニューバーの「デザイン」をクリックします。
「カスタマイズ」をクリックし「ヘッダ」をクリックします。
「タイトル下」の四角をクリックすると、貼り付ける場所が出てきます。ここに、先ほどコピーしたhtmlコードを貼り付けます。
この時、もうすでにコードが記述されている場合は、そのコードを消さないように注意してください。今回のコードは、一番下の何も書かれていないところに貼り付けてください。
手順2:「フッタ」にJavascriptを貼り付ける
2つ目のコードを貼り付けていきます。
手順2−1:Javasriptをコピーする
以下のコードをコピーします。
<script type="text/javascript"> var flkty = new Flickity( '.carousel', { cellAlign: 'left', freeScroll: 'true', contain: 'true', autoPlay:'true' }); </script>
手順2−2:Javascriptを貼り付ける
Javascriptを貼り付ける場所は、
「デザイン>カスタマイズ>フッタ」
になります。
左のメニューバーの「デザイン」をクリックします。
「カスタマイズ」をクリックし「フッタ」をクリックします。「フッタ」の四角をクリックすると、貼り付ける場所が出てきます。ここに、先ほどコピーしたJavascriptを貼り付けます。
この時、もうすでにコードが記述されている場合は、そのコードを消さないように注意してください。今回のコードは、一番下の何も書かれていないところに貼り付けてください。
手順3:「デザインCSS」にCSSコードを貼り付ける
3つ目のコードを貼り付けていきます。
手順3−1:CSSコードをコピーする
以下のコードをコピーします。
.carousel { width:100%; max-width:1000px display:block; margin:2em auto; padding:1em; background:whitesmoke;} .carousel-cell { width: 30%; height: auto; margin-top:2em; margin-right:2vw; margin-bottom:2em; border-radius:5px; counter-increment: carousel-cell; overflow: hidden; transition-duration: 0.5s;} .cimage:hover{ opacity: 0.6; transition-duration: 0.5s;} .ccat{ display:block; position:absolute; top:1vw; left:.5vw; z-index:2; padding:.6vw; font-size:.7em; font-weight:800; letter-spacing:.2vw; text-decoration:none; border-radius:20em; color:black; background:white; opacity:.5;} .ccat:hover{ background:yellow; transition-duration: 0.3s;} .cimage { position: relative; width:100%; height:auto; border-radius:10px;} .headline{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; flex: 1 0 auto; padding:0 0.5vw; font-size: .8em; font-weight: 400; line-height: 1.5; text-align: center; text-decoration:none; text-overflow: ellipsis;} .flickity-page-dots{display:none;} @media screen and (max-width:480px){ .carousel-cell { width:50%; margin-right:1em;} .ccat{font-size:.5em;} .headline{font-size:.7em;}}
あとがき
「カルーセル」は設置できましたか?ブログをカスタマイズすることで、自分の気に入ったサイトになると気分も上がります。
もう少し、こちらのサイトもいろいろカスタマイズしていきたいと思います。
▼クリック!応援お願いします!▼
【見逃し配信】志麻さんの日常のドキュメント|ふたりのディスタンス
出典:NHK
先日、2021年8月16日に、
私の大好きな家政婦の志麻さんが、
NHKのドキュメント
「ふたりのディスタンス」
という番組に出演されたそうです。
私は、そのことを知らずに、
放映された後に知り、
どうしても観たくなり、
見逃し配信してないかな?と調べてみました。
すると、NHKでは
✔︎NHKプラス
✔︎NHKオンデマンド
で見られるそうです。
NHKプラスとは
NHKプラスは、NHKの受信契約が必要ですが、登録すれば無料で見られるそうです。見逃し配信は放送後1週間程度見られます。
でも、わざわざ携帯で受信料を払うのも、なんだかと思うので、却下します。
NHKオンデマンドとは
NHKオンデマンドは、単品購入と月額990円(税込)で見放題のプランがあるそうです。
私は、NHKはそんなに見てないし、志麻さんの「ふたりのディスタンス」が観たいだけなので、それで料金を支払うのも……というわけで、ためらいました。
他に、無料で見られる方法はないのか!?と探してみると、NHKオンデマンドはU-NEXTで見られるということを発見しました!
U-NEXTとは
U-NEXTは、初めて利用する場合に限って、31日間無料で観られます。プラス特典で1000ポイントがもらえるそうです。
私は、まだU-NEXTを利用したことがないので、この31日間無料が使えます。つまり、NHKオンデマンドが31日間無料で観れる、志麻さんの「ふたりのディスタンス」が無料で観られるということです!
やったー!!!
早速、今週末にでもU-NEXTに登録して、
31日間無料で「ふたりのディスタンス」を観ようと思います。
こちらから登録できます▼
▼クリック!応援お願いします!▼
【もうすぐXデー】たつき諒さんの予知夢|富士山噴火
私は、都市伝説や予言など、不思議な話が好きなんですが、
もうすぐある方の予言のXデーが来ます。
それは、
2021年8月20日、富士山噴火
です。
ある方というのは、
元漫画家の「たつき諒」さんです。
「たつき諒」さんは、
2011年3月の東日本大震災を予知夢で見て、
「私が見た未来」という漫画でいろんな予知夢を予言した有名な方です。
その「たつき諒」さんが、今年の8月20日に富士山が噴火する可能性があるとおっしゃっているそうです。
Twitterなどで「たつき諒」さんの偽者が出てきたり、
本当かどうかまゆつば物ですが、
もうあと数日でそのXデーがきてしまうので、
私はドキドキ緊張しています。
何もなければそれでいいですが、
今年は水害やコロナで大変なので、
富士山噴火は勘弁して欲しいです(>_<)
どうか、何も起こりませんように……
【予知夢】話題の漫画「私が見た未来」たつき諒の予言|富士山噴火は当たるのか?
▼クリック!応援お願いします!▼
【Hulu】アグリー・ベティで英語の勉強をする
今、私はHuluで「アグリー・ベティ」と言う海外ドラマを見ています。
「アグリー・ベティ」は、2006年から2010年まで続いた、ロマンティック・コメディーで、コロンビアで大ヒットしたTVドラマ「ベティ〜愛と裏切りの秘書室」のアメリカ版リメイクドラマです。
「アグリー・ベティ」は、とっても聞きやすい英語で会話の勉強になります。なので、字幕で見ることをおすすめします!
どのような会話が出てくるかというと、
Back off = 「ほおっておいて」「手を引いて」
という意味なんですが、どんな時に使うかというと、
ベティが好きになった経理のヘンリーの恋人チャーリーから、二人の仲を怪しまれた時にベティに言った言葉
「Back off, Betty!!」=「ベティ、(ヘンリーから)手を引いて!」
でした。
他にも、
You know what = 「よく聞いて」「ちょっと聞いてよ」
という言葉がよく聞こえてきます。
これは、ネイティブがよく使う言葉で、You know whatの後に話すことを、強調して言いたい時に使います。
「アグリー・ベティ」はこうした、会話でちょっと使える言葉が頻繁に出てくるので、英語を勉強したい人にはうってつけなドラマです。
「アグリー・ベティ」はHuluで見れますので、気になる方はチェックしてみてください▼
そしてBluetoothのイヤホンをつけて観ると、もっと集中して英語を聞けるのでおすすめです。
▼クリック!応援お願いします!▼
Huluでビバリーヒルズ高校白書を見る
最近、Huluの2週間無料トライアル!をしていて、
本当は、2週間で解約してしまおうと思ってたんだけど、
加入してみると見たいドラマや映画がいっぱい!
昔の映画やドラマもあるから、
懐かしくなって、
今、また「ビバリーヒルズ高校白書」を見直してます。
でも、30年も前の海外ドラマだから、
やっぱりちょっと作りが昔を感じます。
ブレンダやケリー可愛いなー^ - ^
でも実は、撮影現場では、
ピリピリ空気が漂っていたとか。
最近、ケリー役のジェニー・ガースが語っていました。
そんな、Yahoo!の記事を見たのもあって、
「ビバリーヒルズ高校白書」を見てみたくなったのでした。
「ビバリーヒルズ高校白書」は
その後、「ビバリーヒルズ青春白書」
そして、メンバーを最近の役者さんに変えて
と続いていきます。
また、
昔のメンバーが今の時代で再会する
「ビバリーヒルズ再会白書」というのもあったから、
これも見てみたい!
あとは、
など、もっといろいろあるよ!
興味ある人は、
一度Hulu覗いてみてね!
Huluをチェックする
▼クリック!応援お願いします!▼
今が旬!フランス人が大好きなグリンピースの煮込み|プチポワ・フランセーズ
今が旬のグリンピースを使って「プチポワ・フランセーズ」というフランス家庭料理を作りました。
先日やっていた「沸騰ワード10」で、伝説の家政婦・志麻さんが作っていた料理です。
志麻さんのレシピは何作っても美味しいんです。そして、生のグリンピースは今しか手に入らないので急いで買ってきました!
グリンピースって、シュウマイの上に乗っていたりするぐらいで、それほど好んで食べる食材でもなかったんですが、フランス人はみんな大好きで、「今日はグリンピースだよ」っていうとフランス人の子供は「イエーイ!!」と喜ぶそうです。
レシピはこちら▼
材料もグリンピース以外は手に入りやすく、手順も簡単です。
出来栄えはこちら▼
グリンピースがぷっくりして、豆も枝豆を食べているような味わい。レタスも入れるんですが、シャキシャキしていてとっても美味しいです!
フランス人みんな好きなのもわかります。
外国の方って、結構、豆料理食べるんですよね。
ブラジル料理の「フェジョアーダ」や、ヨーロッパではひよこ豆やインゲン豆も結構食べます。
フェジョアーダ▼
アリコムトン▼
アンパドラット▼
その他、志麻さんのレシピも記事にまとめましたので、興味ある方は、こちらから「志麻さん」と入れて検索して探してみてね!
▼クリック!応援お願いします!▼
【当たってる⁈】出川哲朗絶句!出川は本当に仕事を奪われるのか?【木下レオン占い】
今、出川哲朗さんがネットニュースで話題になっていますが、どうしたんだろうと思ったら、タレントのマリエさんが自身のインスタグラムで、今から15年前、「元芸能人から枕営業を持ちかけられた。その場に出川哲朗もいて助けてくれなかった」と発言しているそうです。
詳しい記事は▼
そこで、思い出したのが、今年2月に私の好きな占い番組に出川哲朗さんが出演していてその占い内容が当たってる!んです。
なので、もう一度、録画を見直してみました。
もう一度「突然ですが占ってもいいですか?」を見たい方はこちらから▼
出川哲朗の占い内容
2021年2月3日の「突然ですが占ってもいいですか?」という番組内で占われていた内容になります。(2021年1月13日撮影)
重要だなと思うところを抜粋しています。
出川哲朗の性格
一本気で曲がった事が大嫌い、お金より名誉を重んじます。甘えん坊で食いしん坊、食べる事が大好き。本音はもともと言うタイプではなく、一度決めたことは絶対に曲げない頑固な性格。
出川さんも「(中略)1個好きになったり、1個これだって決めたことに関しては、ブレないですね。」とおっしゃっていて当たってる感じです。
外面と内面が違う騙されたり裏切られる父親
親に対しても、正義感や人情味を求めるタイプ。少しでも、義理にかけた行動があると、激しく反発するタイプ。お父さんは、外面がよく内面がぜんぜん違った。そして、人に騙されたり、裏切られたことが、非常に多かった。とにかく、人がよく、笑顔の素敵な男性だった。
出川哲郎さんのお父さんはあちこちに愛人を作って好き勝手やっていたようです。でも、お葬式の時に1000人くらいの人が来て、「哲郎君のお父さんにお世話になって」とか「本当に助けてもらって」とか言われたそうです。親父としては嫌いだったけど、男としては好きだったそうです。
お母様は、真面目でコツコツタイプ。母親から出川さんに優しさが来ています。僕(レオン)がすごく強くお母さんの気持ちを感じ取った時に思ったのが、長い間自分を押さえ込んで我慢してきた生活。なので、自分の自我を出さなかった。自我を出すことによって周りの環境が崩れるという環境の元に頑張った。
出川哲郎さんのお母さんは頑張り屋さんで、お父さんが帰ってこないのに文句も言わずずっと朝から晩まで働いていたそうです。住み込みの若いお兄さん谷のお世話もしていて、本当母親の鏡みたいな人だったようです。
子どもっぽさとコワイ一面を持つ妻
奥様は、子供っぽく純粋でピュアな性格をしていますが、その裏には男らしい一面を持っています。急にコロコロと変わるような二面性を持っています。基本的にはピュアな人です。子どもっぽさとコワイ一面を持っています。
出川哲郎さんの奥さんは、本当に子どもがそのまま大人になったような人みたいです。面白いエピソードを話されていました。「ある朝オムライスが作ってあったんですよ、それで、ケチャップで何か書いてあったからLOVEとか書いてあるのかなと思ったら、英語でKILL(殺す)って書いてあった。」そうです。コワイけど可愛い奥様ですね。
出川の仕事を奪う人が出てくる
出川哲朗の立場を奪おうとしている人がいます。このままいけば、必ず奪われる。必ずにです。これは、確実に出ているの。ただ、頑固なので、聞かないので基本的に。
42歳、ここがすごく悪い。自分の限界を感じるとか、キツイなという時期が42歳。自分に限界を感じたことはないと思います、必死だから。必死なんですよ、だから限界を感じない。そして、51歳。数年になると思うんですが「大きなトラブル」、そして52歳53歳、ここから来てる。特に誰かから自分の何かを奪われるのをスゴく恐る時期に入っている。自分の仕事を取られたり、今まで築いたものをとられる時期。
現在57歳の出川さん。実際、上記の時期に病気や怪我などで入院されています。
必死という言葉は「必」ず「死」ぬ覚悟をするという意味です。このままいったら死にます。私が先程言った悪い時期は、病気、怪我、これが入ってきていると思う。なので42歳、51歳、53歳。ここは病気が出てきている。
それとともにお父様の運気をもらいますので、お父さんの病気とかはくれぐれも気をつけておかないといけない。健康が限界なところに今来ています。改善しないといけないのは今年。じゃないと、来年に入ったら病気が出て慢性化し苦労すると出ている。死ななくても病気で入院していれば席は空くわけです。奪われる。
まず自分を認めてほしい。超一流芸能人ということを自覚してもらって、なおかつ必死をやめてほしい。考え方を改めてほしいという僕のアドバイスです。今年は特に健康診断に行き、見直せっていうのが強く出ています。
まとめ
この占い番組を見た時は、出川さん病気とか怪我は大丈夫かな?って心配でしたが、それよりも仕事を奪う人が出てきてしまいました。
木下レオンさんも、「必ず出てくる」と言っていたので、本当にこの占い内容は当たっていると感じました。
出川哲朗さん。今までの頑張りを無駄にしないように再帰されることを願います。
こちらもチェック!▼
▼クリック!応援お願いします!▼
【おすすめたけのこレシピ】今年はたけのこがもう出てきました!
桜が例年よりも早く開花し、なんと、たけのこももうニョキニョキ出始めました。
いつもは、4月に入って半ば頃に取れ出すのですが、今年は暖かい日が多かったせいか、成長が早いようです。
早速、初物のたけのこを下ゆでし、定番の若竹煮にしました!
たけのこの下ゆでの仕方はこちら▼
初物を食べると寿命が延びると言われているので、少し長生きできるかも。
旬のものを旬の時期に食べるのは、季節を感じられて粋な感じです。
たけのこは、炒めてきんぴらにしたり、メンマにしたり、炊き込み御飯とか、いろいろ作っていただきたいですね。
ただ、食べすぎるとお腹を壊すので注意です。
たけのこ色々レシピ▼
▼クリック!応援お願いします!▼
久しぶりのリラクゼーションサロン
身体中が凝り固まり、目の奥も、噛み締めすぎてあごの周りも凝ってしまってしんどくなったので、昨日久しぶりにリラクゼーションサロンに行ってきました。
今、自分の住んでいる場所でお気に入りのサロンは見つけてなかったので、E PARKというサイトで見つけました。
なるべく安くて時間たっぷりやってくれるところ。
そして、ほぐしで90分で4,928円!
安い!!
初めて行くので、男性女性の指名はせず、予約の時間に行ってきました。
初めて行くサロンなので、凝っているところとかいろいろ記入してから施術に入ります。
今回の担当は女性の方で、ちょっと共通点があったので、はじめにいろいろおしゃべりしたので寝られませんでしたが、最後の方はウトウト・・・。
完全個室で照明も暗い環境なのでとてもリラックスできました。
揉んでもらうのが久しぶりだったので、老廃物がかなり出たようで、施術してもらった後は揉み返しが出てきたんですが、1日寝たら身体すっきり!
今日はかなり身体の調子がいいです。
皆さんも疲れた時は、揉んでもらってリラックスしてみては?
いろんなサロンがあるので自分に合いそうなサロンを見つけてみてください!
サロンを探す>>>E PARK
そういえば、私の今住んでいるところではないですが、横浜に旅行に行った時にすごくほぐしてくれたサロンがあったので、こっそり教えます。
というサロンなんですが、眼精疲労がひどくていったら、施術後すごくすっきりしたのでオススメです!
横浜あたりに住んでいる方は是非!
▼クリック!応援お願いします!▼