BLOG CATEGORY

Monthly Archives

長フチコンテンツ

ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズTOP » ブログ » webコラム» はてなブログカスタマイズ 記事タイトルのフォント・背景色を変更する方法

このエントリーをはてなブックマークに追加

はてなブログカスタマイズ 記事タイトルのフォント・背景色を変更する方法

   投稿日: 2017/11/02    投稿者:webコラム

69e255169ca68453f16bf1f17a159a3a_m.jpg


こんにちは! ライターのモモタロウです。

今回は、はてなブログカスタマイズ 記事タイトルのフォント・背景色を変更する方法をお伝えします。

以下の画像の四角で囲った部分を変更します。

20170930-1.jpg


はてなブログ記事タイトルのフォント・背景色を変更するには?


まず、はてなブログにログインします。

「ダッシュボード」にアクセスして、左側のメニューバーに並ぶ「デザイン」をクリックします。

20170930-0.jpg


左上の横に並ぶボタンのうち、スパナボタンをクリックします。

20170930-0-1.jpg


{}デザインCSS をクリックして、ここを編集します。

今回は、ブログ記事の背景色とフォントサイズを変更します。

.entry-title {
font-weight: bold;
font-size: 20px;
  padding: 15px 10px;
  background-color: #eee;
  border-bottom: 4px solid #ccc;
}

上のタグをCSS編集画面に書き込みます。


以下は、CSS編集小ウィンドウの画像です。
20170930-1-2.jpg

フォントの大きさは、
font-size
: 20px;

背景色は、
background-color: #eee;

―としました。

「変更を保存する」ボタンをクリックして、ブログを確認すると・・・

20170930-2.jpg

記事タイトルの背景色とフォントの大きさが変わっていることが分かります。


背景色は、自在に変更可能です。

次に、背景の色を「#ff6699」としてみよう。

background-color: #ff6699;


20170930-3.jpg


まとめ

いかがでしたか?

このように、はてなブログの記事タイトルをカスタマイズすることができます。

是非、試してみて下さいね!

カテゴリ:

TOPへ