WordPressの管理画面の使い方からカスタマイズ・ドメイン設定などをサポートします
WordPressの使い方

BizVektorのカスタマイズ

WordPress個別サポート
サイトを高速化するならエックスサーバー(無料お試し可)

BizVektor Global Editionで子テーマのインストールに失敗するとき

BizVektor Global Editionで子テーマのインストールに失敗するときの対処方法を紹介します。原因はBizVektor Global Editionで使っているフォルダが子テーマサンプルの指定と異なることです。フォルダ名を修正すれば解決します。

2015-10-20 15-12-56

BizVektorのヘッダー画像の上にリンクボタンやバナーを重ねて表示する

BizVektorのヘッダー画像の上に別の画像を重ねて表示する方法を紹介します。「申し込みはこちら」や「こちらからクーポンをGet」のようなボタンやバナー画像を表示するのが定番の活用例です。たとえば、こんな感じです。 BizVektorの特徴的なヘッダー画像を活かしてトップページに機能性を持たせたり ...

2015-10-04 9-18-42

BizVektor NEATで「グローバルメニューのアイコンだけ」色を変更したいとき

BizVektor NEATでグローバルメニューのアイコンの色を変更する方法を紹介します。メニューで設定できる「キーカラー」はアイコンだけでなくサイト全体に反映されてしまうため、工夫が必要です。気になる方は参考にしてください。

「外観」-「CSSカスタマイズ」メニューに入力した例

BizVektorのグローバルメニューとヘッダー画像の位置を入れ替える

現状はグローバルメニューの下にヘッダー画像が表示されますが、この順番を逆にしてヘッダー画像の下にグローバルメニューを表示する方法を紹介します。 グローバルメニュー上のロゴ画像を画面いっぱいに広げる作戦です。PHPは変更せずCSSで実現します。

サンプルキッチン

BizVektorに標準装備されたFont Awesomeを使ってあちこちにアイコンを表示する

WordPressのサイト制作時に「グローバルメニューにアイコンを付けたい」とか、「サイドバーにアイコンを入れたい」という要望をよく聞きます。そこでBizVektorを例にヘッダーや電話番号、3PRエリア、サイドバーなどにアイコンを入れる例を紹介します。アイコンフォント「Font Awesome」を使っています。

BizVektorのヘッダー・グローバルメニュー・サイドバーなどにアイコンを入れる例

BizVektorのフッターのコピーライトを削除する

「BizVektorのフッターからコピーライトを削除したい」は、BizVektorのカスタマイズでも人気のある要件です。ここでは、コピーライトを削除できるFooterPoweredDeleteプラグインを紹介します。コピーライトを消すだけではなく、将来的にPHPを使ってBizVektorをカスタマイズしたい方の参考にもなります。

4693503e6af12ca122807d97516ba7c1_s

BizVektorのフッターに背景画像を表示する

BizVektorのフッターに背景画像を入れる方法を紹介します。背景画像と飾り罫線をアイデア次第で組み合わせてカスタマイズしたり違和感のある部分は微調整してください。検証したバージョンはBizVektor 1.7.8/Defaultデザインスキンです。

サンプルカフェ

BizVektorのグローバルメニューのフォントサイズを変更する

BizVektorのグローバルメニューについて、メニュー全体のフォントサイズを設定する方法や個別のメニュー項目だけ微調整する方法を紹介します。子要素のフォント設定がうまくいかない定番の原因も説明します。

2015-07-03 21-10-30

BizVektorの投稿をグリッド表示できる「Grid Unit」プラグイン

BizVektorで投稿をグリッド表示できるGrid Unitプラグインを紹介します。トップページに複数のグリッドを配置でき、カスタム投稿も簡単にグリッド表示できるので、アイデア次第で活用できます。3PRエリアを拡張する6PRエリアのように使っても面白いですね。

BizVektorでグリッド表示

BizVektorのアイキャッチ画像のサイズを設定する

BizVektorで投稿一覧に付加されるアイキャッチ画像のサイズを設定する方法を紹介します。アイキャッチ画像は幅200px、高さ200pxで作成されますがCSSで小さく表示するように設定されているので、そのサイズを変更すれば好きなサイズで表示できるようになります。

投稿一覧に付いてくるアイキャッチ画像
« 1 2 3 6 »
WordPress個別サポート
スポンサーリンク
スポンサーリンク

西沢直木の電子書籍【読み放題対応】

  • twitter

こちらもどうぞ

【多言語対応】WPMLプラグイン
【拡張デザイン】BizVektor Attract
【グリッド表示】BizVektor Grid Unit
【お店のドメインに】.shop
【サイトの高速化】エックスサーバー
【便利です】Lightning Variety

WordPress講座のおすすめコース

ホームページ作成講座 WordPress個別サポート BizVektorカスタマイズ講座
西沢直木のIT講座
wordpress講座受講予約
PAGETOP
Copyright © 西沢直木のIT講座 All Rights Reserved.
画像提供: 写真AC足成無料素材倶楽部ペイレスイメージズ