「優しさ」や「安心感」のある親しみ易いデザイン

優しい質感の背景テクスチャとヘッダーナビゲーションのアイコン設置で、親しみ易くかわいらしいデザインスキンになります。

背景テクスチャとヘッダーナビゲーションのアイコンも数種類ございますので、サイトに合わせたものを簡単に設置できます。

保育関係・介護関係・小児科・歯科医院・ヘアサロン・ペットショップなど、安心感を与えたいサイトにオススメです。

 

デモサイトを見る

DL-MARKETで購入

 


ヘッダー拡張機能

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

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

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

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

※商品の「デモサイトを見る」ボタンからご確認ください。

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

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

 

PCなどの場合

管理画面の『外観』→『カスタマイズ』からカスタマイザーを起動して、左のメニューに『ExUnit 設定』というセクションが表示されるので、そこから『お問い合わせ情報』を設定します。

※この商品を利用する際には、必ず無料の機能拡張プラグイン VK All in One Expansion Unit をインストール(有効化)してください。
こちらのプラグインを同時利用しない場合、表示が正常にできないことがありますのでご注意ください。

VK All in One Expansion Unit についてはこちら

 

スマホなどの場合

画面が狭い端末で表示している時は、ヘッダーには設定されているロゴのみが表示されます。

ナビゲーションはカスタマイザーの『メニュー』より設定してください。
サブナビゲーションをモバイルにも適用させる場合は、ウィジェットエリアの『モバイルナビ上部』あるいは『モバイルナビ下部』に「ナビゲーションメニュー」ウィジェットを利用して設定できます。

電話番号/問い合わせボタンについては、モバイル用のナビ内に表示させる事ができます。
カスタマイザーの『ウィジェット』→『モバイルナビ上部 / モバイルナビ下部』のエリアに、「VK_お問い合わせ情報」ウィジェットや「VK_お問い合わせボタン」ウィジェットなど、必要に応じて自由に要素を設定してください。

カスタマイザーから自由に設定できます。

 

Lightning Pale デザイン設定

「管理画面 > 外観 > カスタマイズ > 「Lightning Skin Pale 設定」から、以下の設定が可能です。

背景色

お好きな背景色を設定できます。
※背景色を設定する場合は、背景テクスチャの設定を「設定なし」にしてください。
※オリジナルリピート背景画像にも何も入れない状態にしてください。

背景色の設定

背景テクスチャ

背景にあらかじめ用意しているテクスチャ画像からお好みのものを設定できます。

背景テクスチャの設定

ご用意しているテクスチャは、画用紙ベージュ / 画用紙ブルー / 画用紙グリーン / 画用紙ピンクです。

画用紙ベージュ

画用紙ブルー

画用紙グリーン

画用紙ピンク

オリジナルリピート背景画像

背景にオリジナルのリピート背景画像をご使用いただくことが可能です。ご用意しているテクスチャでイメージに会わない場合はこちらからお好みの画像をアップロードしてご利用下さい。
※背景画像は自動的にリピート背景画像になりますので、繰り返しの背景画像をご使用ください。

オリジナルリピート背景画像の設定

ヘッダーナビゲーションの見出しアイコン

ヘッダーナビゲーションにあらかじめ用意されている見出しアイコンを設定できます。
アイコンを設定すると雰囲気が変わり、ユーザーに印象づけることができます。
ご用意しているアイコンは矢印 / ひよこ / 歯 / 鉛筆 / 音符 / はさみ / 肉球 / 四つ葉です。

ヘッダーナビゲーションのアイコン設定

ヘッダーナビゲーションアイコンイメージ

Media Posts ウィジェット

Media Posts ウィジェット

WordPressは投稿された情報を条件によって絞り込んで表示する事を得意としていますが、Media Posts ウィジェットではその強みを最大限活かし、投稿タイプ・カテゴリーを指定した上で、様々なレイアウトで配置する事ができます。

※見出しの装飾は各デザインスキンに依存しますので下記の画像とは異なります。ご購入前にご希望の商品のデモサイトをご確認ください。

 

160910-0002

160909-0010160909-0011

160909-0012

160909-0013

160909-0014

160909-0015

表示する記事のオフセットで、複数のレイアウトを組み合わせて表示可能

通常は公開日付が新しい順に表示しますが、例えば新しい記事の4件目から表示するという事も可能です。この機能によって、例えばMediaPostウィジェットで1件だけ A のレイアウトで配置、その下にまたMediaPostウィジェットを設置し、見出しを空欄にした上で今度はBのレイアウトを選択して表示記事のオフセットを 1 にすれば、ウィジェットとしては2つのウィジェットを使用していますが、見た目は一つのグループとしてまとまります。

Media Post ウィジェットを複数組み合わせたレイアウト例

Media Post ウィジェットを複数組み合わせたレイアウト例

トップページの拡張ウィジェットエリアを拡張

無料で利用出来る標準のLightningではトップページのコンテンツエリアのウィジェットエリアは1つですが、Varietyではトップページでより多くのバリエーションを実現出来るようにさらに4つのウィジェットエリアを用意していますので、コンテンツエリアだけで合計4つのウィジェットエリアが利用可能です。

拡張されるウィジェットエリア

拡張されるウィジェットエリア

Media Posts ウィジェット用の画像のリサイズ

Media Posts ウィジェットでは独自の画像サイズを利用していますのでアップロード済みの画像について、プラグインを利用して画像を再生成してください。

登録済みの画像を一括リサイズするプラグイン Regenerate Thumbnails

ページヘッダーカスタマイズ機能

ページの訴求力を高めるページヘッダーカスタマイズ機能

ページを開いてまず初めに目にとまるのがヘッダー画像です。ヘッダー画像によってページの中身に興味を持ってもらえるか左右されると言っても過言ではありません。

さらにはページの雰囲気も決まってきます。ページヘッダーカスタマイズ機能では以下の項目をカスタマイズする事ができます。

  • トップページ以外のヘッダー画像を投稿タイプ別に指定する事ができます。
  • 固定ページでは、各固定ページ編集画面より個別にヘッダー画像を指定する事ができます。
  • 固定ページでは親ページで画像が指定されている場合、下階層のヘッダー画像は親階層の画像が自動的に適用されます。
  • ヘッダー画像上の文字色(固定ページであればページ名 / その他のページの場合は投稿タイプ名)
  • 文字の影の色
  • 文字の位置(左・中央・右)

ページごとに画像を選定することで、ページを訪れたユーザーの興味を惹き付けましょう。

もちろん基本設定もあるので、むやみに変更する必要のないページは共通の画像を表示させておくことも可能です。

  • このページで掲載している画面はデザインスキン JPNSTYLE適用時のサンプルです。JPNSTYLE以外での利用時は書体・余白などが異なります。
  • 投稿ページ(post)は各投稿個別で画像を設定できません。

 

 

設定について

基本となるヘッダー画像はカスタマイザーで設定します。

管理画面の【外観】→【カスタマイズ】からカスタマイザーを起動して、左のメニューに【Lightning ページヘッダー 設定】というセクションが表示されるので、そこから [ 基本 ] [ 投稿 ] [ 固定ページ ] [ メディア ] の4つが設定できます。

この画像が各ページごとに設定できます。

この画像が各ページごとに設定できます。

カスタマイザーの 【Lightning ページヘッダー 設定】を選択

カスタマイザーの【Lightning ページヘッダー 設定】を選択

カスタマイザーの【Lightning ページヘッダー 設定】を選択する または ヘッダー画像の鉛筆マークをクリックすると直接編集セクションにジャンプします。

初期設定の状態

何も設定されていない状態では、初期設定の画像がヘッダー画像として読み込まれています。

画像の上に表示する文字色などを設定

ページヘッダー画像の上に表示される文字の色を設定できます。
また、シャドウの色や文字を表示させる位置も設定できるので、ヘッダー画像の色味に併せて適宜設定してください。

画像を選択するとヘッダー部分に反映

画像を選択するとヘッダー部分に反映

【画像を選択】から画像を選ぶと、ヘッダー部分に反映されます。【削除】【画像の変更】で自由に選択し直すことができます。

ページヘッダー画像[基本]を設定すると、固定ページや投稿ページのすべてのヘッダー画像が設定されます。

投稿ページ用ヘッダー画像設定

ページヘッダー画像[投稿]に画像を設定すると基本設定の画像は反映されず、投稿用のヘッダー画像が表示されます。

投稿ページは共通画像のみの設定となっており、記事ごとでの設定はできません。

固定ページ用ヘッダー画像設定

投稿ページと同様に、[固定ページ]で設定された画像が表示されます。

固定ページに限り、それぞれの固定ページで違うヘッダー画像を設定することができます。

【Choose Image】各固定ページで別々の画像を設定できる

【Choose Image】で各固定ページで別々の画像を設定できる

個別で設定したい固定ページの編集画面を開き、【ページヘッダー画像】のカスタムフィールドで【Choose Image】から個別の指定画像を設定します。

個別の設定画像が表示される

個別の設定画像が表示される

注意事項

対応アプリケーション WordPress 4.9 以降
Lightning 4.2.0 以降
Lightning Advanced Unit 3
.2.0 以降
対応ブラウザ 下記ブラウザ最新版
* Chrome
* Safari
* Firefox
* Eddge
ライセンス GNU General Public License version 2
※一つのプラグインの購入で複数のサイトにご利用いただけます。
販売価格 販売価格 7,980円(税抜)

※楽天ID決済でご購入のお客様はメールアドレスが取得できませんので、将来的に商品アップデート通知やアップデートデータを受け取れなくなる可能性があります。DLmarketの都合上、楽天ID決済を使えなくする事が出来ないので、楽天ID決済をご利用の方は、上記についてご理解の上ご購入ください。


デモサイトを見る

DL-MARKETで購入 


▼必ずお読みください▼

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

更新履歴

Version リリース 動作確認済 Lightning 変更箇所
 0.2.1  2018.04.28  4.3.0 [ ファイル整理 ] 前回のアップデートファイル容量が2Mを越えており管理画面からのアップデートでエラーになる場合があるため軽量化
0.2.0 2018.04.24 4.2.0 [ 機能追加 ]
PR コンテンツウィジェット機能を追加
0.1.2 2018.04.06 4.0.0 [ 不具合修正 ]
Microsoft EdgeとInternet Explorerで、要素がはみ出して横スクロールバーが出ていたのを修正
0.1.1 2018.03.29 4.0.0 [ 不具合修正 ]
トップページを1カラムにしたときに、ウィジェットの中身の色が無色になっていたので変更
0.1.0 2018.03.09 4.0.0 初版リリース

 

Lightning Variety

Lightningをコンテンツマーケティングやメディアサイトとして活用するためにデザインと機能を強化したのが有料の拡張デザインスキン「Variety(ヴァラエティ)」です。