ここでは、投稿と固定の記事ページのヘッダー画像を切り替える方法(カエテンWP-JOY)を紹介する。
目次です。
投稿ページと固定ページのヘッダー画像を切り替えたい
サイトやブログを運営している方で、投稿ページと固定ページの記事ヘッダーを記事ごとに切り替えたい、ってときがあると思う。
そんなときには、「フリースペース+サイドバーを切り替えるプラグイン」を使用することで簡単にヘッダー画像を切り替えることができるのだ。
ただし、この方法が使えるのはフリースペースがヘッダー部分に搭載されたテンプレートのみになる(カエテンWP-JOYなど)。
ちなみに、フリースペースがないテンプレートでも、HTMLをいじればできないこともないようだが・・・
難しそうだ。
投稿、固定の記事ページのヘッダー画像を切り替える方法
では、さっそくヘッダー画像の入れ替え作業をはじめる。
大まかな流れとしては、現在設定している画像を削除後に、フリースペースで新たにヘッダー画像を設定して、それからサイドバーのプラグインでヘッダー画像を切り替えることになる。
上記のヘッダー画像を削除後に、新しいデフォルト画像を設定して、それから新しいヘッダー画像に切り替えようと思う。
ヘッダー画像の削除とヘッダー設定
ヘッダー画像を入れ替えるには、まず、管理画面(ダッシュボード)に移動して「外観」から「カスタマイズ」へと進む。
サイト上部にある「カスタマイズ」からも進める。
そうしたら、「ヘッダー・背景画像」をクリックする。
ここでは、今設定しているヘッダー画像の削除を行う。
「削除」ボタンをクリックしよう。
画像の削除後は、忘れずに「保存して公開」をクリックする。
するとこんな感じになっていると思うので、今度は邪魔になる説明文の削除を行う。
管理画面(ダッシュボード)から「カスタマイズ」へと進み、「表示制御」をクリックする。
そこで「サイトヘッダー」をクリックしよう。
サイトヘッダーにある、「サイト説明文を非表示」を選択し「保存して公開」をクリックする。
これでヘッダーの説明文が削除されたと思う。
続いて、カスタマイズ画面や表示制御画面からでも良いので、「フリースペース」をクリックする。
ここでは、「ヘッダー」をクリックする。
そうしたら、「FS ヘッダー右側」の項目にある「表示関連」の横幅の設定を変更する。
私は、「5」を入力しておいた。
あとは、そのまま上部にある「保存して公開」をクリックすればOKである。
これで、ヘッダー画像の削除とヘッダーの設定は完了である。
ウィジェットでデフォルト画像の設定
で、次はデフォルト状態で表示する画像をウィジェットで設定する。
ウィジェットに設定する画像などは、投稿ページなどに「メディアを追加」で表示して、テキスト画面から「imgタグ」をコピーすればOKである。
では、さっそく「imgタグ」をコピーしよう。
その後は管理画面(ダッシュボード)から、「外観」へと進み、「ウィジェット」をクリックする。
ウィジェットでは、まずテキストを「FS ヘッダー右側」にドラッグ&ドロップで移動させる。
ここに、デフォルトで設定したい画像の「imgタグ」を入力(ペースト)して、「保存」ボタンをクリックする。
これで、デフォルトの画像設定は完了である。
サイドバー設定
次は、サイドバー設定を行う。
ここでは、「Content Aware Sidebars」というプラグインを使用する。
プラグインをインストールし、「有効化」後は、管理画面(ダッシュボード)から「サイドバー」へと進み、「新規追加」をクリックする。
そうしたら、「新規サイドバー」のタイトルを入力しよう。
私は、「アフィリエイト(右ヘッダー)」と入力した。
次に、ヘッダー画像を切り替えたい記事ページを選択する。
試しに「アフィリエイトブログの始め方・作り方」ページを選択する。
オプションの設定をデフォルト設定から上記のように変更し、上部にある「保存」ボタンをクリックする。
・置換
・FS ヘッダー右側
これで、サイドバー設定は完了である。
ウィジェットでサイドバーを設定(FSヘッダー右側)
最後に、ウィジェットで先程作成したサイドバーに画像の「imgタグ」を入力する。
管理画面(ダッシュボード)から、「外観」と進み、「ウィジェット」に進む。
ここでは、「テキスト」をドラッグ&ドロップで、「アフィリエイト(右ヘッダー)」に移動させる。
テキストに入力する「imgタグ」をコピーしよう。
「imgタグ」をテキストに入力(ペースト)し、「保存」ボタンをクリックする。
そして、上部にある緑色のスライドバーを右側にスライドさせれば設定が反映されるので、ヘッダー画像が切り替わるはずだ。
これで、ウィジェットでのサイドバー設定は完了である。
ヘッダー画像が切り替わっとる。
ちなみに、サイドバー設定では複数ページの追加やカテゴリーやタグの追加もできるので、自分の好きなように設定しよう。
以上で、投稿と固定の記事ページのヘッダー画像を切り替える方法(カエテンWP-JOY)の解説は終了する。
関連記事