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

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

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

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

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

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

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

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

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

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

注意点

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