WordPressのグローバルメニューに外部リンクを設定して別タブ表示させる方法

公開日: 2016年04月05日
最終更新日: 2016年05月19日


wordpress-globalmenu-anothertab-top

 

サイトを構築していく過程では、記事本文やサイドバーなどに外部リンク(他サイトのリンク)を設置するケースが多々あります。

 

このような場合、外部リンクを別タブ(または別ウィンドウ)表示するように設定しておけば、自分のサイトはブラウザに残されたままになるので、ユーザーの滞在時間や直帰率(ユーザーが最初に訪れたページだけを見て去って行った割合)に悪影響がなくなります。

wordpress-globalmenu-anothertab-001

 

 

滞在時間や直帰率はSEOにおいて重要な指標ですから、外部リンクについては基本的に別タブ(または別ウィンドウ)表示するように設定しておくことをオススメします。

 

当記事では、WordPressサイトのグローバルメニューに外部リンクを設置し、さらにその外部リンクを別タブで表示させる方法をご紹介します。

 

 

目次

1.グローバルメニューを作成する

2.外部リンクを設置する

3.別タブ表示の設定をする

 

 

1.グローバルメニューを作成する

WordPressではこのような↓、グローバルメニュー(またはナビゲーションメニュー)というものを作ることができます。

wordpress-globalmenu-anothertab-002

 

 

使用するテーマ(テンプレート)によってグローバルメニューの体裁は異なりますが、作成方法は基本的に同じです。

 

まずはこのグローバルメニューを作成するところから始めていきましょう。

 

グローバルメニュー(ナビゲーションメニュー)の作成方法については、こちら↓の記事を参考にして下さい。


WordPressのナビゲーションメニューを設定する方法

 

 

2.外部リンクを設置する

ナビゲーションメニューを作成したら、次はナビゲーションメニューの中に外部リンクを設置します。

 

WordPressのダッシュボードから、「外観」→「メニュー」と進み、「カスタムリンク」の▼をクリックして下さい。

wordpress-globalmenu-anothertab-003

 

 

「URL」の部分に設置したい外部リンクのURL、「リンク文字列」の部分にグローバルメニューで表示させたい文字列を入力し、「メニューに追加」をクリック。

※ここでは一例として、グローバルメニューに「人気ブログランキング」を設定してみます。

wordpress-globalmenu-anothertab-004

 

 

3.別タブ表示の設定をする

「メニュー構造」の中に「人気ブログランキング」というメニューが新しく追加されましたが、このままではこの外部リンクは別タブ表示されません。

 

そこで今度は、このメニューを別タブ表示されるようにしていきます。

▼をクリックして下さい。

wordpress-globalmenu-anothertab-005

 

 

ダッシュボードの右上部に、「表示オプション」というものがありますので、そちらをクリックします。

wordpress-globalmenu-anothertab-006

 

 

隠れていたオプション画面が表示されますので、この中にある「リンクターゲット」にチェックを入れて下さい。

wordpress-globalmenu-anothertab-007

 

 

すると、メニューの中に先ほどまで表示されていなかった、「リンクを新しいタブで開く」という項目が表示されるようになりますので、そちらにチェックを入れ、最後に「メニューを保存」をクリックしましょう。

wordpress-globalmenu-anothertab-008

 

 

ここまでの設定作業で、グローバルメニューに別タブ表示される外部リンクを設定することができているはずです。

 

試しに動作確認をしてみて下さい。

 

コメントを残す

サブコンテンツ
ページトップへ戻る ページエンドへ進む