Switchトップページのフル幅画像の設定方法|初心者向けマニュアル
Switchトップページのフル幅画像の設定方法|初心者向けマニュアル
Switchには、画像や動画の上にバナーを2つまで設置して表示できる「PRエリア設定」があります。

今回は、このPRエリアの設定方法を解説したいと思います。

PRエリアの設定方法

WordPress管理画面の左メニューから『TCDテーマフッター』という順にクリックします。

WordPress管理画面の左メニューから『TCDテーマ→フッター』という順にクリック

WordPress管理画面の左メニューから『TCDテーマ→フッター』という順にクリック

「PRエリア設定」画面が表示されます。
一番上の『PR エリアを表示する』にチェックを入れましょう。

『PR エリアを表示する』にチェックを入れる

『PR エリアを表示する』にチェックを入れる

PRエリアのタイプ

下記の2タイプからPRエリアのタイプを選択します。

  • テンプレート
    画像や動画の上にキャッチフレーズ + 説明分 + バナーリンクを最大2つ表示することができます。
  • フリースペース
    記事を作成するのと同じように自由にコンテンツを作成できます

今回は、『テンプレート』を選択して進みます。

キャッチフレーズ

キャッチフレーズを入力します。
キャッチフレーズはPRエリアで一番大きく表示されます。

説明文

説明文を入力します。
説明文は2行になる程度の文字数だとバランスが良いです。

バナー設定

バナーの設定をします。
バナーの設定1』をクリックしましょう。

『バナーの設定1』をクリック

『バナーの設定1』をクリック

タイトル

タイトルを入力します。
タイトルは短めに設定するのをおすすめします。

背景画像

背景画像を設定します。
背景画像の右半分はトリミングされてタイトルになるので、左側しか映らないのを考慮して選びましょう。
推奨サイズは横800、縦240pxです。

リンク先のURL

リンク先のURLを入力します。

上記と同じ流れで『バナーの設定2』も設定しましょう。

背景のタイプ

PRエリア全体の背景タイプを下記から選択します。

  • 画像
  • 動画
  • YouTube

背景画像の推奨サイズは横1450、縦500pxです。

動画の方がバナーを目立たせることが出来るので、良い動画があれば使用してみましょう。

背景に重ねる色

背景に重ねる色を選択します。

背景に重ねる色の透明度(0 - 1.0)

「背景に重ねる色の透明度」を上げると「背景に重ねる色」が濃くなります。
バナーが見ずらいと感じたら調整してみましょう。

全ての項目を設定したら、『設定を保存』ボタンをクリックします。

『設定を保存』ボタンをクリック

『設定を保存』ボタンをクリック

これで、PRエリアの設定は完了です。

PRエリア

PRエリア

カーソルをバナー画像に合わせると少しズームされて印象的です。

まとめ

今回は、SwitchのPRエリアの設定方法を解説しました。

PRエリアを設定することで、サイトの世界観を演出できるほか、ユーザーをおすすめのページ等に誘導することができるようになるので、ぜひ設定してみてください。

全てのテーマを見るならこちら

スポンサーリンク

スポンサーリンク

アンケート実施中

テーマニアの内容をさらに充実させるため
アンケートを実施中です。

ご協力お願いいたします。

おすすめの記事