新規ページリンクの際のアイコンを消す方法(ハミングバード)




こんにちは!かすみ(@ksmiso_)です。

この記事では、外部サイトへのリンク時に
表示されるアイコンを非表示にする方法
についてお伝えしますね。

当サイトはハミングバードを使用しています。

おそらくOPENCAGEさんのテーマだと
もれなく表示されているのではないでしょうか?
他のテーマの方は存じ上げませんが。。

外部サイトリンクのアイコンって?

こんなアイコンです。

かすみ
これはリンクの貼り方がおかしくなっているんだけど、
外部リンクアイコンの主張が激しすぎて嫌になってる時のツイートですw
もしもアフィリエイトさんは関係ありません・・w

この、外部サイトリンク時に表示されるアイコンが
気になったので非表示にする設定をしていきます。

めっちゃ簡単で、
CSSを追加するだけです^^
説明していきますね。

外部サイトリンクのアイコンを非表示にする方法

追加CSSに外部サイトアイコンを非表示にするためのCSSを記述します。

まず、ダッシュボードの外観>CSS編集をクリックします。

追加CSSの画面が表示されたと思います。

下記のCSSを追加CSSに記述してください。

/*新ページリンクマーク非表示*/
#container .entry-content a[target="_blank"]:after {
    content: none;
}

このようになれば完了です。

実際にページを確認してみてください^^
アイコンが非表示になっているはずです。

ハミングバードに限らず、OPENCAGEさんのテーマの
ストーク、スワロー、アルバトロスを使っている人も参考にしてくださいね。

まとめ

CSSに記述するだけで簡単に非表示にすることができました。
これで見栄えが気にならなくなったのでブログ執筆に専念できますね^^笑

アイコンを非表示にしたい!
という人はぜひ参考にしてくださいね。




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です