BizVektor(ビズベクトル)は管理画面からの情報を入力だけでサイトが完成する日本のビジネス向け無料WordPressテーマ(テンプレート)です。
拡張プラグイン

書籍購入特典 | 拡張デザインスキン NEAT

特徴

BizVektorの拡張デザインスキンプラグイン「NEAT」は装飾を必要最小限に抑えたシンプルなデザインです。キーカラーやメニューのアイコンを変更できるのが大きな特徴で、更に背景に色や画像を設定しても内容の可読性を損なわないように作られていますので、カラー・アイコン・背景などの組み合わせにより、幅広いデザインのWebサイトが構築可能です。

cuddly_top

「BizVektor(無料)」用の拡張デザインスキンとなりますので、テーマ「BizVektor」を有効化した上で、本プラグインを有効化する事により、BizVekorのテーマオプション画面のデザイン選択プルダウンより 「NEAT」が選択出来るようになります。

「NEAT」固有の設定

テーマカスタマイザーの「NEAT設定」から、以下の設定が可能です。

1.キーカラーの設定

基本のキーカラーと、キーカラー(明)、キーカラー(薄)のキーカラー設定ができます。 図の※1のキーカラーは、基本のカラーになります。お好きな色を設定してください。 図の※2のキーカラー(明)は基本のカラーより少し明るい色を設定するときれいに馴染みます。 図の※3のキーカラー(薄)は基本のカラーより少し薄い色を設定するときれいに馴染みます。 プレビューで確認しながら変更できますので、とても便利です。

キーカラー

キーカラー

2.グローバルメニューアイコンの変更

グローバルメニューのアイコン設定

グローバルメニューのアイコン設定

グローバルメニューのアイコンが変更できます。 「なし(デフォルト)」、「矢印1」、「矢印2」、「矢印3」、「矢印4」、「花」、「葉」、「カップ」、「ナイフ・フォーク」、「カクテルグラス」、「音符」、「カメラ」、「トラック」、「工具」、「鉛筆」、「万年筆」、「パソコン」の16種類から選択できます。

業種に合わせて、変更してみてください! 下の図は、アイコンを入れてみたサンプル画像です。アイコンの色はキーカラーの色になります。

グローバルナビのアイコン

グローバルナビのアイコン

スマートフォンサイズ時の連絡先の表示・非表示ボタン

スマートフォンで見たとき、連絡先の電話番号などがボタンで表示、非表示にできます。 必要な時以外は非表示になっていますので、ヘッダー周りがすっきりして見やすくなりました。

ボタンの表示・非表示

ボタンの表示・非表示

背景に色や画像を入れて、デザインに差をつける

「NEAT」は両縁裁ち落としのデザインですので、背景に色や画像を入れて、雰囲気を変えることができます。 メインエリアの部分は背景が白色ですので、背景を変えても全体の雰囲気は崩れません。 下図は背景に色や画像を入れたサンプル画像です。 ↓画像をクリックで、トップページ全体を確認できます。

サンプル01

サンプル01

サンプル02

サンプル02

サンプル03

サンプル03

背景を変更するだけで、ガラッと雰囲気が変わりますね!

シンプルで柔軟なデザインだからこそ、様々なジャンルに対応

もっといろいろな人に使ってほしいという気持ちを込めて、汎用性を徹底的に追及して開発したテーマが「NEAT」です。グローバルメニューアイコン、3色のキーカラーも、テーマカスタマイザーから簡単に変更できます。 ぜひ「NEAT」で、あなただけの新しいデザインをお楽しみ下さい。

対応アプリケーション WordPress 3.8 以降 / BizVektor 1.7.8 以降
※本サイトで配布しているBizVektor通常版用です。
公式ディレクトリに登録されているGlobal Editionでは使用できません。
対応ブラウザ Chrome,Safari,Firefox,IE9 ※IE8以前では一部細かい装飾が反映されない箇所があります。
テーマカスタマイザーより変更可能な NEAT固有の項目
  • キーカラー、キーカラー(明)、キーカラー(薄)
  • グローバルメニューアイコン
販売価格 販売予価 —-円 開発・調整中につき特別販売価格

※BizVektor 0.9.0.0 に対応です。それ以前のバージョンでは正常に動かない機能がありますので、それ以前のバージョンをご利用の方はBizVektor公式サイトよりダウンロードして更新して下さい。

「NEAT」入手方法について

wpbook 書籍「いちばんやさしい WordPress の教本」を購入者の方限定で、本書サポートページから無料でダウンロードできます。 ※詳細は本書を参照

ご購入はこちら

更新履歴

Version リリース 変更箇所
0.2.6 2016.9 不具合修正
  • 本体テーマにフォーム関連の記述があるため、フォーム関連のcssを削除。
0.2.3 2014.11.21 仕様変更
  • 3カラムユニットに対応するための調整
  • Grid Unit 適用時および「最近の投稿」ウィジェットのデザイン調整
0.2.2 2014.10.24 仕様変更
  • テーブルがブロックにならないように仕様変更
  • モバイル時にテーブルをブロックにするための .mobile-block テーブルクラス追加
  • ウィジェットの最近の投稿のcssデザインを追加。
0.2.1 2014.09.17 不具合修正
  • 通常の固定ページで1階層しかない場合にメニューがアクティブにならない不具合を修正
  • スライドショーの◯がセンターからズレていたので修正
  • ヘッダーロゴ画像がモバイル時に電話のマークに重なる不具合を修正
  • iPhone5及びiPhone4s(古いsafari)でタイトルが数文字で改行される不具合を修正
0.2.0 2014.08.25 仕様変更
  • BizVektor 1.0 に対応するための修正
  • モバイル表示でヘッダーメニューが下階層まで表示されるように修正
0.1.4 2014.04.04 不具合修正
  • トップページの3PRエリアについて幅の広い端末で見ても画像がモバイル版になるなどの不具合を修正
0.1.3 2014.04.01 不具合修正
  • トップスライドバナーがぼやける不具合を修正 仕様変更
  • フォームのテキスト及びテキストエリア欄について横幅を90%に指定していましたが削除しました。
  • 文字サイズ・行間や余白の微調整などを行いました。
0.1.2 2014.01.27 仕様変更
  • BizVektor β11での仕様変更に伴う修正
  • 本文中見出しのデザインの微調整
0.1.1 2013.08.23 不具合修正
  • トップページでスライドショーを利用しないでカスタムヘッダーを利用した場合、カスタムヘッダー画像の周辺部分で、下地がなく背景が表示されてしまう不具合を修正。
0.1.0 2013.08.09 初版リリース

プラグインの使い方

  1. プラグインフォルダにインストールして有効化
  2. 外観 → テーマオプション の「デザインの設定」タブの中の「デザインスキン」のプルダウンで Neat が選択出来るようになります。
  3. 一度選択して保存すると、テーマカスタマイザーの一番下の項目に「Neat設定」が表示されますので、そこからキーカラーを変更して下さい。

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

PAGETOP