web-dev-qa-db-ja.com

テキストリンクの代わりにWordpressナビゲーションメニューで画像リンクを使用する

ワードプレスは、テキストリンクの代わりにナビゲーションメニューで画像を使用する機能をサポートしますか?私はこの機能を探し、CSS編集を通してメニューに画像を含める方法を示すサイトを見つけました。

http://vanweerd.com/how-to-replace-text-links-with-icon-links-in-wp-3-navigation-menus/ /

WordPressがナビゲーションメニューのリンク可能なオブジェクトとして画像を簡単に追加する機能をサポートしていない場合、これを実行できるプラグインはありますか? CSSを編集しなくても、ナビゲーションメニューに画像を追加したり削除したりできます。

3
user2019

2つの方法があります。

1.説明を誤用する

wp-admin/nav-menus.phpに行き、オプションを開いてdescriptionフィールドを有効にしてください。画像パスをdescriptionフィールドに書き込み、 カスタムウォーカー を使用して wp_nav_menu() の出力を変更します。

2.カスタム投稿タイプを使用する

私はpagesに似たカスタムの投稿タイプ Navigation (階層型)を、通常のエディタボックス、タイトルフィールド、そしてURI用のメタボックスを使って書きました。クライアントは自分のHTMLを書き、私のコードはこれらのエントリからナビゲーションを作成します。

HTML、画像、フォーム、ビデオを追加できます。本当に使いやすいですが、それは多くのコードを必要とします。

1
fuxia

あなたの文脈について少し説明していただけますか。

私はまたCSSがこれに非常に適した解決策であると思います。カスタムメニューは理解するのが非常に複雑で、私は通常それらの内部から離れているので、それはコンテンツ/プレゼンテーションバランスのために理にかなっているという理由で一部です。

私のブログではCSSをアイコンのセットで使っているので、メニュー項目にカスタムクラスを追加し、それに応じてCSSスタイルを設定します。 Rarst.net を参照してください。

1
Rarst

私は知っています:

多分それらの1つはあなたのニーズを満たすでしょう..見てください

0
pootzko

十分な情報がないことを除けば、問題は発生しません。あなたはただa-tagをクラスと一緒に使い、それをどこにでもリンクさせ、そしてCSSを通して背景画像を追加することができます。同じ画像にクラスを再利用することも、異なる画像に異なるクラスを使用することもできます。

0
theHubi