タグ : グローバルメニュー
BizVektorのCSSの直し方
2016年2月29日 BizVektorのカスタマイズ
「ロゴ画像の表示サイズを変更したい」「ブログ記事の文字サイズを変更したい」などはCSSをカスタマイズすれば実現することができます。ここでは定番のCSSカスタマイズ事例について「インスペクタ」という強力なツールを使って解決する方法を紹介します。
BizVektor Vastのグローバルメニューを透過させる
2015年10月30日 BizVektorのカスタマイズ
BizVektorの拡張デザインスキン「BizVektor Vast」は画面最上部に表示されるグローバルメニューが特徴的です。 このグローバルメニューを透過（半透明に）したり、スクロール時に色を変える方法を紹介します。サンプルサイトはこちらです。 谷根千散歩.com 通常のグローバルメニューの色 B ...
グローバルメニューの2行目に英語表記やアイコンを追加する
2015年10月9日 CSSの書き方
グローバルメニューの下に英語表記を追加したくなることはありませんか？「1行目が日本語、2行目が英語」のメニューです。難しそうですがPHPを修正せずにCSSで実現できます。Font Awesomeを使ってアイコンを表示する方法と合わせて紹介します。
BizVektor NEATで「グローバルメニューのアイコンだけ」色を変更したいとき
2015年10月3日 BizVektorのカスタマイズ
BizVektor NEATでグローバルメニューのアイコンの色を変更する方法を紹介します。メニューで設定できる「キーカラー」はアイコンだけでなくサイト全体に反映されてしまうため、工夫が必要です。気になる方は参考にしてください。
BizVektorのグローバルメニューとヘッダー画像の位置を入れ替える
2015年9月1日 BizVektorのカスタマイズ
現状はグローバルメニューの下にヘッダー画像が表示されますが、この順番を逆にしてヘッダー画像の下にグローバルメニューを表示する方法を紹介します。 グローバルメニュー上のロゴ画像を画面いっぱいに広げる作戦です。PHPは変更せずCSSで実現します。
フローティングメニューをフッターに表示する
2015年7月16日 WordPressカスタマイズ
WordPressサイトのフッターにメニューを表示したいという要望をよく聞きます。このフッターメニューは単なる本文下の「フッター」ではなく、画面の一番下に固定で表示される「フローティングメニュー」のことを指していることが多いです。ここでは、フッターに連絡先画像やアイコンを使ったフローティングメニューを表示する方法を紹介します。
BizVektorのグローバルメニューのフォントサイズを変更する
2015年7月4日 BizVektorのカスタマイズ
BizVektorのグローバルメニューについて、メニュー全体のフォントサイズを設定する方法や個別のメニュー項目だけ微調整する方法を紹介します。子要素のフォント設定がうまくいかない定番の原因も説明します。
賢威のグローバルメニューのデザインをカスタマイズするCSSの例
2015年3月25日 賢威のカスタマイズ
賢威のグローバルメニューのカスタマイズ例を紹介します。CSSを使ってフォントサイズやメニュー項目のアイコン、マウスオーバー時の色を変更します。
BizVektorのグローバルメニューの色を白ベースに
2014年7月22日 BizVektorのカスタマイズ
BizVektorのグローバルナビゲーション周辺の色（キーカラー）を取り除いて白ベースでスッキリさせる方法を紹介します。具体的には次のような仕上がりになります。 現在のグローバルメニューは次のようなデザインです。 ここから次のデザインを変更します。 グローバルナビゲーションの背景色を削除 グローバル ...
BizVektorのグローバルメニューにアイコンを入れる
2014年4月18日 BizVektorのカスタマイズ
BizVektorはビジネスサイト向きの素晴らしいテーマですが、雑貨屋さんなど、やわらかい雰囲気のサイトを作るにはデザインが堅く感じる方がいるかもしれません。 その場合、グローバルメニュー（Header Navigation・ヘッダーナビゲーション）にアイコンを入れてみると少し雰囲気が和らぎます。こ ...
