WordPress

WordPress|カスタムメニューのリンクのターゲット設定を変える方法

WordPressの「外観」>「メニュー」で設定できるカスタムメニューのリンク先を新しいタブで開くようにしたいときってありませんか?ここではその方法について見ていきます。

カスタムメニューのリンクを新しいタブで開く方法

手順はとても簡単です。

はじめにWordPressの管理画面、「外観」>「メニュー」へ移動します。

メニューの画面の上に「表示オプション」というのがあるので、これをクリックして表示させます。そうすると、「リンクターゲット」というメニューがあるので、これにチェックを入れます。

そうすると、メニューを開いたときに「リンクを新しいタブで開く」というチェック項目が表示されるようになります。ここにチェックを入れるだけでtarget="_blank"が設定されます。

カスタムメニューの表示オプション

先ほど、表示オプションを見てみたときに、他にも設定があることにお気づきになったと思います。ついでに他の設定についても使えそうなものを見てみましょう。

タイトル属性

リンク先のタイトル属性を設定できます。「タイトル属性って何?」という方に実例を見ていただきましょう。

下記のテキストリンクにカーソルをしばらく置いてみて下さい。

テキストリンク
ということです。

CSS クラス

メニューに個別のclass名を入れることができます。デザインなどをいれたいときに使えそうですね。

以上がカスタムメニューのリンクにターゲット設定をする方法でした。

WordPressテーマ「MAG(TCD036)」

最近の記事

  1. CSS

    CSS|中央寄せが効かないときは・・・
  2. CSS

    擬似クラス「:first-child」「:last-child」はどうして効かな…
  3. CSS

    レスポンシブウェブデザインの基本|メディアクリエリの設定
  4. WordPress

    WordPressの立ち上げからサイト構築までの初期手順
  5. CSS

    要素の配置が簡単に決まるFlexboxの使い方
PAGE TOP