Colorful Days

様々な事に興味がある筆者の日々

【後編】ブログデザインをZENO-TEALに変更しました。

f:id:cristarin1120biz:20171016170623j:plain

ZENO-TEALカスタマイズの後編になります。

 

 おすすめ記事をトップに表示

ZENO-TEALの醍醐味ともいえる、おすすめ記事表示。

実はものっっっすごく苦戦しました(汗)

 

まずは作り方の紹介から

デザイン→スパナ→ヘッダ→タイトル下にこれを入れます。

<div class="recommends">
    <a href="記事URL" class="recommend-entry"><img src="画像URL" class="recommend-img" /><span class="recommend-title">記事タイトル</span></a>
    <a href="記事URL" class="recommend-entry"><img src="画像URL" class="recommend-img" /><span class="recommend-title">記事タイトル</span></a>
    <a href="記事URL" class="recommend-entry"><img src="画像URL" class="recommend-img" /><span class="recommend-title">記事タイトル</span></a>
    <a href="記事URL" class="recommend-entry"><img src="画像URL" class="recommend-img" /><span class="recommend-title">記事タイトル</span></a>
    <a href="記事URL" class="recommend-entry"><img src="画像URL" class="recommend-img" /><span class="recommend-title">記事タイトル</span></a>
</div>

これの画像URLというところに苦戦しました。

 

画像URLってことは、はてなフォトライフからリンクをコピーか…と思ってやってみましたが、出ねぇ!

やり直してもう一回…出ねぇ!

あぁぁぁ醍醐味なのにぃ!!

調べても調べても出てこない!

 

きっと初歩の初歩なのかもしれないです。

HTMLとかCSSがさっぱりな僕にとってこれをなんてキーワード検索をすれば出てくるのかもはやわかりませんでした。

 

なので、神のおとずれを待つことにしました。

f:id:cristarin1120biz:20171017015239p:plain

そしたら来た!!

 

f:id:cristarin1120biz:20171017015311p:plain

 

マジすか!?

参考にさせていただいたkuroさんが!!

www.kuro6.com

 

神はいたのだ

こんな夜更けに、こんな僕を、ダイレクトメッセージで、懇切丁寧に教えていただけました(涙)ありがとうございました!!

 

教えてもらった方法はこれだ!

おすすめにするブログを開く→トップ画を使うなら画像の上で右クリック→画像URLをコピー(chrome使用)

これだけでした。

悩んでるときはまったくわからない。けれど、わかってしまえば意外と簡単。これブログあるある。

そしてできました!

f:id:cristarin1120biz:20171017015929p:plain

この赤く囲んだところがおすすめ記事になります。

 

カスタマイズ完成

後編短って思うかもしれませんが、このおすすめ記事で挫折していたので本当は前編だけで終わる予定でした。

けど、神がおとずれ、おすすめ記事は完成しました。

こうやって記事を作成したのは早くお礼をブログを通して伝えたかったからです。

 

また、カスタマイズしたいネタが出てきたら公開していきたいと思います。

 

それでは!