自宅内ネットワーク構成Geartics(ギアティクス)アマゾンほしい物リストSNSXInstagramYouTubeフォト蔵mixi問い合わせ問い合わせプライバシーポリシー(確認事項)このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。Pinterest2019.07.11この記事は約3分で読めます。THOR(ザ・トール)を使って構築しています。THOR(ザ・トール)は、アーカイブページのレイアウト設定(【アーカイブ設定[THE]】→【コントローラー設定】→【レイアウト切替ボタンの設定】)として、ワイドレイアウト(default)カードレイアウトノーマルレイアウトの3種類から設定することができます。ZMASAa.blogは、2019年1月1日に運営して以来、これまでdefaultの「ワイドレイアウト」に設定して使ってきました。【レイアウト切替ボタンを表示するか選択】の設定は「非表示(default)」にしていたため、閲覧者が他のレイアウトに切り替えることは不可能で「ワイドレイアウト」固定の表示となります。最近になって「ワイドレイアウト」に飽きてきたのとアイキャッチのサイズが大きすぎると思い、アーカイブレイアウトの設定を「ワイドレイアウト」から「ノーマルレイアウト」に変更してみました。「ノーマルレイアウト」に変更したことで、気になったことが幾つか出てきたので、それらを改善してみたいと思います。THOR(ザ・トール)の「アーカイブページのアイキャッチ」に関するカスタマイズについてまとめてみました。THOR(ザ・トール)の「アーカイブページのアイキャッチ」の表示は次の様になっています。「ノーマルレイアウト」にしたことで一番最初に気になった点は、アイキャッチが角張っていることです。「ワイドレイアウト」時のアイキャッチは大きかったので気にならなかったのですが、「ノーマルレイアウト」に変更したことでアイキャッチが小さくなり、気になるようになってしまいました。言う事で、この点について改善するカスタマイズを行ってみました。アーカイブページのアイキャッチのカスタマイズ「アーカイブページのアイキャッチ」のカスタマイズを行います。「アーカイブページのアイキャッチ」のカスタマイズは、下記の通りです。このカスタマイズ内容をthe-thor-childフォルダ内の「スタイルシート(style-user.css)」に追記します。/*角丸コーナー*/}カスタマイズ後のアーカイブページのアイキャッチ今回の「アーカイブページのアイキャッチ」のカスタマイズによって、「アーカイブページのアイキャッチ」の表示は次の様になりました。今回の「アーカイブページのアイキャッチ」のカスタマイズは、アイキャッチに対し角丸を設定してみました。最後に今回は「アーカイブページのアイキャッチ」に対し角丸を設定しただけの簡単なカスタマイズとなります。これによりアイキャッチが柔らかい雰囲気の表示となったことで、アーカイブページが見やすくなったのではないでしょうか。今回のカスタマイズは「ノーマルレイアウト設定のアーカイブページ」時のアイキャッチだけでなく、「ワイドレイアウト設定のアーカイブページ」「カードレイアウト設定のアーカイブページ」時のアイキャッチに対しても有効となります。THOR(ザ・トール)の「ノーマルレイアウト設定のアーカイブページ」について改善を行っていきたいと思います。コメントをキャンセルメールアドレスが公開されることはありません。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.")}))})()。