2023年11月6日月曜日

PCソフトウェア>bloggerでアイキャッチ画像を指定する

bloggerの投稿画面のアイキャッチ画像は、記事中の最初の画像になるが、ちょっと不都合を感じる。できれば、ラベルの種類によって特定の画像を使いたい思う。そこで、疑似的だが、画像を指定して表示させることにする。

まず、アイキャッチにする画像を作る。画像は、真四角にして、背景には何か色を付けた方がよい。
画像の種類はpng、jpg、gifとし、大きさはあまり大きくなくていい。200*200pxくらいで十分だ。
これを画像挿入で普通にパソコンからアップロードする。

表示させる画像の divタグのstyle要素で display:none; とすると、記事中には表示されず、アイキャッチ画像として表示される。

アイキャッチ画像なし アイキャッチ画像あり

0 件のコメント:

コメントを投稿