【WordPress】Lightningの3PRエリアの設定方法

Lightningテーマの3PRの設定方法をお探しの方向け。

Lightningテーマには、トップページのヘッダー画像下部に、「3PR」と呼ばれるユーザーにPRしたいコンテンツを3つ表示できる機能があります。

この記事では、Lightningテーマの3PRを設定する方法について解説します。

好きなところから読めます

Lightningテーマの3PRエリア

Lightningテーマの3PRエリアは、トップページのヘッダー画像下部にコンテンツを3つ表示できる機能です。

3PRエリアはカスタマイザーで簡単に設定できます。

「Webサイトに訪問してきたユーザーに請求したい事がたくさんあるから3つだけでは足りない！3PRがせめてもう一段欲しい！」というような場合、3PRは増やす事ができます。

というように、自由に追加する事ができます。

設定方法は本記事の「Lightningの3PRエリアを増やす手順」という項目で解説しています。

Lightningテーマの3PRエリアを設定する手順を解説します。

上記のとおりです。

ダッシュボード＞外観＞カスタマイズ を選択します。

カスタマイザーが立ち上がりますので、カスタマイザーのメニューにある、「Lightning トップページ PR Block」を選択します。

3PRを編集できる画面が表示されますので、ここで3PRを設定します。

各項目の詳細は次のとおりです。

アイコン１：アイコンのクラス名を入力すると、アイコンフォントを挿入する事ができます。アイコンフォントとは、「Font Awesome Icons」のアイコンを画像のように使うことができます。
タイトル１：見出しを入力します。
サブテキスト１：テキストを編集できます。ユーザーに請求したい事をここに記載します。
リンクURL１：任意のURLを入力すると、「③サブテキスト１」にリンクを張る事ができます。

テキストを編集したら、カスタマイザー上部にある「公開」ボタンをクリックすると、設定が保存されます。

これで3PRエリアの設定方法は完了です。

「3PRエリアは増やす事ができます」でも解説したとおり、3PRエリアが一つでは足りない時は、2つ、3つと増やす事ができます。

3PRエリアを増やす手順を解説します。

上記のとおりです。

3PRエリアを増やすには、ウィジェットに移動して設定する必要があります。

ダッシュボード＞外観＞ウィジェット を選択します。

ウィジェット一覧画面が表示されたら、「VK_3PRエリア」を選択します。

「VK_3PRエリア」を選択すると、表示位置の選択肢一覧が表示されます。

今回はトップページに表示させるので、①「トップページコンテンツエリア上部」を選択し、②「ウィジェットを追加」をクリックします。

トップページ以外にも3PRを表示させる事ができます。

VK_3PRエリアを編集します。

各項目の詳細は次のとおりです。

タイトル：見出しを入力します。
PC 用に表示される画像を選択：横幅300px 程度が推奨サイズとなります。
スマホ用（ウィンドウサイズが 768px 以下の場合）に表示される画像を選択（横690px 以上推奨。空欄も可）：スマホ用の画像を表示させたい場合は画像を設定します。空欄にするとPCようの画像が表示されます。
概要となるテキスト：ユーザーに請求したい内容をここに入力します。
リンク先ページのURL：テキストにリンクを張りたい場合、URLを入力します。

下記に入力後のイメージを載せておきます。