WordPressのテーマ「Simplicity2」のヘッダー下部 (タイトル画像の下に)メニューや広告を表示させる

Pocket

スクリーンショット 2017 01 14 15 22 10

タイトル通りWordPressのSimplicity2のタイトル下部にメニューや広告を挿入する方法です。

メニューをすっきりさせる目的や、パッと目に飛び込んでくるところ新着記事や人気の記事をここに表示させてたいと思う方も多いでしょう。目的は様々だと思いますがこの部分を放っておくのは少し勿体ないですね。

※必ずバックアップを取ってから作業する事をお勧めします。

2017/07/27 誤字を訂正しました。

私の環境としては、Simplicity2の他に子テーマを使用しています。そのことを前提にお話をするので、子テーマなしの場合は、子テーマに移らずSimplicity2内で作業を行ってください。

phpを編集追記する

外観 > テーマ編集

画面右に並ぶリンク先の中から「テーマのための関数(functions.php)」をクリックします。(子テーマを使用している方は子テーマに) 一番最後に下記のタグをコピペして、下にある“ファイルを更新”ボタンを押してください。

編集するテーマを子テーマからSimplicity2に移動して、右の一覧から「テーマヘッダー(header.php)」をクリックします。

表示されたソースの中から次の2行を見つけてください。

その3行下に次の内容を追記して“ファイルを更新”ボタンをクリックします。 分からない方は上の画像をよくみて。追記した状態の画像を掲載しています。

あとはメニューや広告を掲載するのみ

スクリーンショット 2017 01 14 16 29 32

以上で設定は完了しました。後はWordPressの「外観 > ウィジェット」へ進み、新たにできた「header-wgt」に必要な物を投入するのみです。

もし何らかのデザイン変更が必要になった場合は、「外観 > テーマの編集」から「スタイルシート(style.css)」を開き、「.header-widget { }」を記入後、その中にCSSを投入してください。

タイトル通りWordPressのSimplicity2を使用した際に、タイトル右側にメニューや広告を表示させる方法です。
スポンサーリンク

シェアする

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

フォローする

スポンサーリンク
スポンサーリンク

コメント

  1. 匿名 より:

    『Simplicity2』が『Cimplicity2』と誤表記されてる箇所があります。ご確認ください。

    • bum より:

      ご指摘ありがとうございました。早速訂正をさせていただきました。