久しぶりにMAGJAMのカスタマイズというか、小技をご紹介!
このブログは、DigiPressが制作したWordPressテーマMAGJAMを利用しています。
そのMAGJAMを利用していてトップページでアイキャッチを設定している場合、アイキャッチ画像が表示されるのですが、デフォルトでリンクアイコンが表示されています。
言葉で表すと難しいので、下記の画像をみてもらうと分かると思います。
上記のようにリンクアイコンが表示されます。
画像にマウスをのせるとSNSの数が表示される仕様になっていますが、せっかくのアイキャッチ画像にリンクアイコンがあると邪魔だと思われるかたもいらっしゃるのではないでしょうか。
そこでCSSを使って簡単にリンクアイコンを消去する方法をご紹介します。
トップページ画像に表示されるアイコン画像を消去する方法
方法はとても簡単です。下記のCSSコードをコピーして貼り付けるだけです。
1 2 3 |
.loop-media-icon{ display:none; } |
貼り付け先は、「WordPress管理画面を開く」⇢「管理画面内のDigiPress」⇢「ビジュアル設定」⇢ビジュアル設定内の「オリジナルスタイルシート設定」⇢オリジナルスタイルシートに下記のCSSコードを貼り付ける⇢「設定を保存」の手順だけです。
アイコンを消去後
すると上記画像のようにリンクアイコンが非表示になり、アイコンが消去されます。
アイキャッチがきちんと見えてスッキリしますね。
消去というより、CSSで非表示しただけなんですけどね。
さいごに
ちょっとした小技ですが、このリンクアイコンが気になっていた方はぜひ上記のやり方を試されてみて下さい。
それではまた〜
この他のWordPressテーマMAGJAMについての記事は下記を参照下さい。