WordPress

WP External Linksで一部の外部リンクでアイコンを非表示にする方法

  1. HOME >

WP External Linksで一部の外部リンクでアイコンを非表示にする方法

WP EXternal Linksはざっくりいうと外部URLリンクに対してアイコンを追加してくれる便利プラグインです。

 

ぱっと見てすぐにリンクかどうかが確認できるのはうれしいよね!
あっちゃん
はや
読者の方に少しでも分かりやすくしたいしね!

 

ただ、困ることもあります。具体的には・・・

すべての外部URLに対してアイコンを付与してしまう

 

はや
これは便利ですが、不都合も出てきます・・。

 

例えば、私が利用しているAFFINGER5のSNSアイコンは外部URLがリンクされているので、アイコンがバッチリ表示されてしまっています。

外部リンク用のアイコンがバッチリ表示

 

本記事では一部外部URLにアイコンの付与を除外する設定方法を紹介します。

 

WP External Linksとは

ザックリ紹介しますと、外部・内部リンクに自動的にアイコンを付与し、リンクであることをより分かりやすくしてくれるワードプレスのプラグインです。

 

さらに、自動でnofollowなどといったタグも追加することができる人気のプラグインです。

 

除外したいURLを設定する

リンクであることを視覚的に分かりやすくしてくれるプラグインですが、そのままだと冒頭でも述べたように見栄えが悪くなったりします。

そうした不具合を回避するために、「除外」することができます。

 

ワードプレスのダッシュボードから「外部リンク」をクリックし、「例外」タブをクリックします。

除外しましょう

 

「外部リンクから除外するURL」という項目で、あなたがアイコンをつけたくないURLを記載します。

例えば、AFFINGER5のSNSアイコンにリンクされているURLを除外したい場合は下記のように記述します。

facebook.com/sharer.php,b.hatena.ne.jp/entry/,line.me/R/msg/text/

 

なぜか、「https://」をつけるとうまく動作しませんでした。そのため、ドメインのみ記載することをおすすめします。

 

 

そして、「除外リンク」「設定を適用」にチェックいれて最下部の「変更を保存」をクリックして設定は完了です。

除外リンクの設定を忘れずに

 

はや
アイコンが表示されなくなったことを確認しましょう。

 

Rinkerなども除外したい

アフィリエイトリンクなどはほぼ外部リンクになるので、そうなるとなんでもかんでもアイコンが付与されて逆にうっとおしくなってしまいます。

アイコンありすぎ!

 

そのときも対応は同じで例外タブでアイコン付与の除外設定をしたいURLを記述していけばOKです。

 

はや
当ブログではRinkerの追加アイコンの除外対策として下記も設定しています。

 

ご参考にどうぞ。

amazon.co.jp,oyakosodate.com,hb.afl.rakuten.co.jp

 

除外するためのコツ

除外するためにはURLを指定していきますが、できるだけ範囲を絞るとよいでしょう。

 

例えば、SNSアイコンのLINEで説明すると、

line.meというドメインのRというディレクトリのさらにmsgのさらにtext以降のアドレスであった場合、アイコンの付与から除外するというかなり限られた範囲に絞ることができます。

 

ちょっと分かりづらい~。
あっちゃん

 

line.meとやっても同じ効果は得られますが、例えば、、、

  • line.me/A
  • line.me/B
  • line.me/C

 

これらもすべて除外対象になってしまいます。

 

ですので、出来るだけドメインを除外してしまうのではなく、ドメインのさらに下が分かればギリギリまで絞っていくことがコツになります。

 

はや
ワードプレスブロガーなら理解できるかと思います。

 

機能を最大限活かして読者が迷わないようにしてあげよう!まとめ

WP External Linksの使い方はあったのですが、除外方法がなくまとめました。

各リンクに適切にリンクであることをアイコンで知らせ、読者様の満足度を少しでも上げたいですよね。

 

 

参考になれば幸いです。

amazonチャージ!

amazonマーケットプレイズで掘り出し物が見つかったけど、支払いはクレジットカード払いのみだったりしますよね・・・。

しかし「amazonチャージ」を利用すればもうあきらめる必要がなくなります!

クレジットカードをお持ちでないあなたもAmazonチャージならお買い物ができるんです。

しかも、チャージするほどポイントが貯まり、お得にお買い物できちゃいます。

スペース

\くわしい内容はコチラ/

amazonチャージの入金方法

-WordPress

Copyright© HAYAMIZ BLOG , 2019 All Rights Reserved.