デザイン拡張プラグイン「Charm」の販売を開始

拡張デザインスキン Charm

WordPress公式無料テーマ「Lightning」用の拡張デザインスキン「Charm」プラグインです。本プラグインをインストール・有効化する事により、Lightning のデザインスキン設定プルダウンより「Charm」が選択出来るようになります。

※デモサイトのスライドショー・サムネイル画像は本プラグインには含まれていません。

Lightning Skin Charm デモサイトを見る

特徴

「Charm」は、エレガントで柔らかな印象のデザインが特徴です。テーマ全体のフォントに「游ゴシック体」を適用し、アニメーションにはフェードやふんわりとした動きを採用しています。

ヘアサロン・エステサロン・ウェディングなど女性をターゲットとするようなサイトにオススメです。

拡張デザインスキン Charm demo サイト

拡張デザインスキン Charm demo サイト

サイトの印象を大きく変えられるよう、コンテンツ部分の背景を管理画面から自由に変更できるようになっておりオリジナリティのあるサイト制作が可能です。

Lightning と同時のご利用をオススメしている「VK All in One Expansion Unit」の「サムネイル付きの最新記事一覧 – VK Recent Posts」ウィジェットをトップページコンテンツエリアでご使用いただくと、サムネイルを大きく表示できギャラリーのようにみせることができます。

Ex-unit のウィジェット機能を使うと大きなサムネイル表示

Ex-unit のウィジェット機能を使うと大きなサムネイル表示

その他に、トップページスライドショーのアニメーションをフェードアニメーションに変更・ページヘッダーの背景画像を自由に変更する機能があります。

使い方

  1. ダウンロードしたファイルをWordPressのプラグインフォルダにアップロードしていただくか、管理画面の「プラグイン」→「新規追加」→ プラグインのアップロード よりzipファイルをアップロードします。
  2. 管理画面の「プラグイン」より「Lightning Skin Charm」の有効化をクリックします。
  3. 有効化すると「管理画面 > 外観 > カスタマイズ > Lightning デザイン設定」のデザインスキンの項目にて「Charm Skin」を選択します。

「Charm」固有の設定

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

1. トップページスライドショーのアニメーション変更

チェックを入れるとトップページスライドショーのアニメーションをフェードエフェクトに変更できます。

トップページスライドショーのアニメーション変更

トップページスライドショーのアニメーション変更

2. コンテンツ背景色

コンテンツ部分の背景色をカラーピッカーで選択&変更できます。

コンテンツ背景色の設定

コンテンツ背景色の設定

3. コンテンツ背景テクスチャ

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

コンテンツ背景テクスチャの設定

コンテンツ背景テクスチャの設定

ご用意しているテクスチャは、木目 / ストライプ 縦 / ストライプ 横 / ダマスク / ダマスク(反転) / ドット / ドット(反転)です。木目以外のテクスチャはコンテンツ背景色と組み合わせてご使用いただけます。

4. コンテンツオリジナル背景画像

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

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

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

画像を繰り返しリピートして表示したい場合は「オリジナル背景画像リピート」にチェックを入れて下さい。

5. オリジナル背景画像サイズ

オリジナル背景画像を「画面の横幅いっぱいに表示」または「画面縦のサイズに合わせて表示」に変更することができます。シームレスなパターン素材などを使わず大きい画像をオリジナル背景画像に設定された場合などに便利です。

背景画像の表示サイズを設定

背景画像の表示サイズを設定

6. ページヘッダー画像

フロントページ以外で表示されるヘッダーの背景画像を設定できます。デスクトップ用とスマートフォン用の画像を設定可能です。フロントページ以外の全てのページでこの設定の画像が有効になります。

ページヘッダー画像設定

ページヘッダー画像設定

注意事項

対応アプリケーション WordPress 4.5.3 以降 / Lightning 2.3.0 以降
対応ブラウザ Chrome,Safari,Firefox,IE10以上
IE9でもデザインに大きな崩れはありませんがマウスオーバーアニメーションなどが対応できません。
テーマカスタマイザーより変更可能なCharm固有の項目 トップページスライドショーのアニメーション変更 / コンテンツ背景色設定 / コンテンツ背景テクスチャ設定 / コンテンツオリジナル背景画像設定 / オリジナル背景画像サイズ設定 / ページヘッダー画像設定
販売価格 販売価格 6,980円(税込)

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


DL-MARKETで購入


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

更新履歴

Version リリース 変更箇所
1.0.2 2016.09.07 バグ修正
Lightning デザイン設定の「投稿詳細ページで最終更新日を表示しない」「投稿詳細ページで投稿者名を表示しない」が反映されないバグを修正。
1.0.1 2016.09.06 機能追加
Lightning専用拡張プラグイン「Lightning Advanced Unit」デザイン設定、メニュータイプ / メニューボタンの位置 / サイドバーの位置 の機能に対応しました。
1.0.0 2016.08.12 初版リリース

このサイトの更新を受け取る

投稿者プロフィール

demomasterWordPressエンジニア
名古屋のウェブ制作会社数社に10年程度務めた後、株式会社ベクトル設立。企画・運営・コンサルティング〜WordPressを中心としたシステム開発まで幅広く携わっています。
[ 著書 ]
・いちばんやさいいWordPressの教本(共著)
・現場でかならず使われているWordPressデザインのメソッド(共著)
[ 最近のWordPressコミュニティでの活動 ]
2016 WordCampKansai ハンズオン世話役
2015 WordCampTokyo セッションスピーカー
2015 WordCampKansai セッションスピーカー
2014 WordFesNagoya 実行委員 & セッションスピーカー
2013 WordCampTokyo セッションスピーカー(パネラー)
2013 WordFesNagoya 実行委員 & セッションスピーカー