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

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

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

 

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

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

スポンサーリンク

Lightningテーマの3PRエリア

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

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

3PRエリアは増やす事ができます

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

  • 3個 × 2段=合計6つ
  • 3個 × 3段=合計9つ

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

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

 

Lightningの3PRエリアを設定する手順

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

  • 手順①:カスタマイザーを立ち上げる
  • 手順②:Lightning トップページ PR Blockを開く

上記のとおりです。

手順①:カスタマイザーを立ち上げる

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

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

手順②:Lightning トップページ PR Blockを開く

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

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

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

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

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

 

Lightningの3PRエリアを増やす手順

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

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

  • 手順①:ウィジェット開く
  • 手順②:VK_3PRエリアを選択する
  • 手順③:VK_3PRエリアを編集する

上記のとおりです。

手順①:ウィジェット開く

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

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

手順②:VK_3PRエリアを選択する

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

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

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

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

手順③:VK_3PRエリアを編集する

VK_3PRエリアを編集します。

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

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

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

残り2ヶ所の項目を記載したら完了です。「保存」ボタンをクリックして設定を保存しましょう。

3PRエリアの表示をプレビューで確認

プレビューで確認してみると、下図のように3PRエリアが一段追加されたことが確認できます。

以上で3PRエリアを増やす手順は完了です。

もう一段3PRエリアを増やしたい場合は、同じ作業を繰り返すだけでもう1段追加する事ができます。

 

まとめ

以上、Lightningテーマの3PRエリアの設定方法について解説しました。

おわり。

 

 

人気記事【無料あり】オンラインプログラミングスクールおすすめ3選【通学不要】

トップへ戻る
タイトルとURLをコピーしました