人気の記事



【ブログカスタマイズ】記事タイトルの横にサムネイル画像を入れてみた♪

こんにちは〜☆
知らない間にちょこちょこマイナーチェンジを繰り返している当ブログw
昨日もちょっとカスタマイズしました(๑•̀ㅂ•́)و✧
以前からやってみたかった「記事タイトル横にサムネイル画像を表示」するカスタマイズ。



じゃじゃ〜ん。
↓↓


こんな感じ〜(๑•̀ㅂ•́)و✧

以前はトップページに

日付      
記事タイトル
本文
「記事を読む(画像)」

↑って感じで記事が10個ならんでいるレイアウトでしたが、

最近良く見かけるWordPressで作ったような?
記事タイトル横にサムネイル画像を入れるレイアウトにしてみたくて、
ちょっと頑張ってみました〜(∩´∀`)∩


参考にさせていただいたのは、
ヤフー知恵ノートのこの記事「<%topentry_image> の代替画像表示 -- fc2」


しかし、↑これを追加しただけだと、
読みたい記事を個別ページで開いても、そのまま「サムネイル+記事タイトル」になってしまうので、
個別ページではサムネイルが表示されないように

<a href="<%topentry_link>"><div class="topimage"><%topentry_image_w300></div></a>

の部分を

<!!--not_permanent_area--> <!!--/not_permanent_area-->

で囲みました。

あと
のボタンも「左寄せ」だったのを「右寄せ」に変えました。


これで、パッと見で画像が目に入り、
何の記事について書いてあるのか...など、より興味を引いたり、
視覚的効果がUPしたのではないでしょうか(๑•̀ㅂ•́)و✧


最後に、、、

かな〜り適当に
HTML&CSSをいじっているので、万が一、同じようにカスタマイズされる場合は
必ず編集前のHTML&CSSをコピペして保存しておいてください!!

そして、わたくしトラ猫はWEB関連はド素人ですので、質問には答えられませんwww

編集・カスタマイズは自己責任で(;´Д`)


今回のカスタマイズで
これから、何かしらの不具合が出てくるかもしれませんが、、、
とりあえず、思ってたとおりに出来てホッと一安心ε-(´∀`*)





関連記事



今日もお読み頂き有難うございました!
ポチッと!
△面白かった!!参考になった!!と思った方は「拍手!」ボタンをポチっとお願いします♪△

こんな記事も読まれています



Posted byトラ猫(1DK35平米暮らし)

Comments 0

There are no comments yet.

コメントする