THORアイキャッチ画像の上に表示されているカテゴリーをカスタマイズしました。カテゴリーの非表示機能が追加されたので現在ではあまり必要のないカスタマイズかも知れません。導入するこれは以前実際に採用していたカスタマイズです。あとがきこのカスタマイズで出来ることカテゴリーを少し小さくして位置を変更します。その理由などは詳しくはこちらに記載しています。】にする方法を試してみるの良いかも知れません。&[...]後述するcssを適用すると以下のアイキャッチ画像のカテゴリー表記が以下のようになります。カテゴリー表記↑カスタマイズしたカテゴリー表記↑サンプル画像はPC表示です。このサンプルだけを比較すると大差がない、もしくはもともとのアイキャッチ画像のほうが良く感じるかも知れません。スマホ表示やカードレイアウトでのアイキャッチ画像になると印象は変わります。好みで編集しましょう。※カスタマイズは自己責任でお願いします。アイキャッチ画像のカテゴリーをカスタマイズするcss追加cssを利用してコードを挿入します。数値を変更すればカテゴリーの表示位置は自由です。10%;}※角丸やアイコンの変更が不要であれば削除してください。“”;の””の中にコードを挿入。カテゴリのカラーを設定できます。イメージカラーカテゴリー毎に設定したイメージカラーのまま透明度を変更することができません。このcssでカラーを設定する場合はカラーが統一されますのでご注意ください。カテゴリーの位置だけ変更したいときはカラー設定の行を削除してください。0.6;を挿入するとイメージカラーを保ったまま半透明にすることもできますが文字も同様に半透明になります。あとがき当サイトの現状ではアイキャッチ上でのカテゴリー表記はこのカスタマイズとは違うモノになっています。初期の頃はアイキャッチ画像上のカテゴリー表記が大きくて気になっていました。ところが最近はアイキャッチ画像自体を大きく表示、余計な部分にはカテゴリーを表示しない等の対策でほとんど気にならなくなってきました。当サイトでのアイキャッチ画像上のカテゴリー表記は大きくなっていますwアイキャッチ画像上のカテゴリー表記はまだまだ検討の余地がある項目です。コメントをキャンセルメールアドレスが公開されることはありません。karaagebow.com。