自宅内ネットワーク構成Geartics(ギアティクス)アマゾンほしい物リストSNSXInstagramYouTubeフォト蔵mixi問い合わせ問い合わせプライバシーポリシー(確認事項)このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。Pinterest2020.01.17この記事は約2分で読めます。THOR(ザ・トール)を使って構築しています。THOR(ザ・トール)での「Prev/Nextのアイキャッチ画像」のカスタマイズについてまとめてみました。今回「Prev/Nextのアイキャッチ画像」のカスタマイズを行ってみました。現在の「Prev/Nextのアイキャッチ画像」のスタイルは下記の通りです。問題の無い「Prev/Nextのアイキャッチ画像」ですが、他のアイキャッチ画像とあわせたスタイルにカスタマイズしたいと思います。Prev/Nextのアイキャッチ画像のカスタマイズ「Prev/Nextのアイキャッチ画像」のカスタマイズを行います。「Prev/Nextのアイキャッチ画像」のカスタマイズ内容は、下記の通りです。「スタイルシート(style-user.css)」を開き、今回のカスタマイズ内容を追記します。今回のカスタマイズによって、「Prev/Nextのアイキャッチ画像」のデザインは次にようになりました。「Prev/Nextのアイキャッチ画像」に対して、シャドー(影)を付けて立体感を出してみました。アイキャッチ画像のコーナーに対してアールを付けてみました。THOR(ザ・トール)の全アイキャッチ画像(「エントリー記事カードのアイキャッチ画像」「関連記事のアイキャッチ画像」「Prev/Nextのアイキャッチ画像」)に対して共通のスタイルが確立できました。これでサイト全体に統一感が出てアイキャッチ画像が見やすくなりました。コメントをキャンセルメールアドレスが公開されることはありません。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.")}))})()。