どうも、ワードプレスの見出しのカスタマイズで更に磨きがかかったもてちん(@ MoteChiNvwvwvN)です。
ライブドアブログからワードプレスに切り替えて数日が経ちました。
今回は、ブログでよく見かける見出しの作り方についてです。
超初心者のわたしが実践したワードプレスの見出しを編集する手順を説明していきます。
プラグイン『AddQuicktag』をインストール
ダッシュボードの『プラグイン』→『新規追加』から『AddQuicktag』をインストール。
インストール後、【プラグインを有効化】にする。
検索で探す際、フルネームを入れないと出てこなかったです。
プラグイン『Simple Custom CSS』をインストール
続いて同じ手順で、ダッシュボードの『プラグイン』→『新規追加』から『Simple Custom CSS』をインストール。
インストール後、【プラグインを有効化】にする。
プラグイン『AddQuicktag』を設定する
ダッシュボードの『設定』→『AddQuicktag』から設定画面へ。
少し見えにくいですが、『ボタン名』『開始タグ』『終了タグ』の三ヵ所に入力し、一番右側の項目にチェックをして【変更を保存】をします。
例）見出し2を作成の場合
『ボタン名』→任意（今回はh2と入力）
『開始タグ』→<h2>
『終了タグ』→</h2>
カスタムCSSを編集
続いて見出しのカスタマイズをしましょう。
検索をすると多数サイトがあるので、自分に合った見出しを探してください。
もちろん、コード表示がされているものの中ならです。
コードをコピーしてきたらまず、『外観』→『カスタムCSS』を開きます。
上の赤で囲ってある部分に貼り付けます。
見出し2で使用する場合は、h2に変更してください。
貼り付けと修正が終わったら保存します。
見出しを確認
投稿画面で確認作業をします。
赤で囲った部分が追加されていると思います。
文字入力後、赤で囲った部分で『ボタン名』（h2）を選択します。
プレビューで確認すると見出しが変更されていると思います。
最後に
いかがでしょうか？
初心者でも流れを覚えればなんとか他のサイトと同じような作りにする事ができます。
より良いサイト作りをしていきましょう。
わたしも他のサイトをもっと研究して、より見やすく、よりスマートなサイトにしていきたいと思います。
コメント