BizVektorのカスタマイズ
幅広い業種で使えるおすすめのデザインスキン「BizVektor Attract」
2016年1月22日 BizVektorのカスタマイズ
BizVektorの拡張デザインスキン「BizVektor Attract」は画面幅いっぱいに広がるヘッダー画像が特徴的です。その他、フッターなどの色を細かく設定できたり、ページタイトルに背景画像を表示できるなど、無料版のBizVektorにはない機能が組み込まれています。 BizVektor At ...
フローティングメニューにスムーズスクロールの「上に戻る」を追加する
2015年12月4日 BizVektorのカスタマイズ
BizVektorで作成するスマホサイトのフッターにフローティングメニューを作るときに、右端は「上に戻る」ボタンにしたい場合があります。ここでは、BizVektorの「上に戻る」に相乗りしてスムーズスクロールなボタンを作成する方法を紹介します。
BizVektorの「連絡先」をウィジェットで変更可能にする
2015年11月13日 BizVektorのカスタマイズ
「BizVektorで画面右上の連絡先を画像に変更する」 BizVektorに親しんだ方にはおなじみのカスタマイズです。 ヘッダーの電話番号周りのカスタマイズ方法にあるコードを子テーマのfunctions.phpに入力すれば連絡先に好きな画像や文章を表示することができます。 それで良ければ話は終わり ...
BizVektor Grid Unitのカスタマイズ（4列・抜粋表示・画像サイズ変更）
2015年11月5日 BizVektorのカスタマイズ
BizVektorで記事をグリッド表示できる拡張プラグイン「BizVektor Grid Unit」をカスタマイズする例を紹介します。たとえば、3列構成を4列に変更したり、記事の抜粋を表示したり、画像サイズを変更する方法などです。
BizVektor Vastのグローバルメニューを透過させる
2015年10月30日 BizVektorのカスタマイズ
BizVektorの拡張デザインスキン「BizVektor Vast」は画面最上部に表示されるグローバルメニューが特徴的です。 このグローバルメニューを透過（半透明に）したり、スクロール時に色を変える方法を紹介します。サンプルサイトはこちらです。 谷根千散歩.com 通常のグローバルメニューの色 B ...
BizVektor Global Editionで子テーマのインストールに失敗するとき
2015年10月20日 BizVektorのカスタマイズ
BizVektor Global Editionで子テーマのインストールに失敗するときの対処方法を紹介します。原因はBizVektor Global Editionで使っているフォルダが子テーマサンプルの指定と異なることです。フォルダ名を修正すれば解決します。
BizVektorのヘッダー画像の上にリンクボタンやバナーを重ねて表示する
2015年10月5日 BizVektorのカスタマイズ
BizVektorのヘッダー画像の上に別の画像を重ねて表示する方法を紹介します。「申し込みはこちら」や「こちらからクーポンをGet」のようなボタンやバナー画像を表示するのが定番の活用例です。たとえば、こんな感じです。 BizVektorの特徴的なヘッダー画像を活かしてトップページに機能性を持たせたり ...
BizVektor NEATで「グローバルメニューのアイコンだけ」色を変更したいとき
2015年10月3日 BizVektorのカスタマイズ
BizVektor NEATでグローバルメニューのアイコンの色を変更する方法を紹介します。メニューで設定できる「キーカラー」はアイコンだけでなくサイト全体に反映されてしまうため、工夫が必要です。気になる方は参考にしてください。
BizVektorのグローバルメニューとヘッダー画像の位置を入れ替える
2015年9月1日 BizVektorのカスタマイズ
現状はグローバルメニューの下にヘッダー画像が表示されますが、この順番を逆にしてヘッダー画像の下にグローバルメニューを表示する方法を紹介します。 グローバルメニュー上のロゴ画像を画面いっぱいに広げる作戦です。PHPは変更せずCSSで実現します。
BizVektorに標準装備されたFont Awesomeを使ってあちこちにアイコンを表示する
2015年8月30日 BizVektorのカスタマイズ
WordPressのサイト制作時に「グローバルメニューにアイコンを付けたい」とか、「サイドバーにアイコンを入れたい」という要望をよく聞きます。そこでBizVektorを例にヘッダーや電話番号、3PRエリア、サイドバーなどにアイコンを入れる例を紹介します。アイコンフォント「Font Awesome」を使っています。
