初心者でも簡単！BizVektorの使い方～テーマカスタマイザーとテーマオプション～

time 2015/06/17

folder BizVektor Wordpress Wordpress theme wordpress 使い方

前回の講座初心者でも簡単！Wordpressの無料テーマBizVektorの使い方講座Vol.1は覚えていますか？

今回は前回からの続きです。
まだ読んでいない人は読んでみてくださいね。

にゃんこ先生

BizVektorの使い方講座第2弾は、テーマカスタマイザーとテーマオプションでの設定の仕方だにゃ～！

ゆいくり

待ってました！にゃんこ先生おねがいしまーす！

テーマカスタマイザーで簡単なカスタマイズをしてみよう！

にゃんこ先生

BizVektorではCSSなどがわからない人でも簡単にカスタマイズできるように工夫がされてるにゃ。

ゆいくり

だから初心者にもやさしいテーマなんだね～。

にゃんこ先生

そうにゃ～。無料のテーマなのにやさしいのにゃ～。
それじゃレッツカスタマイズにゃ！

さまざまな設定ができるテーマカスタマイザー

thema-custom01 テーマカスタマイザーは外観のなかのカスタマイズから移動できます。
thema-custom02
テーマカスタマイザーはこんな画面。
左の項目でいろいろ変更、右で即変更箇所をプレビューしてくれるので初心者でもわかりやすくて操作しやすいです。

自分でいろいろさわってみてどこが変わるか確認してみましょう。

左上の保存して公開ボタンを押すまでは保存されないので安心して確認できます。

にゃんこ先生

逆に、これはいい感じでできた！と思ったときは保存して公開ボタンを押すのにゃ。
押さないとせっかく気に入った設定も消えてしまうにゃ～。

ここでは例として、カラーを変更してみたいと思います。
左の項目のRebuildカラー設定をクリックして、キーカラーを変えてみます。

thema-custom03
全体的に赤色だったのが青と緑に変わりました。
色を変えるだけで雰囲気はけっこう変わりますね。

にゃんこ先生

このRebuildカラー設定は、BizVektorテーマで初期設定されているデザインスキンの名前にゃ～。
あとから教えるテーマオプションでデザインスキンを変更するとなくなったり名前が変わるので要注意にゃ！

テーマオプションでカスタマイズやサイトの設定をしよう！

次はテーマオプションからサイトの設定をしてみましょう。

テーマオプションへは、外観のなかのテーマオプションから移動できます。
thema-option10
テーマオプションの画面はこんな感じ。

たくさん項目がありますね。
それでは項目ごとに説明します。

テーマオプション　デザインの設定

thema-option02
ここでは見た目のデザインで基本的なことを変更・設定できます。
デザインの設定の中のいくつかの箇所はテーマカスタマイザーでも変更可能です。

デザインスキン
初期段階では　Rebuild　Calmly　プレーン　 Default　の４種類からスキンを選べます。
その他のスキンはBizVektorの拡張デザインスキンにて有料で販売されているので興味のある方は使用してみてください。
ヘッダーメニューの数
メイン画像の上にあるメニューの数が選べます。
初期段階では設定なし(左詰め)になっていると思います。
メニューの数が４つだった場合、初期設定の設定なし(左詰め)ではメニューが左にくしゃっと寄った状態になります。
ちょっとこれでは見栄えが残念だな。。メニュー名が均一に並ばないかな。。
なんて時に、このヘッダーメニューの数を選びます。
今回はメニューの数が4つなので、プルダウンから4分割を選択、変更を保存します。
するとこのようにヘッダーメニューが４分割されて、メニュー名が均一に並びます。

にゃんこ先生

ヘッダーメニューの数は４つから選べるにゃ
ヘッダーロゴ画像
ヘッダーロゴはサイト左上に表示されるサイト名の場所に、初期設定のテキストではなく任意の画像を表示したい時に設定します。
フッターロゴ画像
フッターロゴはサイト左下に表示されるサイト名の場所に、初期設定のテキストではなく任意の画像を表示したい時に設定します。
レイアウト
レイアウトでは、サイドメニューの位置を左に置くか、右に置くかを設定できます。
サイドメニューなしにしたい場合、トップページは後述するトップページの項目で、固定ページの場合ページ編集画面のテンプレート選択で設定可能です。
見出しの書体
グローバルメニューの書体
見出しとメニューの書体を設定できます。
サイドバーのメニューの展開
階層が深いサイトの場合、サイドメニューの数がとても多くなってしまいます。
すると見た目的にもユーザビリティ的にもよくないので、今開いている固定ページの子階層以外を非表示にしてサイドメニューをスッキリさせることができます。
Favicon設定
Faviconとは、サイトをお気に入りに追加などしたときについているアイコンのことです。
icoというファイル形式のもので作成しアップロードすることで、任意のFaviconを表示させることができます。
IE8警告表示
古いブライウザを使っていると、新しいCSSなどの表示ができない場合があります。
なので、古いブラウザから閲覧した人に、ブラウザが古いですよーと警告を出すことができます。

テーマオプション　連絡先の設定

thema-option03

お問い合わせメッセージ
電話番号
受付時間
お問い合わせメッセージ、電話番号、受付時間はサイトの右上に表示されます。
テーマスキンがRebuildの場合は表示されません。
フッター左下、コピーライトに表示される名称
フッター左下に表示される名称やコピーライトの部分に表示される名称をお好きな名前で表示させることができます。
住所
フッター左下に表示される名称の下に表示する住所を入力します。
住所を表示させたくない場合は未入力で。
問い合わせページのURL
ここにお問い合わせページのURLをいれると、固定ページ下とサイドメニューのお問い合わせはこちらというバナーが表示されるようになります。

テーマオプション　トップページ３PRエリアの設定

thema-option04

３PRエリアの表示設定
３PRエリアを表示させるかさせないかを選ぶことができます。
タイトル
PRしたいページのタイトルなどをいれます。
概要
PRしたいページのページ概要をいれます。
リンク先ページのURL
PRしたいページのURLをいれます。
画像URL
スマホ用画像URL
画像はなくてもOKですが、あったほうが明るくにぎやかになります。

テーマオプション　お知らせ＆ブログの設定

thema-option05

お知らせ　表記の変更
初期設定ではお知らせという名前ですが、表記を任意のものに変えることができます。
更新情報、や今日の○○、などお好きな名称に変えてみましょう。
お知らせ　表示レイアウト
トップページやアーカイブページでの表示方法を変更できます。
タイトルのみにすると１行のシンプルでコンパクトな表示になり、抜粋とサムネイル画像ありにするとにぎやかになりますが、場所をとるようになります。
また表示件数も変更できます。
お知らせ　トップのURL
お知らせ一覧ページのURLです。
ブログ　表記の変更
初期設定ではブログという名前ですが、表記を任意のものに変えることができます。
○○のひとりごと、○○のつぶやき、などお好きな名称に変えてみましょう。
ブログ　表示レイアウト
トップページやアーカイブページでの表示方法を変更できます。
タイトルのみにすると１行のシンプルでコンパクトな表示、抜粋とサムネイル画像ありにするとにぎやかですが場所をとる表示になります。
ブログ　トップのURL
ブログ記事一覧ページのURLを入力します。
なくても問題はないです。
ブログ　関連記事の表示件数
ブログ記事の下に関連する記事を表示させることができるのですが、その記事数を変更できます。
ブログ　広告の挿入
ブログ内に、一括で広告を挿入することができます。

テーマオプション　トップページの設定

thema-option06

メインビジュアル
トップページに表示されるメインビジュアルの設定です。
静止画とスライドショーが選べ、それぞれの設定ページへのリンクになっています。
トップページのメインビジュアル下に表示するページ
固定ページと最新記事から選べます。
設定は表示設定からおこなうので、そこへのリンクと設定方法がかかれています。
トップページ３PRエリア
トップページ３PRエリアを設定するページへのリンクです。
トップページのサイドバーの表示
トップページのサイドバーを表示するかしないか選べます。
ブログの表示件数
ブログの表示件数を設定するページへのリンクです。