ワードプレスCocoonイラスト付きメニュー設定(Font Awesome5)【ボックスメニュー】
Contents
ボックスメニューとは
こちらのイラスト付きのメニューだよ。イラストはフリー素材を使用。テキストの下にひとことも入れられるよ。

Font Awesome5アイコン選択位置

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

CSSクラスにチェック
外観>メニュー>右上の表示オプション

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

メニュー項目の追加

Font Awesome5のページでアイコンをさがす
こちらのページに行く↓
https://fontawesome.com/v5.15/icons
無料のもので大丈夫

CSSリンクをコピペする
”〜”の中をコピペして。

メニューの項目のところを開いて>CSS class(オプション)にコピペ
説明のところに書いた文字が下に小さく表示される

保存して、設定はOK。
サイドに設定
TOPページ>右上のカスタマイズ>ウィジェット>サイドバー>BOXメニュー

完成

実際の見え方はこちらにあるよ
※もしかして少し変更しているかもしれません
ディスカッション
コメント一覧
まだ、コメントがありません