結果の出るコンテンツマーケティングサイトを簡単に構築

コーポレートサイトやブログを作成するのに無料でありながら圧倒的な機能と使いやすさを提供してきたWordPress公式ディレクトリ登録テーマ「Lightning」。そのLightningをコンテンツマーケティングやメディアサイトとして活用するためにデザインと機能を強化したのが有料の拡張デザインスキン「Variety(ヴァラエティ)」です。

より結果を出しやすくするためにヘッダー上部を強化

ウェブサイトは存在しているだけでは意味がありません。ビジネスにおいてはあくまでも問い合わせなどのアクションを得る事が目的です。

そのためにヘッダー上部に電話番号と問い合わせボタンを配置しました。

また、ユーザーがより使いやすくなるようにサブナビゲーションを配置する事が可能で、加えてPC閲覧時には画面左上にサイトのキャッチコピーも表示されるようになっています。

ヘッダーに問い合わせボタンや電話番号などを表示
ヘッダーに問い合わせボタンや電話番号などを表示

『お問い合わせボタン』と『電話番号』はカスタマイザーで設定します。

管理画面の『外観』→『カスタマイズ』からカスタマイザーを起動して、左のメニューに『Lightinng ヘッダー上部』というセクションが表示されるので、そこから問い合わせボタンに表示するテキスト/リンク先/電話番号を設定します。

更に、目的のページへの誘導を強化したり広告収入を増やすヘッダーバナーエリアも用意しています。

ヘッダーバナーの設定も『外観』→『カスタマイズ』からカスタマイザーを起動して、『Lightning ヘッダーバナー』から設定します。

ヘッダーバナー設定画面
ヘッダーバナー設定画面

バナーエリアには画像あるいはHTMLを指定する事ができます。HTMLを入力するテキストエリアにはGoogleAdsenseなどのコードを入力する事もできます。

バナー画像とHTMLの両方が登録されている場合は画像が優先して表示されるようになっています。

※スマートフォンなど画面サイズが狭い端末で閲覧している時はヘッダーバナーは表示されません。

記事本文が上部に表示されるレイアウト

Lightning ではコンテンツエリア上部に

  • ヘッダー直下のページタイトルエリア
  • パンくずリスト

が表示されますが、Varietyではコンテンツエリア上部の表示をなくし、より記事本文に注目できるようなデザインにしました。

グローバルメニューやページ見出しカラーを黒塗りかキーカラーに指定可能

サイトの全体のカラーを統一することで、統一感が出て見やすいサイトになります。

Variety ではグローバルメニューを任意で設定したキーカラーに設定できる仕様になっています。それに伴ってページ見出しのデザインも連動して変わるような設定にしています。

カスタマイザーから【 Lightning デザイン設定 】> 【 カラーテイスト 】で設定できます。

「カラーテイスト:濃い」の場合
「カラーテイスト:明るい」の場合

「カラーテイスト:明るい」の設定のときは、上で設定した「キーカラー」が反映されます。

ページの背景色が指定できる

ページの背景色が選択できます。

コンテンツエリアごとに白い背景を指定してあるので、ページの背景色を指定しても可読性が損なわないので安心です。

カスタマイザーを起動して【 色 】のセクションでカラーピッカーで任意の背景色が選択できます。

その他の機能

その他の機能については、Lightning Pro と VK All in One Expansion Unit 紹介ページにてご確認ください。

拡張デザインスキンのインストール・設定

デザインスキンは Lightning Pro 専用ですので、別途 Lightning Pro が必要です。Lightning Proがインストールされていて最新にアップデートしていることをご確認の上で、以下のデザインスキンの設定を行ってください。

注意事項

動作環境WordPress 5.0 以降
PHP 5.6 以降
Lightning Pro 3.0.0 〜
対応ブラウザ下記ブラウザ最新版
* Chrome
* Safari
* Firefox
* Edge
ライセンスGNU General Public License version 2
※一つのプラグインの購入で複数のサイトにご利用いただけます。
販売価格販売終了しました。
  • このスキンは Lightning Pro 専用です。
  • 無料版の Lightning に適用させてもデモサイトのレイアウトは実現できません。

※本拡張デザインスキンはテーマではなく『プラグイン』です。プラグインとしてインストールして下さい。プラグインのインストールについては「プラグインの説明と設定方法」をご参照下さい。

更新履歴

[vk_version_table]