2018/09/23SHAREツイートシェアはてブGoogle+PocketLINEこの記事ではワードプレスのテーマ「STINGER」の見出しのカスタマイズ方法についてお伝えしていきます。見出しを変更する上で重要となるデザインを最初に決めていきます。CSSを使用してデザインを作成しますが、知識がない場合はWebからサンプルを探してみてもいいですし、この記事のデザインを参考にしていただいても大丈夫です。デザインが決定したらCSSの編集を行っていきます。見出しのカスタマイズ見出しのカスタマイズはスタイルシートを編集することで行うことができます。スタイルシートへの移動1管理画面から「外観」>「テーマの編集」をクリック。2テーマファイルの中から「スタイルシート(style.css)」をクリック。これでスタイルシートへ移動ができました。この部分にコードを追記してデザインを変更していきます。Child」(子テーマ)のスタイルシートです。h2のカスタマイズまずはh2を画像のようにカスタマイズしていきます。スタイルシート(style.css)に下記のようにコードを追記します。none;」でラインを消し、「background」で背景色の指定、「color」で文字色を指定しています。「font-size」は数値を大きくすれば文字が大きくなり、「border-radius」は数値を大きくすれば角の丸みが大きくなります。コピペで使用する場合は、色や数値は好みのものに変更してみて下さい。h3のカスタマイズ次にh3のデザインを画像のように変更していきます。h3の場合は元のデザインにラインを加えただけのものとなりますので、下記のコードを先ほどのコードの後ろに追記します。#13acca;}コードの追記が完了したら「ファイルを更新」ボタンをクリックして、変更内容を保存します。最後にブラウザでサイトを開き、カスタマイズ内容を確認します。内容がしっかりと反映されていることが確認できます。反映されない場合はブラウザの履歴が影響している場合があります。編集したコードが間違っていないことを確認した後、ブラウザの履歴を1度削除することで反映されることがあるので試してみて下さい。以上、「STINGER」の見出しのカスタマイズでした。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。