PREV | PAGE-SELECT | NEXT

≫ EDIT


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

こんにちは〜☆
知らない間にちょこちょこマイナーチェンジを繰り返している当ブログ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

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


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





スポンサーリンク



今日もお読み頂き有難うございました!

▽ランキングに参加しています▽

ポチッとしていただけると節約の励みになります(๑╹ڡ╹๑)

▽ついでに「拍手」も気が向いたらポチってください♪▽
web拍手 by FC2

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


関連記事

| ブログカスタマイズ | 16:07 | comments(-) | trackbacks:0 | TOP↑

□現在の総額:1,800,478円  □目標の総額:30,260,000円
(住宅:1,000万円、特別費積立:12万円、教育:1,000万円、老後:1,000万円、ピアノ積立:4万、ディズニー貯金:10万円)
□目標まで残り:28,459,522円...目標額までの道のりは遠い(;´Д`)
(2018年2月9日現在)貯金額の内訳:
住宅頭金1,000万円♪ ⇒¥71,986長女教育費500万♪ ⇒¥1,646,040
(前月比+¥69,092(前月比+¥40,000
特別費積立12万円♪ ⇒¥10,000次女教育費500万♪ ⇒¥70,000
(前月比+¥10,000(前月比+¥70,000
老後の為に1,000万♪ ⇒¥0ディズニー積立♪ ⇒¥0
(前月比±0(前月比±0
216473.gifピアノ積立♪ ⇛¥2,452
(前月比¥2,550)



TRACKBACK URL

http://toranekonoie.com/tb.php/292-eb4fce0f

TRACKBACK

PREV | PAGE-SELECT | NEXT

ブログパーツ