ワードプレス

ワードプレス道 コピペで簡単に使えるおすすめ見出し7選を紹介

今回はワードプレスで簡単にコピペで使える見出しを紹介していきます。
コードがわからないけど使えますか?

 

はい! HTML/CSSがバラバラで設定が面倒などを解消したワードプレスで簡単に使える見出しになります。

 

ラインが入った見出し

 

★ここに文字を入力してください。

 

 

 

ラインの色を変更する場合は、

border-left: solid 5px #7db4e6;

下線部分をwebのカラーチャートからお好きな色を選び、
入れ替えてみてください。

 

縫い目が入った見出し

 

★ここに文字を入力してください。
 
 

 

背景色の変更は、

background: #dfefff;

点線色の変更は、

border: dashed 1px #96c2fe;

下線部分をwebのカラーチャートからお好きな色を選び、
入れ替えてみてください。

 

グラデーションの見出し

 

★ここに文字を入力してください。
 
 

 

2重線の見出し

 

★ここに文字を入力してください。
 
 

 

線の色を変更する場合は、

border-bottom: double 5px #FFC778;

下線部分をwebのカラーチャートからお好きな色を選び、
入れ替えてみてください。

 

 

線で囲む見出し

 

★ここに文字を入力してください。
 
 

 

線の色を変更する場合は、

border: solid 3px #364e96;

 

文字色を変更するのは、

color: #364e96;

 

下線部分をwebのカラーチャートからお好きな色を選び、
入れ替えてみてください。

 

 

背景色と下線の見出し

 

★ここに文字を入力してください。
 
 

 

背景色の変更は、

background: #eaf3ff;

 

下線の色を変更する場合は、

border-bottom: solid 3px #516ab6;

 

下線部分をwebのカラーチャートからお好きな色を選び、
入れ替えてみてください。

 

左線の見出し

 

★ここに文字を入力してください。
 
 

 

左線の色を変更主る場合は、

border-left: solid 5px #7db4e6;

下線部分をwebのカラーチャートからお好きな色を選び、
入れ替えてみてください。

 

カラーチャートはコチラ

 

今回はこの種類だけにしておきます。

ワードプレスで継続して使用する見出しはプラグインAddQuicktagを使用してください。

使い方は下記のページで分かりますので登録してお使いください⬇️

ワードプレス道 「機能編」囲み枠で記事の見た目を整えよう!!

続きを見る

 

ご購読ありがとうございました。
  • この記事を書いた人
NAO

NAO

NAOです。 DTPデザイナー、ワードプレスを愛するWEBデザイナー// 世の中のお得な情報、DTP、WEB、ブログに関して発信してまいります。 「使用ソフト」Illustrator Photoshop DreamWEAVER「使用プログラミング」HTML/CSS/ワードプレス/Jquery/PHP 「企業実績」販売促進に関係するアイテム作成 実績多数 「個人実績」 ココナラ 名刺作成・ロゴ作成 400件以上 広告 50件以上 販売実績

-ワードプレス

© 2024 TSUTAERU BLOG