//AdSenseにリンク

ワードプレスCocoonイラスト付きメニュー設定(Font Awesome5)【ボックスメニュー】

2021-09-13

ボックスメニューとは

こちらのイラスト付きのメニューだよ。イラストはフリー素材を使用。テキストの下にひとことも入れられるよ。

ワードプレスCocoonイラスト付きメニュー設定(Font Awesome5)【ボックスメニュー】

Font Awesome5アイコン選択位置

Font Awesome5のアイコンボタンにチェックを入れる

CSSクラスにチェック

外観>メニュー>右上の表示オプション

CSSクラスと説明にチェックを入れる

メニュー項目の追加

Font Awesome5のページでアイコンをさがす

こちらのページに行く↓

https://fontawesome.com/v5.15/icons

無料のもので大丈夫

CSSリンクをコピペする

”〜”の中をコピペして。

メニューの項目のところを開いて>CSS class(オプション)にコピペ

説明のところに書いた文字が下に小さく表示される

保存して、設定はOK。

サイドに設定

TOPページ>右上のカスタマイズ>ウィジェット>サイドバー>BOXメニュー

完成

ワードプレスCocoonイラスト付きメニュー設定(Font Awesome5)【ボックスメニュー】

実際の見え方はこちらにあるよ

https://piyo-piyo-piyo.com/

※もしかして少し変更しているかもしれません