WordPress_テーマのスタイルシートの編集方法(例:見出しフォントスタイルの変更)

WordPressのテーマは、CSSを編集することで、既定のフォントなどを自分の好きなようにカスタマイズすることができます。

たとえば、ここではLIONMEDIAの、フォントで「見出し2」を選んだ時のレイアウトを変更してみます。
なお、子テーマ上で編集をしています。

 

1.メニューバー「外観」→「テーマの編集」をクリックします。
スタイルシートの中から「LION MEDIA Child」(現在使用しているテーマの名前)を選択します。
そのあと、「スタイルシート」をクリックします。

 

2.注意!として、”内容を編集すると、サイトが正常に表示されなくなるなどおかしくなるかも”というような確認が出るため、「理解しました」をクリックします。

 

3.希望するレイアウトのソースコードを、「h2」の場所に入力し、「ファイルを更新」をクリックします。

これで、見出し2を選んだ時のレイアウトが変更されました。

 

※なお、レイアウトのソースは自分でいろいろ調べて書くのもよいですが、以下のような見出しのサンプルサイトから、ソースをコピーして使用することもできます。
もちろん、こうしたサイトを使用する際には、著作権についてなど権利の個所はちゃんと確認しておきましょう。

お勧めの見出しサンプルサイト【サルワカ】
サイトマップ:ホーム→ HTML&CSS→ リファレンス→「CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選」より
https://saruwakakun.com/html-css/reference/h-design

使い方は、希望するデザインを見つけたら「コードを表示」をクリックし、表示されたコードをコピーして、WordPressのテーマの、スタイルシート該当箇所に、貼り付けるだけです。

 

 

最新情報をチェックしよう!