[WordPress]WP External LinksでSNSボタンにもアイコンがついた場合の対処方法は？

WP External Linksとは

WP External Linksとは、外部サイトへのリンクを少しおしゃれにしてくれるWordPressのプラグインです。

: External Links – nofollow, noopener & new window – WordPress プラグイン | WordPress.org 日本語

Internal links & external links manager: open in new window or tab, control nofollow, ugc, sponsored ...

続きを見る

色々なWebサイトを見ていると、下のようなアイコンがついたリンクを見たことがありませんか？

このようなマークがついていると「ここを押せば新しいウインドウかタブが開いて外部のサイトに行くんだろうな」ってすごくわかりやすいですよね、。WP External LInksはこのことをとても簡単に実現するプラグインなんです。

なので、私もインストールしてみたのですが、ここで問題発生！

ちなみに、インストールと設定の仕方はコチラを参考にしました。

WP External LInksをインストールして無事に設定も終わった・・・でも、自分のサイトを見てビックリ。SNSボタンにまでアイコンが付いていました・・・（泣）

これでは、せっかく頑張って（自分的には）カワイイ感じのSNSボタンを作ったのに台無し・・・

下記の記事を参考になんとかうまくSNSボタンから外部リンクのアイコンを消し去ることができたので、簡単に手順をまとめてみます。

: WP External LinksでSNSシェアボタンまでアイコンがついてしまう時の対処方法 - aNote

以前こちらの記事（http:/...

続きを見る

大まかな手順は以下の通り2つだけ。簡単です。

簡単な流れ

それでは実際にやってみましょう！

まず、WP External Linksの設定画面に行き、例外タブを選んでクリックします。言語の設定によっては、WP External Linksは「外部リンク」、例外タブは「Exception」と表示されているかもしれません。

今回は、 SNSボタンで外部リンクのアイコンが出ているFacebook、はてブ、Lineを例外にするように設定しました。

step
1①「サブドメインを内部とみなす」

ここにチェックマークを入れます。私はチェックを忘れていることに気づかず苦労しましたのでお忘れなく。

step
2②「外部リンクから除外するURL」

ドメイン名を入力しました。カンマ区切りでも1行ずつ入力してもどちらでも構いません。「http://」や「https://」は付けても付けなくてもどちらでも良さそうだったので、シンプルにドメイン名だけにしました。

step
3③「除外リンクの独自設定」

細かい設定をするのは大変そうだったので、シンプルに「外部リンクを内部リンクとして扱う」を選択しました。

以上の設定を終えて、サイトを見てみると・・・無事に外部リンクのアイコンが消えていました。やったー！

できてしまえば簡単でした。でも、解決できて本当に良かった〜

今日はここまで。