3PRを使って請求したいコンテンツを表示させよう

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

この機能はカスタマイズから簡単に編集する事ができます。

 

3PRの編集方法

それでは、3PRの編集方法について解説していきます。
ダッシュボード>外観>カスタマイズ を選択します。

カスタマイズ画面が表示されますので、「Lightning トップページ PR Block」を選択します。

3PRを編集できる画面が表示されますので、各機能について解説していきます。

アイコン1
アイコンのクラス名を入力すると、アイコンフォントを挿入する事が出来ます。アイコンフォントとは、「Font Awesome Icons」に記載されているアイコンが画像のように使うことができます。

タイトル1
見出しを入力します。

サブテキスト1
ここでテキストを編集できます。ユーザーに請求したい事をここに記載します。

リンクURL
任意のURLを入力すると、サブテキストにリンクを張る事が出来ます。

 

3PRは3つだけでなく、6つ、9つと増やす事ができます

ユーザーに請求したい事がたくさんあり、「3つだけでは書ききれない、3PRがもう一段欲しい」という方も中にはいると思います。そのような場合、3PRを増やす事ができます。

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

というように、自由に追加する事が出来ます。これは、ウィジェットを追加する事で簡単に実現できます。

 

3PRの追加方法

それでは、3PRを増やす方法について解説していきます。
ダッシュボード>外観>ウィジェット を選択します。

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

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

とりあえずトップページに表示させたいので、「トップページコンテンツエリア上部」を選択して「ウィジェットを追加」をクリックします。

設定項目詳細

見出しを入力します

PC 用に表示される画像を選択します(横 300px 程度推奨です)

スマホ用(ウィンドウサイズが 992px 以下の場合)に表示される画像を選択しますが入れてないとPCの画像がそのまま表示されるため 今回は省略します。(幅690px 以上推奨。空欄も可です)

請ユーザーに請求したい内容をここに入力します。

テキストにリンクを張りたい場合、URLを入力します。

 

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

残り2ヶ所を追加し、完成です。

完成後の3PRイメージトップページ

下記のように、3PRを一段追加する事が出来ました。さらに増やしたい場合は、同じ作業を繰り返すだけでもう1段追加する事が出来ます。

Follow me!

PROFILE

瀬間 隆司
瀬間 隆司WordPress講座講師
上野を拠点に中小企業の資金繰り・事業再生コンサルタントとして活動しています。
最近は自分でウェブサイトを作りたいという企業や、独立された方、独立を考えている方等にWordPressを活用したウェブサイト作り方をレクチャーしています。

他にも、チャットボットを作ったり、業務効率化のためにRPAを研究したり、目新しいものに飛びつく傾向があります。

集客に強いWordPressを活用してあなたのファンを引き寄せる「Web集客無料メール講座」

今なら無料で下記ノウハウが手に入ります。

WordPressでビジネスサイトを構築するマニュアル
売り込まなくても楽に売れるWeb集客ノウハウ
あなたの商品・サービスを必要としている人に届ける方法


期間限定2大プレゼント「WordPressでビジネスサイトを構築するマニュアル」&「Web集客無料メール講座」