シェアする

  • このエントリーをはてなブックマークに追加

【BizVektor】トップメニュー (グローバルメニュー)の文字を画像に変更する方法!

シェアする

  • このエントリーをはてなブックマークに追加
  • 0
bizvektor-gmenu-img-customize-web


どうも、ジョニー@creatorcheck)です。

私も他のサイトで使用しているテーマ【BizVektor】のカスタマイズした箇所の備忘録です。(ちょいちょい書いていきます)

同じ箇所でも、サイトによって様々なカスタマイズ方法がありますよね。一概にどれが良いとは言い切れない。

これは当ブログでのカスタマイズなので、ご自身のやり方に合ったものを参考にしてくださいね!

使用するにしても、カスタマイズするにしても、自己責任でお願いします。

では、いってみよう!johnny-c

カスタマイズする理由

デフォルトでは文字表示なんですが、画像表示にすることで、好きなフォントやアイコンなどを簡単に表示できるのでカスタマイズします。

デフォルトではこんな感じ ↓

bizvektor-gmenu-img-customize-01


仕上がりイメージはこんな感じ ↓

bizvektor-gmenu-img-customize-02
ちょっと分かりづらいですが、
画像表示になってます。
johnny-c

カスタマイズ スタート

メニューに表示させたい画像を作成してアップロード

表示させたい画像を作成して、サーバーにアップロードします。

「ナビゲーションラベル」にimgタグを記入する

管理画面の「外観」→「メニュー」から、各メニューの「ナビゲーションラベル」という箇所にimgタグを記入します。

bizvektor-gmenu-img-customize-03
たったこれだけ!!johnny-c


上記を参考にお好きにカスタマイズどうぞ。

今回参考にした記事はコチラ

まとめ(感想)

こんな簡単にカスタマイズできるって、嬉しいですよね。良いテーマ!

johnny-tubuyaki

BizVektorの読み方は、「ビズベクター」じゃなくて「ビズベクトル」だよ!私は間違えた..ぐはは
【BizVektor】トップメニュー (グローバルメニュー)の文字を画像に変更する方法!
この記事をお届けした
クリエイターチェックの最新ニュース情報を、
いいねしてチェックしよう!
スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク