自宅内ネットワーク構成Geartics(ギアティクス)アマゾンほしい物リストSNSXInstagramYouTubeフォト蔵mixi問い合わせ問い合わせプライバシーポリシー(確認事項)このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。Pinterest2021.07.31この記事は約11分で読めます。Cocoonを使って構築しています。THORに関するカスタマイズ、自作PC、ガジェット、デスク環境に関する情報発信サイトです。Cocoonでの「見出し(h1〜h6タグ)」のカスタマイズ5回目についてまとめてみました。Cocoonの「見出し(h1〜h6タグ)」のカスタマイズについては、過去にも行ってきました。Cocoonでの4回目となる「見出し(h1~h6タグ)」のカスタマイズについてまとめてみました。今回のカスタマイズでは「見出し1(h1タグ)」と「見出し2(h2タグ)」のスタイルを変更して差別化しました。Cocoonの見出しについては以前にも2度ほどカスタマイズを行ってきました。今回「見出し1タイトル(h1タグ)」~「見出し4(h4タグ)」に対して、改めて見出しが分かりやすくなるようなデザインに変更してみました。masaa.net2019.12.12【Cocoon】見出し(h1〜h4タグ)を再カスタマイズする見出しについては、以前「【Cocoon】見出し(h1〜h6タグ)をカスタマイズする」のエントリー記事でカスタマイズを行いましが、今回「見出し1(h1タグ)」~「見出し(h4タグ)」に対して少しだけ折り目のデザインを付けてみました。masaa.net2019.01.24【Cocoon】見出し(h1〜h6タグ)をカスタマイズするブログを書く際の見やすさとして重要になるのが「見出し」です。「見出し」は新しくまとまった文章を書き始める最初に設定します。ブログ記事の項目として重要となる【見出し1~6(h1~h6タグ)】のカスタマイズについて書いたエントリー記事です。masaa.net2018.10.23現在の「見出し(h1~h6タグ)」のスタイルは、次の様になっています。この「見出し(h1~h6タグ)」のスタイルも飽きてきたので、もう少し分かりやすい「見出し(h1~h6タグ)」のスタイルに変更したいと思います。Cocoonでの「見出し(h1〜h6タグ)」のカスタマイズ5回目を行います。「見出し1タイトル(h1タグ)」~「見出し6(h6タグ)」のカスタマイズ内容は、下記の通りです。「スタイルシート(style.css)」を開き、今回のカスタマイズ内容を既存の「見出し1タイトル(h1タグ)」~「見出し6(h6タグ)」に上書きします。#ffddee;}「スタイルシート(style.css)」を開き、下記のカスタマイズ内容が存在しなければ追記します。}}カスタマイズ後の見出し(h1〜h6タグ)今回のカスタマイズによって「見出し(h1〜h6タグ)」は、次の様になりました。今回のカスタマイズでは、「見出し(h1〜h6タグ)」に丸みを付けたスタイルにしました。良く使われる「見出し3(h3タグ)」と「見出し4(h4タグ)」については左側に大きく丸みを付けて他とは差別化してみました。「見出し1(h1タグ)」と「見出し2(h2タグ)」は点滅のギミックを継続し、「見出し1(h1タグ)」のみシャドー(影)を付けました。「見出し5(h5タグ)」は他と同じ背景を採用し、こちらは逆にシャドー(影)を無くしました。「見出し6(h6タグ)」はほとんど使うことがないので、スタイルに変更はありません。この「見出し(h1〜h6タグ)」のスタイルは記事をスクロールさせても分かりやすいでしょう。最後に基本的な見出しのスタイルはこれまで通りですが、サイトデザインに損なわない見出しになったと思います。当面はこの見出しスタイルを採用していきます。cocoonのh1~4のタグを変えたくて来ました。よろしければ、今現在、貴サイトのスタイルシートのコードを教えていただけないでしょうか?青色のかっこいいやつ。記事になっているものは、ピンクの女性っぽいのになります。PMMASAa.netをご覧頂きありがとうございます。取り急ぎ記事として掲載してみましたので、ご参照ください。コメントをキャンセルメールアドレスが公開されることはありません。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.")}))})()。