WordPressで見出し(タイトル)のデザインを変更する方法。
本日は、帰化とは関係ない話題ですが、WordPress(ワードプレス)で見出し(タイトル)のデザインを変更してみました。
ワードプレスでプラグインを使用して見出しを変更する方法を探っておりましたところ、非常に参考になるサイトがありましたのでご紹介したいと思います。
ワードプレスで見出しデザインを変更するのにおすすめのサイト1
まずお勧めしたいのは、
トリヤリさんの「ワードプレスの見出しを好きなデザインにする方法」
です。
簡単に概要を説明しますと、
①プラグインの「Add Quicktags」をインストールして、記載の通りの設定をする。
②好きな見出しデザイン(おすすめサイト後で書きます)を探してきてそのを追加CSS(外観⇒カスタマイズ⇒追加CSS)に貼り付け。
こちらのサイトは非常に分かりやすく説明がされています。特に最後のほうのそのままでは「Quicktags」のタブがどこにあるか分かりにくいところ、詳しく説明されていて助かりました。
ただ、CSSの複数(H2~H4ぐらいまで)の記載をどうやってするのかという点が少しわかりづらかったです。
ワードプレスで見出しデザインを変更するのにおすすめのサイト2
2つめのおすすめサイトは、
WordPressの見出しデザインを自由にカスタマイズする方法(Shogo Nakaeさん)
のサイトです。
こちらはプラグインのインストール方法から詳しく図解があり、またCSSに関しても、
「Simple Csutom CSS」というプラグインを入れてする方法で、わたし個人的にはこちらのほうが扱いやすかったです。
やり方は、上でご紹介したトリヤリさんの「ワードプレスの見出しを好きなデザインにする方法」とほぼ同じでした。CSSの記載がプラグインを使用するかどうかというところが違うぐらい。
ただし、こちらのサイトでは、「Quicktags」の設定の説明で、
「そして、左の上下のブロックには「h2」、真ん中のブロックの上には「<h2 id=”danraku2″>」、真ん中の下のブロックには「</h2>」を入力し、一番右のチェックボックスにチェックを入れて、「変更を保存」をクリックします。」
とある途中の「<h2 id=”danraku2″>」の「” 」(半角のダブルクォーテーション?)が中途半端に全角?になっていて、これをコピぺですると、動かなくて結構苦労しましたので、みなさんご留意ください。
具体的には、「<h2 id=”danraku2″>」とすればよいのだと思います。
(ど素人ですのでご参考までに)
またこちらのサイトでは、最後の「Quicktags」の説明が元々表示されている前提でしたが、わたしの場合は表示されておらず、少し戸惑いましたので、この点でも前のサイトのほうが分かりやすいです。
総合的に二つのサイトを参考にすれば、進めやすいと思います
見出しのデザインが手に入るおすすめのサイト
もうこれしかないでしょうってぐらい、素晴らしいと思います。
みなさんおすすめの
サルワカさんCSSのコピペだけ おしゃれな見出しのデザイン例まとめ68選
です。
他の似たようなサイトものぞいてみましたが、ダントツにこちらのデザインがよかったです。
ど素人のわたしでも、簡単にできちゃいました。
ご参考になれば光栄です。