YouTube

Stork 19 テーマで _blank を追加した時、アイコンを削除する方法

Stork 19 テーマで _blank を追加した時、アイコンを削除する方法
Stork 19 テーマで _blank を追加した時、アイコンを削除する方法

タグで新しいウィンドウで開くを設定した場合、stork19ではアイコンが付いてしまう。見栄え上邪魔なので、それを削除したい。

コードの探し方

オリジナルコードはストークテーマ/style.css の中に下のコードがあります。

				
					.entry-content a[target=_blank]::after {
  font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
  font-weight: 900;
  content: "\f35d";
  font-size: 95%;
  margin: 0 3px 0 2px;
}

				
			

このコードの中身を”content: none;” に書き換えて、CSSに追加します。

style.cssの中を直接書き換えても変更されないので WPの管理画面の『外観』→『カスタマイズ』→『追加CSS』で追加します。

やったこと。

『追加CSS』に下記コードを追加

				
					.entry-content a:not(.no-icon)[target=_blank]::after {
 content: none;
}


.entry-content a.wp-block-social-link-anchor[target=_blank]::after {
  content: none;
}

				
			
追加例

結果

コメントを残す

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

error: Content is protected !!
ド "place_id" の件数: 25