賢威6.2 ワードプレス 見出し hタグ デザイン 簡単 変える

 

賢威6.2 やワードプレスでの見出し（hタグ）デザインは

記事を作成する際には必ず使用するもので、

非常に重要なデザインですね。

 

 

しかし、

多くのサイトを見るとデフォルトのまま

利用している方が非常に多いです。

 

 

その理由は

『変更するのが難しそうだから』

という事が非常に大きいです。

 

 

よって、

今回は簡単に他の賢威のサイトとは違う見出しデザインを

設定する方法と、すぐに使えるhタグデザインを紹介します。

 

 

 

賢威6.2 ワードプレス見出し（hタグ）デザインの変更方法

 

 見出しの変更はワードプレスの管理画面より、

『外観』⇒『テーマ編集』とすすみ

『design.css』を選択します。

 

 

そして

 

 

 

 

より下の部分が記事内で使用する

h2～h5のデザインを決めています。

 

 

これから紹介していくCSSコードを

各タグに設定していきます。

 

 

例えばh2タグを変更したい場合は、

 

 

 

の中の

 

 

 

から下の部分を全て差し替えていけばOKです。

 

 

h3タグ以降も同じように変更していけば

反映されます。

 

 

それでは

おすすめの見出しデザインを紹介していきます。

 

 

 

おすすめ賢威見出しデザイン21種紹介

賢威でそのままコピーして貼り付けを行なうことで、

すぐに利用することの出来るコードを紹介していきます。

 

 

デフォルトでは最も変更を行う可能性が高いであろう、

h3タグの変更を想定してコードを作成していますが、

それ以外のタグに関しても『h3』の箇所を変更することで、

使用していくことができますので、活用して下さい。

デザイン　斜め　テープ

 

 

 

 

デザイン　斜め　リボン

 

 

 

 

デザイン　吹き出し

 

 

 

 

デザイン　吹き出し2 

 

 

 

 

デザイン　ボックス

 

 

 

 

デザイン　メタル

 

 

 

 

デザイン　旗

 

 

 

 

デザイン　折り返し

 

 

 

 

デザイン　縦棒

 

 

 

 

デザイン　前後グラデーション

 

 

 

 

シンプル　二重四角

 

 

 

 

シンプル　左バー

 

 

 

 

シンプル　角丸

 

 

 

 

シンプル　下線

 

 

 

 

シンプル　吹き出し　背景色有り

 

 

 

 

シンプル　グラデーション

 

 

 

 

シンプル　背景灰色

 

 

 

 

シンプル　吹き出し　影

 

 

 

 

シンプル　斜め線

 

 

 

 

シンプル　二重丸

 

 

 

 

シンプル　丸

 

 

 

 

いかがだったでしょうか、

これらのデザインを駆使していけば、

様々なイメージのサイトに合わせていくことが出来ると思います。

 

 

 

是非参考にして他のサイトとの差別化をはかってくださいね。

 

 

また、

賢威6.2の全パーツカスタマイズ一覧まとめページを作成しましたので、

他の箇所をカスタマイズされたい場合は一度見てみて下さいね。

 

⇒賢威6.2【全カスタマイズを一覧まとめ】ワードプレステンプレート