ワードプレス

ワードプレス道 コピペで簡単に使えるおすすめ見出し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を使用してください。

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

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

続きを見る

 

ご購読ありがとうございました。

ビジネスにもブログにも使いやすいWordPressテーマ

「WING(AFFINGER5)」

SEOや収益化に効果的な機能が豊富

記事ごとにAMP化を選択可能

簡単に設置出来るランキング機能をはじめとしたアフィリエイトを始めやすい設計

お得にご購入はコチラ

  • この記事を書いた人
NAO

NAO

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

-ワードプレス

© 2021 TSUTAERU BLOG