伝えたいこと
現在、僕のブログのサイドバーはこのような状態です。ボックスメニューを追加したのですが、アイコンが全て星形になっており、見栄えがよくありません。そこで、今回はボックスメニューの星形アイコンを僕が用意した画像に差し替えようと思います。

アイコンを差し替える手順
「外観」→「メニュー」とクリック

画面上部の「表示オプション」をクリックし、以下の画面を引き出す。その後、「タイトル属性」、「CSSクラス」および「説明」を選択する。

「メディアライブラリ」を開き、アイコンにしたい画像を選択する。

「URLをクリップボードにコピー」をクリック

先程の画面を開く(「外観」→「メニュー」→「編集するメニュー」でボックスメニューにしているメニューを選択する。)
その後、アイコンを差し替えたい項目の「▼」をクリックし詳細を表示させます。今回は “home” という項目のアイコンを差し替えたいので、”home” の詳細を開きます。
その中の「タイトル属性」に先程コピーしたURLを貼り付けます。最後に「メニューを保存」をクリックすれば変更完了です!

変更の確認
編集ページの「公開」ボタンの隣にある、「表示マーク」をクリックし、「新しいタブでプレビュー」をクリックします。別ウィンドウで立ち上がる新たなページで変更を確認してください。 きっと変更できているはずです!




コメント