AFFINGER5 WordPress プログラミング 問題解決

【WordPress】メニューのリンクを一部別窓で開く方法

当ブログのヘッダーはこの記事を書いている時点でこのような感じになっています。

他のメニューは当サイト内のページに繋がるようになっていますが、この右上端の「フォローお待ちしてます」の部分はTwitterへのリンクになっています。

ウェブサイトとして別のものである、サイト内の他のページを見てもらえる可能性が下がるなどの理由からTwitterだけは新しく別のウィンドウで開くようにしているんです。

設定方法

ダッシュボード内の[外観]→[メニュー]からカスタムリンクを追加します。

任意の投稿や固定ページに別窓でリンクを貼りたい時にも、このカスタムリンクを使用すると詳細な指定が出来るのでおすすめです。

ここにただTwitterへのリンクを貼るだけだと

  • URL:https://twitter.com/kogerakaju2019
  • リンク文字列:フォローお待ちしてます

となるのですが、今回はウィンドウを別にしたいので「target="_blank"」を付加してあげる必要があります。

よって入力はこのようになります。

  • URL:<a href="https://twitter.com/kogerakaju2019" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i> フォローお待ちしてます</a>
  • リンク文字列:(空欄)

このようにしてもきちんとヘッダーメニュー上には「フォローお待ちしてます」の文字も表示されます。

ブログランキング・にほんブログ村へ

-AFFINGER5, WordPress, プログラミング, 問題解決

Copyright© こげろぐ , 2021 All Rights Reserved.