自宅内ネットワーク構成Geartics(ギアティクス)アマゾンほしい物リストSNSXInstagramYouTubeフォト蔵mixi問い合わせ問い合わせプライバシーポリシー(確認事項)このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。Pinterest2019.03.17この記事は約3分で読めます。THOR(ザ・トール)を使って構築しています。THOR(ザ・トール)には、記事中の画像に対して囲み効果の設定がありません。そこで、記事中の画像に対してシャドーを表示するカスタマイズについてまとめてみました。記事中の画像に対してシャドーの表示について記事中で画像を設定した場合、デフォルトでシャドーを表示するようにします。記事中の画像に対してシャドーの表示が不要の場合は、手動でシャドーを取り消す事ができるようにします。記事中の画像に対してシャドーを表示するカスタマイズ先ずは手動で記事中の画像に対してシャドーを表示するカスタマイズです。このカスタマイズ内容を「スタイルシート(style-user.css)」に追記します。使い方は、シャドーを設定したい画像に対してimgタグのclassに「shadow1」を追記します。幾つかシャドーのパターンを用意しておきたい場合は、「shadow1」のラベル名を変更して別パターンを設定すればOKです。シャドーを設定したい画像に対してimgタグのclassに「shadow1」を追記することで、任意にシャドーを設定することができます。逆にその追記を行わないとシャドーが表示されないため、過去のエントリー記事の画像ではシャドーが表示されないので注意が必要です。ここまでは記事中の画像に対して手動でシャドーを表示する使い方です。記事中の画像に対してデフォルトでシャドーを表示するカスタマイズ次に記事中の画像に対してデフォルトでシャドーの表示をするカスタマイズです。このカスタマイズ内容を子テーマの「functions.php」に追記します。shadow1';});これにより手動でimgタグのclassに「shadow1」を追記しなくても、自動で記事内の画像に対して「shadow1」が追記されるようになります。逆に記事中の画像に対してシャドーを付けたくない場合には、手動でclassに追記された「shadow1」を削除すればOKです。最後に今回のカスタマイズで、記事内の画像に対してシャドーを設定することができました。必要に応じて画像のシャドーが不要の場合は、簡単にシャドーを表示させないようにできます。記事中の画像にシャドーを表示させるだけで、見た目が随分と変わってくるお勧めのカスタマイズです。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。(3)サイト運営者masaaブログ歴20年目の弱小ブロガー。PCはMZ-80Cから始まりMZ-80B,PC-8001/8801/88VA/9801/9821/N/NS等を経て現在自作PCに夢中。THORで3つのウェブサイトを運営中。blogたっけーブログもう50年生きちゃったよ。(3)MASAa.net内を検索サイト運営者masaaブログ歴20年目の弱小ブロガー。PCはMZ-80Cから始まりMZ-80B,PC-8001/8801/88VA/9801/9821/N/NS等を経て現在自作PCに夢中。THORで3つのウェブサイトを運営中。blogたっけーブログもう50年生きちゃったよ。defined.")}))})()。