WordPress 公式テーマ Lightning のデモサイト公開いたしました!シンプルながらも、コーポレートサイトとして必要な機能を抑えた構成になっています。Lightning で足りない機能は VK All in One Expansion unit プラグインを使用して拡張しています。

Lightning × ExUnit 日本語デモ

Lightning のデモサイト

トップページサンプル

Lightning × ExUnit でコーポレートサイトを簡単・思い通りに作成

デモサイトトップページのような構成はどのようにして実現しているのか、デモサイトを作成した流れをご紹介します。

まずは、WordPress サイトへ LightningVK All in One Expansion Unit をインストール&有効化しておきます。

ヘッダーロゴをオリジナルロゴへ変更

ヘッダーロゴはカスタマイザー画面にて変更できます。カスタマイザー画面へは、ログインした状態でトップページを表示し、画面上部にある admin メニュー 内「カスタマイズ」をクリックすると移行します。

「画像を選択」よりロゴ画像をアップロード

ロゴ画像は「デザイン設定」をクリックし、「ヘッダーロゴ画像」のテキスト下にある「画像を選択」よりロゴ画像をアップロードします。アップロードするとカスタマイザー内で設定した内容が自動的にヘッダーへ反映され、ロゴが変更されます。

ヘッダーロゴをオリジナルロゴへ変更する

メインビジュアルを表示してイメージを伝える

メインビジュアルを表示してイメージを伝える

ヘッダーロゴと同様にカスタマイザー画面にてスライドショー画像を変更できます。

画面上部にある admin メニュー 内「カスタマイズ」をクリック

カスタマイザー画面へ移行し「トップページスライドショー」をクリックします。「画像の変更」ボタンからメインビジュアルとなる画像をアップロードするとスライドショーの画像を変更できます。

「画像の変更」ボタンからメインビジュアルとなる画像をアップロード

スライドショーにしたくない場合は1枚だけ画像を登録した状態にすると、自動的に1枚の画像のみ固定表示されます。

ヘッダーメニューを登録しページ移行をスムーズに

ヘッダーのグローバルメニューは、カスタムメニューになっており、管理画面からメニュー項目を簡単に登録できます。

管理画面からメニュー項目を設定

メニュー項目を登録するには、管理画面「外観」の項目から「メニュー」をクリックしメニュー編集画面へ移行します。メニューの名前を任意で入力し(ここでは ヘッダーメニュー としました)、メニューへ追加したいページを選択し「メニューに追加」をクリックして設定ボックスへ追加します。

「Header Navigation」にチェックを入れ「メニューを保存」をクリックするとヘッダーメニューの完成です。

ヘッダーメニューの完成

PR セクションで見て欲しいコンテンツをアピールする

PR セクションで見て欲しいコンテンツをアピール

PR セクションは VK All in One Expansion unit プラグインのウィジェット機能で実装しています。管理画面「外観 > ウィジェット 」にある「VK_PR Blocks」ウィジェットを「トップページコンテンツエリア」へドラッグします。

「VK_PR Blocks」ウィジェットを「トップページコンテンツエリア」へドラッグ

PR Block1 setting → PR Block3 setting の タイトル / アイコン or 画像 を設定 / 概要テキスト / リンク先ページURL を入力し「保存」をクリックして設定完了です。

タイトル / アイコン or 画像 / を設定 / 概要テキスト / リンク先ページURL を入力

固定ページの内容をトップページでも表示

固定ページの内容をトップページでも表示

固定ページの内容を表示するのも VK All in One Expansion unit プラグインのウィジェット機能で実装できます。
管理画面「外観 > ウィジェット 」にある「VK_固定ページ本文」ウィジェットを「トップページコンテンツエリア」へドラッグします。表示したい固定ページを選択し「保存」をクリックして完了です。

「VK_固定ページ本文」ウィジェットを「トップページコンテンツエリア」へドラッグ

フッターへロゴと会社情報を表示

フッターへロゴと会社情報を表示

フッターで会社情報を表示しているのも、 ExUnit プラグインのウィジェット機能で簡単に実装しています。

管理画面「外観 > ウィジェット 」にある「VK_プロフィール」ウィジェットを「フッターウィジェットエリア1」へドラッグします。ロゴ画像と会社情報・SNSページURLなどを入力し「保存」をクリックして保存し設定します。

ロゴ画像と会社情報・SNSページURLなどを入力し「保存」をクリック


以上までのような流れでサンプルデモサイトは作成されました。予想以上に簡単だと思われた方も多いのではないでしょうか。

Lightning × VK All in One Expansion unit を使えばこのような簡単な流れでコーポレートサイトが作成できます。サイト制作を簡単にすませ、その分コンテンツの構築に時間をかけることもできます。さまざまなコストの削減に繋がりますね。

VK All in One Expansion unit には、今回ご紹介できなかった、ビジネスシーンで活用できる便利な機能がたくさん組み込まれています。こちらの VK All in One Expansion Unit 公式サイトで詳しい機能をご確認いただけます。是非こちらもチェックしてみて下さいね!

設定ガイド

Lightning JPNSTYLE

「JPNSTYLE」適用時にヘッダー画像をページごとに設定していただくことができます。標準でページ背景やタイトルアイコンに和テイストのパーツが設定できるようになっているので、和風サイトに適しています。

無料の多機能プラグイン「VK All in One Expansion Unit(通称:ExUnit)」を同時に利用することで、柔軟なサイト制作が可能です。