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

BizVektorのカスタマイズ

人気のテーマBizVektor(ビズベクトル)のカスタマイズ例を紹介します(ビズベクターではなくビズベクトルです)。ヘッダー、フッター、サイドバー、グローバルメニュー、ヘッダー画像などについて主にデザインをカスタマイズするCSSを紹介します。

WordPress個別サポート

BizVektorの連絡先をPCとスマホで別レイアウトにする方法

BizVektorの特徴といえば画面右上の「連絡先」です。この連絡先をPCとスマホで別々の内容にしたいという相談が多いです。たとえば、スマホでは連絡先画像を表示したいなどの要件です。ここでは、PCとスマホで連絡先レイアウトを違う内容にする方法を紹介します。

BizVektorのグローバルメニューの背景色を変更する方法

BizVektorでは「外観」-「カスタマイズ」メニューからグローバルメニューなどに使う色を変更できますが「キーカラー」を変更するとサイト全体の色が変わってしまいます。そこで、グローバルメニューの色だけを変更するCSSの例を紹介します。自由に変更してお使いください。

BizVektorで画面全体の幅を100%に広げる方法

BizVektorで画面全体の幅を100%に広げる方法を紹介します。加工前のBizVektorはヘッダー画像を含めて画面全体の幅は950pxになっています。CSSをカスタマイズすることで幅を広げることができます。合わせてヘッダー画像のサイズも広げておいた方が良いでしょう。

画面幅いっぱいのヘッダー画像と固定ヘッダーが特徴的な「BizVektor Vast」

BizVektorの拡張デザインスキン「BizVektor Vast」ではヘッダー画像が画面いっぱいに表示され、インパクトのあるサイトに仕上げることができます。その他、BizVektor Vastの特徴をいくつか紹介します。

BizVektorでtitleタグをカスタマイズする方法

BizVektorで制作中のWordPressサイトでtitleタグを自由に変更する方法を紹介します。投稿や固定ページの「タイトル」として入力した文字とは別の文字をtitleタグに設定することで、SEO対策などにも役立つでしょう。

BizVektorのカスタマイズパターンを一挙公開!

BizVektorのカスタマイズに関する記事を当サイトに掲載してきましたが、この記事にまとめておきます。CSSのカスタマイズが中心ですが、実際に西沢直木のIT講座でも要望の多い相談がベースになっています。参考にしてください。 BizVektorはバージョンアップが早いので、記事で紹介しているCSSや ...

BizVektorの3PRエリアの画像を丸くする

BizVektorの3PRエリアで3つの画像を丸く加工したいことがあるかもしれません。ここでは、CSSを使って3PRエリアの3つの画像を丸くする方法を紹介します。

「BizVektorの3PRエリアの数を増やしたい」の解決策

BizVektorのトップページで使える「3PRエリア」は自由な内容を3つの列に並べられるので非常に便利です。便利すぎて、「3PRエリアをもっと増やせませんか?」というご相談を多くいただきます。たとえば、4PRエリアや6PRエリアを作りたい方が多いようです。 3PRエリア自体を拡張するのはPHPの修 ...

BizVektorのCSSの直し方

「ロゴ画像の表示サイズを変更したい」「ブログ記事の文字サイズを変更したい」などはCSSをカスタマイズすれば実現することができます。ここでは定番のCSSカスタマイズ事例について「インスペクタ」という強力なツールを使って解決する方法を紹介します。

幅広い業種で使えるおすすめのデザインスキン「BizVektor Attract」

BizVektorの拡張デザインスキン「BizVektor Attract」は画面幅いっぱいに広がるヘッダー画像が特徴的です。その他、フッターなどの色を細かく設定できたり、ページタイトルに背景画像を表示できるなど、無料版のBizVektorにはない機能が組み込まれています。 BizVektor At ...

1 2 3 6 »
WordPress個別サポート
スポンサーリンク
他の本で挫折した方にもおすすめ
テーマはLightningを使います
レンタルサーバーの契約はこちらも参考に↓
その他の記事を読む
(記事総数:510本)
  • twitter

こちらもどうぞ

【固定ヘッダー】BizVektor Vast
【グリッド表示】BizVektor Grid Unit
【便利です】Lightning Variety
【月額で使える】Office 365 Solo
SEOに強いと評判のテーマ】賢威7

WordPress講座のおすすめコース

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