管理人:嶋耕作(しまこうさく)FacebooktwitterHatenaPocketWordPressのテーマによっては、見出しのタイトル部分(h1タグ)が見にくい場合があります。そんな時に、上の図のように吹き出しで囲ったりして、hタグを装飾すれば見やすくなります。今回はhタグをcssで装飾して見出し部分を見やすくする方法をご紹介します。応用すれば簡単にh2などのタグも装飾出来たり、オリジナルのタグをhタグ以外のタグを作ってデザインを反映させることもできます。関連記事CSSの装飾を選ぶこちらのサイトにサンプルがありますので、お好きなデザインを選んでコピーします。CSSで見出しタイトルのデザインに使えるシンプルなサンプルstyle.cssに貼り付ける先ほどコピーしたCSSのコードをstyle.cssファイルの一番下にペーストします。※ソースコードでh1と記述されている部分をh2に変えると、h2タグの部分のデザインが変わります。オリジナルのタグにした場合は、記事を書く時にテキスト表示にしてから<h>タグの内側にオリジナルタグを記述します。サイトタイトルやカテゴリーなど見出しタイトル以外の場所にもデザインが反映されてしまう場合の対処方法このような場合は、サイト内部のあちこちにhタグが使われていると考えられます。狙った場所以外もデザインが反映されてしまいますので、CSSにhタグを使わずオリジナルタグを使います。オリジナルタグの使い方(オリジナルタグの例)CSSのh1の部分をaaaと書き換えて、HTMLで装飾を反映したい文字を<aaa>ああああああああああああ</aaa>として囲います。固定ページや投稿ページから、ビジュアルではなくテキストで<h>タグの内側に記述します。(例)<h2><aaa>ああああああああああああ</aaa></h2>]]>いいね、シェア、フォロー歓迎!2020テーマは「自然から学び自然と共に生きる」@evahks最後まで読んでいただき、ありがとうございます。EVAHKS(エヴァークス)は、自由でクリエイティブな暮らしを応援するポータルサイトです。「期間限定無料FXトレード講座」を好評開催中。当サイト、FXカテゴリーを選ぶだけでいつでも自由に学習可能です。※感想や質問はコメント欄をご利用ください。this管理人:嶋耕作(しまこうさく)愛称は『相場の熊さん』の名で親しまれている。テクニカル分析のスペシャリストFX裁量トレーダー、作家、ライター。自然が好きで日本国内に山所有。20代前半に教育関連事業にて年商3億円達成。その後、死にかけて入院するが生還して丈夫になり、ITとFXを猛勉強して自由なライフスタイルを実現。トレードで小額資金から稼いだ最短最高額は8日間で元手10万円→500万円。群れずに思うまま生きる。穏やかな中に驚くような激しさも秘めており、揺らめく感情と磨き抜かれた鋭い感覚が共存している。