ここでは、投稿と固定の記事ページのヘッダー画像を切り替える方法(カエテンWP-JOY)を紹介する。

 

投稿ページと固定ページのヘッダー画像を切り替えたい

 

サイトやブログを運営している方で、投稿ページと固定ページの記事ヘッダーを記事ごとに切り替えたい、ってときがあると思う。

そんなときには、「フリースペースサイドバーを切り替えるプラグイン」を使用することで簡単にヘッダー画像を切り替えることができるのだ。

 

ただし、この方法が使えるのはフリースペースがヘッダー部分に搭載されたテンプレートのみになる(カエテンWP-JOYなど)。

ちなみに、フリースペースがないテンプレートでも、HTMLをいじればできないこともないようだが・・・

難しそうだ。

 

投稿、固定の記事ページのヘッダー画像を切り替える方法

 

では、さっそくヘッダー画像の入れ替え作業をはじめる。

 

大まかな流れとしては、現在設定している画像を削除後に、フリースペースで新たにヘッダー画像を設定して、それからサイドバーのプラグインでヘッダー画像を切り替えることになる。

 

 

 

上記のヘッダー画像を削除後に、新しいデフォルト画像を設定して、それから新しいヘッダー画像に切り替えようと思う。

 

ヘッダー画像の削除とヘッダー設定

 

 

ヘッダー画像を入れ替えるには、まず、管理画面(ダッシュボード)に移動して「外観」から「カスタマイズ」へと進む。

 

サイト上部にある「カスタマイズ」からも進める。

 

 

そうしたら、「ヘッダー・背景画像」をクリックする。

 

 

ここでは、今設定しているヘッダー画像の削除を行う。

「削除」ボタンをクリックしよう。

 

 

画像の削除後は、忘れずに「保存して公開」をクリックする。

 

 

するとこんな感じになっていると思うので、今度は邪魔になる説明文の削除を行う。

 

 

管理画面(ダッシュボード)から「カスタマイズ」へと進み、「表示制御」をクリックする。

そこで「サイトヘッダー」をクリックしよう。

 

 

サイトヘッダーにある、「サイト説明文を非表示」を選択し「保存して公開」をクリックする。

これでヘッダーの説明文が削除されたと思う。

 

 

続いて、カスタマイズ画面や表示制御画面からでも良いので、「フリースペース」をクリックする。

 

 

ここでは、「ヘッダー」をクリックする。

 

 

そうしたら、「FS ヘッダー右側」の項目にある「表示関連」の横幅の設定を変更する。

私は、「5」を入力しておいた。

 

 

あとは、そのまま上部にある「保存して公開」をクリックすればOKである。

これで、ヘッダー画像の削除とヘッダーの設定は完了である。

 

ウィジェットでデフォルト画像の設定

 

で、次はデフォルト状態で表示する画像をウィジェットで設定する。

 

 

ウィジェットに設定する画像などは、投稿ページなどに「メディアを追加」で表示して、テキスト画面から「imgタグ」をコピーすればOKである。

 

 

では、さっそく「imgタグ」をコピーしよう。

 

その後は管理画面(ダッシュボード)から、「外観」へと進み、「ウィジェット」をクリックする。

 

 

ウィジェットでは、まずテキストを「FS ヘッダー右側」にドラッグ&ドロップで移動させる。

 

 

ここに、デフォルトで設定したい画像の「imgタグ」を入力(ペースト)して、「保存」ボタンをクリックする。

これで、デフォルトの画像設定は完了である。

 

ヒッキー
デフォルト画像が表示されとる。

 

サイドバー設定

 

次は、サイドバー設定を行う。

ここでは、「Content Aware Sidebars」というプラグインを使用する。

めがね
「Content Aware Sidebars」のプラグインをインストールしていない方は、こちら(下記)のページを参照してください。

 

Content Aware Sidebars

 

 

プラグインをインストールし、「有効化」後は、管理画面(ダッシュボード)から「サイドバー」へと進み、「新規追加」をクリックする。

 

 

そうしたら、「新規サイドバー」のタイトルを入力しよう。

私は、「アフィリエイト(右ヘッダー)」と入力した。

 

 

次に、ヘッダー画像を切り替えたい記事ページを選択する。

 

 

試しに「アフィリエイトブログの始め方・作り方」ページを選択する。

 

 

オプションの設定をデフォルト設定から上記のように変更し、上部にある「保存」ボタンをクリックする。

 

置換

FS ヘッダー右側

 

これで、サイドバー設定は完了である。

 

ウィジェットでサイドバーを設定(FSヘッダー右側)

 

最後に、ウィジェットで先程作成したサイドバーに画像の「imgタグ」を入力する。

 

 

管理画面(ダッシュボード)から、「外観」と進み、「ウィジェット」に進む。

ここでは、「テキスト」をドラッグ&ドロップで、「アフィリエイト(右ヘッダー)」に移動させる。

 

 

テキストに入力する「imgタグ」をコピーしよう。

 

 

「imgタグ」をテキストに入力(ペースト)し、「保存」ボタンをクリックする。

そして、上部にある緑色のスライドバーを右側にスライドさせれば設定が反映されるので、ヘッダー画像が切り替わるはずだ。

これで、ウィジェットでのサイドバー設定は完了である。

 

ヒッキー

ヘッダー画像が切り替わっとる。

 

 

ちなみに、サイドバー設定では複数ページの追加やカテゴリーやタグの追加もできるので、自分の好きなように設定しよう。

以上で、投稿と固定の記事ページのヘッダー画像を切り替える方法(カエテンWP-JOY)の解説は終了する。

 

Wordpress設定(テーマのインストール、初期設定、プラグイン)

Wordpress設定(テーマのインストール、初期設定、プラグイン)

Wordpressを無事サーバーにインストールし終えたら、次はWordpressの設定を行う。Wordpressの設定っていってもいったい何をするのか、簡単な流...

投稿 2017/02/20

 

関連記事

 

ココナラでサイトのちびキャラの画像(イラスト)を作成した話