ワードプレスにコピペで簡単バッジ（CSS不要）関連・参考・あわせて読みたい・出典・おすすめ

このサイトは、WordPressテーマ「スワロー」を使っています。いました。

→　WordPressテーマ「スワロー」


あわせて読みたい　参考　LINK　サイト

このような　↑　バッジがあると見栄えもいいし、目立って読みやすくなりますよね。

HTMLとCSSを使ってバッジや背景色を出す方法もありますが、

ここでは、簡単にコピペで使えるバッジ
（HTML内でスタイルを直接指定する方法）を書いています。

コピペで使えるバッジ　　

HTML内でコピペするだけで使えるバッジです。

関連記事　←関連記事のバッジをだすには、

 

これを　↓　コピペ

 

あわせて読みたい　←あわせて読みたいのバッジをだすには、

 

これを　↓　コピペ

 

LINK　←LINKのバッジをだすには、

 

これを　↓　コピペ

 

参考　←参考のバッジをだすには、

 

これを　↓　コピペ

 

出典　←出典のバッジをだすには、

 

これを　↓　コピペ

 

参照　←参照のバッジをだすには、

 

これを　↓　コピペ

 

サイト　←サイトのバッジをだすには、

 

これを　↓　コピペ

 

公式　←公式のバッジをだすには、

 

これを　↓　コピペ

 

オススメ　←オススメのバッジをだすには、

 

これを　↓　コピペ

 

ピックアップ　←ピックアップのバッジをだすには、

 

これを　↓　コピペ

 

PR　←PRのバッジをだすには、

 

これを　↓　コピペ

 

背景色

背景色です。
マーカーのような使い方もできます。言葉を入れて使ってください。

このように、ここの色だけをかえて　みましょう。


背景色を　ピンク　にするには、

 

これを　↓　コピペ

 

背景色を　むらさき　にするには、

 

これを　↓　コピペ

 

背景色を　あお　にするには、

 

これを　↓　コピペ

 

背景色を　グレー　にするには、

 

これを　↓　コピペ

 

背景色を　きいろ　にするには、

 

これを　↓　コピペ

 

背景色を　そらいろ　にするには、

 

これを　↓　コピペ

 

背景色をみどり　にするには、

 

これを　↓　コピペ

 

バッジの作り方

このようなバッジ→　関連記事　

だけでなく、

マーカーのように背景色→　背景色をつけたい時　にも使えます。

 

<span style=”　　”>　の中に、背景色や文字色の指定を入れて作ります。

 

 

 

例えば　関連記事　のようなバッジを作る時は、

 

このように　↓

なります。

 

背景色を黒にするには、

 

このように　↓　

なります。

 

バッジを作る方法とおなじように、背景色ができます。

背景色で目立たせたり、楽しいバッジを作ってみましょう。

 

あわせて読みたい