「メイド・イン・ヘブン」スキン適用中

内部リンクと外部リンクそれぞれの開き方を統一する方法

投稿・固定ページ
この記事は約1分で読めます。

Cocoonでは、内部リンクは内部リンクで、外部リンクは外部リンクでそれぞれ開き方を統一することができます。

また、内部リンク、外部リンクにそれぞれアイコンなどを付加することも可能です。

内部・外部リンクの設定方法

リンクの設定を行うには、まずテーマ設定を開きます。

WordPress管理画面から「Cocoon設定」を選択してください。

Wordpress管理画面からCocoon設定を選択

「本文」タブに「外部リンク」と「内部リンク」の設定項目があります。

内部・外部リンク設定項目

それぞれ内部・外部リンクごとに以下のような設定を行うことができます。

  • リンクの開き方の設定:変更しない or 新しいタブで開く or 同じタブで開く
  • リンクフォロー:変更しない or nofollow or  follow
  • 追加rel属性:noopener、noreferrer、external(外部リンクのみ)を付加するかどうか
  • アイコン表示:リンクアイコンを表示するかどうか
  • アイコン:何種類かのアイコンフォントを選択可能

この機能を利用して、当サイトであれば外部リンクは以下のように表示して、新しいタブで開くようにしています。

当サイトの外部リンク設定例

注意点

今回紹介した機能を利用した場合、同様のプラグインを使用していると機能が競合してしまう可能性があるので、使用はどちらか一方だけにすることをおすすめします。

タイトルとURLをコピーしました