レッスン

ワードプレスのh2タグデザインが無い!?変更したい時の設定方法

こんにちはhikeyです。

本日レッスンにて回答できなかったお悩みで解決方法を見つけましたのでお伝えします。

 

TCDなどのテーマには見出しタグ(hタグ)の初期設定がありません

ワードプレスh2タグデザインが無い場合や変更したい時の設定方法をお伝えします。

 

ワードプレスh2デザイン設定

「外観」→「追加CSS」に記入

 

.news_headline1{

margin:80px 0 25px 0; border-left:8px solid #444; border-bottom:1px dotted #999; line-height:30px; font-size:1.2em; padding:0 0 0 14px;

}

 

今回は「news_headline1」にしてありますが、半角英数字ならなんでもOKです。

次のHTMLに合わせてください。

 

ちなに赤字のところを「サルワカ」のCSSコードに変更すると自分でいろいろ作れます。

「サルワカ」はこちら → サルワカ

HTMLを書き変える

本文編集のタブを「ビジュアル」から「テキスト」に変えます。

 

本文中のコード①をコード②に変更してください。

コード① <h2>ここに本文</h2>

コード② <h2 class="news_headline1">ここに本文</h2>

 

ひょっとしたらHTMLのコードを書き変えなくても、「h2」とか選べばできるかも・・

試してみてくださいね。

 

詳しくはTCDのホームページで説明されています。

hタグをプラグインで導入する方法とかも記載されているので、お試しください。

 

-レッスン