こんにちはブロガーのこーんです
久しぶりのブログネタです。
ブログのデザイン改修ですがもう無いかなと思っていたのですがまだまだあるもんですね。
今回はブログを読みやすくするために太字の文字強調と関連記事のセルフ編集で掲載することにしました。
太字にさらに装飾をしよう
すでにお分かりの通りブログ内の太字はアンダーラインで装飾が入っているかと思います。
CSSに一行追加するだけなので簡単ですよ。
CSSの編集は
「デザイン」→「スパナのアイコン」→「{}デザインCSS」
から行います。
「はてな記法」のかたはbタグなので以下となります。
/* 太字を強調 */ .entry-content b { background: linear-gradient(transparent 60%, #e6ee9c 0%); }
「見たまま記法」のかたはbタグでなくstrongタグへ入れ替えてください。
/* 太字を強調 */ .entry-content strong { background: linear-gradient(transparent 60%, #e6ee9c 0%); }
どうでしょう見やすさがまるで違いますね。
関連記事のセルフ編集
関連記事を表示させることでブログ内の記事を1ページでも多く見てもらえる可能性が上がります。
はてなブログだと関連記事のプラグインやGoogle Adsenceの関連記事広告、addthisなどのサービスを使って掲載の手作業が減るものの同時掲載してほしい記事が載らないことがほとんど。
なのでそんな時は自ら関連記事を記事の末尾に書けば良いのでは?と思い載せることにしました。
〈関連記事〉 <a href="リンクさせたいURL">リンク先のタイトル</a>
はてなブログであれば記事にコピペするだけなので簡単ですね。自分のブログなのでembed:citeで貼りましょう。
〈関連記事〉 [リンクさせたいURL:embed:cite]
なぜ今までこれをやらなかったのだろう。
本文中でわざわざ紹介しなくても関連記事として載せてあげたほうが見やすいですし複数の記事でひとつの記事のようにも見せられますし深掘りした形で伝えることも出来るので使いかたは自由ですね。
とくに新しい記事を関連する過去記事に載せてあげることで古い記事を蘇らせることもできるかもしれません。
試してみる価値ありですよ。