自宅内ネットワーク構成Geartics(ギアティクス)アマゾンほしい物リストSNSXInstagramYouTubeフォト蔵mixi問い合わせ問い合わせプライバシーポリシー(確認事項)このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。Pinterest2020.12.17この記事は約9分で読めます。THOR(ザ・トール)を使って構築しています。THOR(ザ・トール)での3回目となる「見出し(h1~h5タグ)」のカスタマイズについてまとめてみました。THOR(ザ・トール)の「見出し(h1~h5タグ)」についてはカスタマイズを行ってきました。THOR(ザ・トール)の見出しについては以前にもカスタマイズを行ってきました。今回「見出し1タイトル(h1タグ)」~「見出し4(h4タグ)」に対して、改めて見出しが分かりやすくなるようなデザインに変更してみました。THOR(ザ・トール)の「見出し(h1〜h5タグ)」のカスタマイズについてまとめてみました。今回のカスタマイズで見出しh1もデザインしたことで「見出し(h1〜h5タグ)」に対してデザインの統一性が出ました。masaa.net2019.04.04現在の「見出し(h1~h5タグ)」のスタイルは下記の通りとなっています。「見出し(h1タグ)」~「見出し(h4タグ)」まで共通のデザインで、「見出し(h5タグ)」のみ中央揃えのスタイルにしています。それぞれの「見出し(h1~h5タグ)」には、キラッと光る装飾も施しています。問題の無い「見出し(h1~h5タグ)」なのですが、少し飽きてしまったのと全て似たようなスタイルなので今回「見出し1(h1タグ)」と「見出し2(h2タグ)」に対して若干スタイルを変更して差別化するカスタマイズを行ってみたいと思います。THOR(ザ・トール)での3回目となる「見出し(h1〜h5タグ)」のカスタマイズを行います。カスタマイズ内容3回目の「見出し(h1〜h5タグ)」カスタマイズの内容は下記の通りです。「スタイルシート(style-user.css)」を開き、下記のカスタマイズ内容を以前カスタマイズを行った「見出し設定(h1~h5)」に上書きします。/*シャドー*/}「スタイルシート(style-user.css)」を開き、下記のカスタマイズ内容を追記します。1;}}カスタマイズ後の見出し(h1〜h5タグ)今回のカスタマイズによって、「見出し(h1〜h5タグ)」のスタイルは次の様になりました。「見出し1(h1タグ)」と「見出し2(h2タグ)」に対し、サイズの変更と左側に縦バーを設置し点滅するスタイルにしました。最後に基本はこれまでのスタイルの流れですが、縦バーを点滅することで記事中の重要な「見出し1(h1タグ)」と「見出し2(h2タグ)」に対して差別化を図ることが出来たと思います。コメントをキャンセルメールアドレスが公開されることはありません。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.")}))})()。