• WordPressのテーマ・プラグイン・サーバー・使い方などを解説

    今日は、WordPressでWebサイトを作るにあたって、使いたいテーマにヘッダー画像の挿入場所がない場合の設置の仕方をご紹介します。
    今回は、コンテンツや写真をグリッド状に配置できる、とっても素敵なテーマ「Stacker Lite」をお借りして実装してみようと思います。
    Stacker Lite
     
    それでは、まずはBefore/Afterの確認から。

    before
    custom-header-before

    after
    custom-header-after
    成功すれば、可愛いチワワのヘッダー画像が入りそうです。
     
    早速はじめましょう。
    手順は下記のとおり。
     

    1.管理画面>外観>テーマの編集>テーマのための関数をひらく

    テーマのための関数
     

    2.任意の場所に下記文言を挿入する

    add_theme_support( 'custom-header' );
    

    わたしは、メニューバーとタイトルの間に挟もうと思います。
    この辺でしょうか。
    検証画面
     
    挿入します。
    カスタムヘッダー挿入場所
     

    3.画像の挿入

    上記の手順通りに進むと、「外観」の下階層に「ヘッダー」という項目が現れます。
    外観>ヘッダー
     
    あとは簡単ですね。
    「ヘッダー画像」の項目を選び…
    ヘッダー画像
     
    「新規画像を追加」するだけです。
    私は何枚か追加し、ランダムで表示されるようにしました。
    新規画像を追加
     
    以上となります!
    ぜひ試してみてください。