デジモノ大好き+

デジタルグッズ自腹レポ・Wordpress関連。+ バツ1おっさんのライフハック。

Stinger8よく使う「h」タグを装飾してみた。 [WordPress]

投稿日:2018年8月16日 更新日:

ブログを書く上で、よく使うタグの一つが「h」タグではないでしょうか。
なので、カスタマイズしたくもなります。

デフォルトだとこんな感じです。

今回手を入れたのは、「h2」タグと「h3」タグ。
「h4」タグはデフォルトのままで。

style.cssに追加。

フォントスタイルを変更

游ゴシックは線が細いので、メイリオをメインに変更。

[crayon-5e2cccde9bda1789894170/]

「h2」タグの変更点

  • センタリング
  • 背景色(グラデーション)
  • ボーダー調整

[crayon-5e2cccde9bda8237031066/]

「h3」タグの変更点

  • padding調整
  • ボーダーの調整
  • フォントサイズの調整

[crayon-5e2cccde9bdaa073660880/]

※フォントサイズの調整は以下の箇所で設定

[crayon-5e2cccde9bdab102364217/]

記事タイトル(h1タグ)の変更方法は「Stinger8の記事タイトルをさりげなく装飾してみた。」をご覧ください。

テーマをいじる場合は、必ずバックアップをとり、自己責任で作業してください。
また、子テーマで作業するのが望ましいです。

スポンサーリンク

-WordPress
-, , ,

関連記事

Stinger8パンくずリストをおしゃれにカスタマイズしてみた。 [WordPress]

ナビゲーション系のカスタマイズ連投になりますが、今回はパンくずリストです。 デフォルトは色が薄く目立たないので、アイコンを付けたり、hoverで色付けしたりとちょこっと目立たせています。 今回はいつも …

no image

Stinger8の記事タイトルをさりげなく装飾してみた。 [WordPress]

デフォルトもシンプルで文字のサイズも大きく見やすいのでいいんですが、せっかくなんで少し手を入れてみました。 こんな感じにしてみました。 デフォルトはこんな感じですよね。 変更した内容は センタリング …

AmazonJSの画像が表示されないときの回復方法 [WordPress]

AmazonJSはAmazonアソシエイトのリンクを張るときに投稿画面から商品検索ができ、しかもショートコードで貼り付けてくれて、さらに格好良く表示してくれるプラグインなので、ちょーおススメなプラグイ …

Stinger8のページトップボタンを目立たせてみた。 [WordPress]

主張が強すぎるのもなんですが、あまりにも目立ってないので手を加えてみました。 ↑右端にあるこれね。 (わかりずらいので、囲ってみました。) style.cssを変更 差分はこんな感じです。 [cray …

カテゴリーの表示を個性的にしてみた。 [WordPress]

カテゴリー表示はテーマそのままだとちょっと寂しいので、少し手を加えてみました。 今回手を加えたのは、style.cssとfunctions.php。 カテゴリーの親子関係の表示を調整。 style.c …