Gush2カスタマイズ 見出しタグ(h2・h3・h4)変更方法

   2015/04/24

当ブログで使用しているWordPressテーマ「Gush2」の見出しタグ(h2タグやh3タグ)をカスタマイズしてみましたので、その方法を記しておきます。

スポンサーリンク

Gush2で見出しタグ(h2・h3・h4)のデザインを変更する方法

gush2_midasitag

▲WordPressの管理画面の外観→テーマ編集→スタイルシートから編集を行いました。

スマホの見出しタグデザインを変更

これを、以下のように変更しました。

スマホの見た目が、ご覧のように変更できました。

タブレットの見出しタグデザインを変更

これを、以下のように変更しました。

PCの見出しタグデザインを変更

これを以下のように変更しました。

これにより、PC版のプレビューは以下のように変化しました。
gush2_midasitag

▲こちらがデフォルトの見出しタグ(h2)です。

gush2_midasitag

▲こちらがデフォルトの見出しタグ(h3)です。

gush2_midasitag

▲そして、こちらが設定後の見出しタグ(h2)です。

gush2_midasitag

▲そして、こちらが設定後の見出しタグ(h3)です。

まとめ

見出しタグのデザインを変更したい時に、どこを変更したかを記しておきました。

今後、再び同じようなカスタマイズを行いたい時には自分でここを参照しようと思います。

関連記事

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

この記事へのコメントはこちら

メールアドレスは公開されませんのでご安心ください。
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメント送信」ボタンを押してください。