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

タグ : グローバルメニュー

WordPress個別サポート

BizVektorのCSSの直し方

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

BizVektor Vastのグローバルメニューを透過させる

BizVektorの拡張デザインスキン「BizVektor Vast」は画面最上部に表示されるグローバルメニューが特徴的です。 このグローバルメニューを透過(半透明に)したり、スクロール時に色を変える方法を紹介します。サンプルサイトはこちらです。 谷根千散歩.com 通常のグローバルメニューの色 B ...

グローバルメニューの2行目に英語表記やアイコンを追加する

グローバルメニューの下に英語表記を追加したくなることはありませんか?「1行目が日本語、2行目が英語」のメニューです。難しそうですがPHPを修正せずにCSSで実現できます。Font Awesomeを使ってアイコンを表示する方法と合わせて紹介します。

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

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

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

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

フローティングメニューをフッターに表示する

WordPressサイトのフッターにメニューを表示したいという要望をよく聞きます。このフッターメニューは単なる本文下の「フッター」ではなく、画面の一番下に固定で表示される「フローティングメニュー」のことを指していることが多いです。ここでは、フッターに連絡先画像やアイコンを使ったフローティングメニューを表示する方法を紹介します。

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

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

賢威のグローバルメニューのデザインをカスタマイズするCSSの例

賢威のグローバルメニューのカスタマイズ例を紹介します。CSSを使ってフォントサイズやメニュー項目のアイコン、マウスオーバー時の色を変更します。

BizVektorのグローバルメニューの色を白ベースに

BizVektorのグローバルナビゲーション周辺の色(キーカラー)を取り除いて白ベースでスッキリさせる方法を紹介します。具体的には次のような仕上がりになります。 現在のグローバルメニューは次のようなデザインです。 ここから次のデザインを変更します。 グローバルナビゲーションの背景色を削除 グローバル ...

BizVektorのグローバルメニューにアイコンを入れる

BizVektorはビジネスサイト向きの素晴らしいテーマですが、雑貨屋さんなど、やわらかい雰囲気のサイトを作るにはデザインが堅く感じる方がいるかもしれません。 その場合、グローバルメニュー(Header Navigation・ヘッダーナビゲーション)にアイコンを入れてみると少し雰囲気が和らぎます。こ ...

WordPress個別サポート
スポンサーリンク
おすすめのレンタルサーバー
高速サーバー・自動バックアップなど
WordPress運営に役立つ機能が充実!
その他の記事を読む
(記事総数:524本)
  • twitter
SEOに強いと評判のテーマ】賢威7
【月額で使えます】Office 365 Solo
【便利です】Lightning Variety
【固定ヘッダー】BizVektor Vast
【グリッド表示】BizVektor Grid Unit
【画像修正に】フォト消しゴム 2

WordPress講座のおすすめコース

ホームページ作成講座 WordPress個別サポート BizVektorカスタマイズ講座
西沢直木のIT講座
wordpress講座受講予約
PAGETOP