WordPress(ワードプレス)でホームページを作りたい、カスタムしたいという人のためのサイトです。

カスタムメニューの設定でリンクターゲットを変更する方法

TOP > 基礎知識 > カスタムメニューの設定でリンクターゲットを変更する方法

今日はちょっとした小ネタを。
カスタムメニューを使って運用しているサイトってけっこう多いと思いますが、メニュー自体を細かく設定することっていうのはけっこう難しいように思えて簡単だったりします。
例えばリンクさせる要素に対してのクラスの付与出会ったりリンクを新しいウインドウやタブで開かせる設定なんかをする場合ですね。
そのくらいHTMLで直接書けばいいのにって思いがちですが、まあカスタムメニューで運用しているくらいなので担当者があまりHTMLを知らないこともあるわけで、そういう場合はこっちである程度自由にできるように準備をしておいてあげて、その事を伝えればいいかなと思うわけです。
では本題。

カスタムメニューのリンクを新しいウインドウで開かせる方法

まずは管理画面に移動して外観からメニューを選択します。
ここで画面右上にある「表示オプション」をクリックします。
すると「詳細メニュー設定を表示」項目に「リンクターゲット」という項目があります。
ここにチェックを入れましょう。
するとカスタムメニューに追加した要素に「リンクを新ウィンドウまたはタブで開く」っていうチェックボックスが出るのでこれにチェックを入れて保存すればオッケーだよ。

カスタムメニューのリンクにクラスを付与する方法

新しいリンクを設定する時と同じで、画面右上にある「表示オプション」からCSS クラスにチェックを入れます。
すると「CSS class (オプション)」っていうのが出るので、ここにcssのクラスを入れれば大丈夫。
CSSはあらかじめこっちで作っておいて一覧表なんかを作って渡しておけばリンクのスタイルを向こうで選んで変更できるようになりますよ。

といった感じでした。
お客さんに運用してもらう場合にはある程度こっちで用意してあげる必要があるものの、それだけで運用の幅はぐっと広がるので知っておいて損はないと思います。


« »

ABOUT THE AUTHOR

こしもあんず
こしもあんず

Wordpressをカスタマイズすることが好きなギーク女子です。
好きなエディタはSublimetext2です。
Google+やってるので、よろしくです。
デザインは好きですが、PHPはあまり得意ではないのでその辺ご容赦くださいね。


Twitterはこちら
https://twitter.com/wordpresscusto1

ad