Simplicityで内部リンクブログカードは使いたいけどキャプチャ画像をオフにしたい、もしくは任意の画像を見出し画像に使いたい

ワードプレスのテーマにSimplicityを使っている環境で、テキストのみのサイトやアイキャッチ画像のない記事をブログカードを使って内部リンクした時は、その見出し画像は記事ページのキャプチャ画像となります。

NOIMAGEよりも見栄えが良くてありがたいんだけど、ちょっと難点だと思った点は、広告までキャプチャ画像に入ってしまうこと。規約違反になるのが怖いし、そのたまたまキャプチャに入った広告の写真が、子供が見ても大丈夫な、なんでもない写真なんだけど誤解を招きそうな写真で^^;内部リンクのブログカード機能をON、OFF、ONと設定し直してみてもキャプチャ画像は変わらず。

スポンサーリンク

内部リンクブログカードのキャプチャ画像や見出し画像を消すCSS

内部リンクブログカードのキャプチャ画像を消す方法自体はあります、私は知識がないのであまり良い方法ではないのですが、これをこのままダーッとコピーして、WordPressダッシュボード左メニューから外観、テーマの編集と進んで子テーマ(Simplicity2 child)のstyle.cssに貼りつければ

.blog-card img.blog-card-thumb-image {
border: 0;
width: 0px;
height: 0px;
object-fit: cover;
display: block;
margin-bottom: 10px;
}

キャプチャ画像の部分は白紙になって、画像は表示されなくなります。元は縦横100pxというサイズだったキャプチャ画像を縦も横も0pxにするという単純な方法です。我ながら駄策だと思います(笑)

functions.phpを編集する知識があれば、根本的に画像を表示しないとか他の画像に差し替えるとか出来ると思うのですが、CSSでやっとの私にそんな知識はない;;

ブログカードのアイキャッチ画像を0pxにする方法のデメリット

上記のコードで、本来は画像部分もリンクになっているところが、画像を0pxにしてしまっているので見出し画像からのリンクはなくなり、ブログカード内の記事タイトルしかリンクにならないところが客観的に見てわかりにくくて不便だと思いました。

元々あまり内部リンクを使っていないこともあってブログカードをオフにしてURLでのリンクにしました。

最も簡単な対策は個別記事投稿時にサイトロゴ等適当なアイキャッチ画像を設定しておくこと

私のような初心者でも出来る簡単な方法としては、画像を使わない記事用にサイトロゴ等のアイキャッチ画像を用意して、記事投稿時にアイキャッチ画像だけ設定しておけば内部リンクした時にアイキャッチ画像が表示されるので記事のキャプチャ画像は表示されなくなります。

画像を使わない記事にアイキャッチ画像を設定してもインデックスの見出しに表示される程度なので(Simplicityの機能でインデックスのアイキャッチ画像を一括してオフにすることも出来ます)、画像を使わない記事に適当なアイキャッチ画像を設定しても特に問題ないと思います。

又、私の場合は内部リンクをした記事が数える程度しかないこともあって、内部リンクした記事にサイトロゴをアイキャッチ画像に設定しておいて、キャプチャ画像が表示されないようにしようと思います。そしてこれからは画像なしの記事にもサイトロゴをアイキャッチ画像に設定しておきます。

コメント

タイトルとURLをコピーしました