2017/08/20
sponsored link
バッジって何だ?
バッジっていうのは、こういうのです。↓
1 |
<span class="badge-red">参考</span> |
↑こんな風にspanタグでbadge-redというclassを付ければ、cssが当たるようにしています。
1 |
<span class="badge-green">参考</span> |
↑span-greenもあるので色を変えたかったら使ってください。
AddQuicktagプラグイン推奨
AddQuicktagというプラグインでタグ挿入ボタンを登録しておけば、ワンクリックでspanタグを挿入出来るので便利です。
例えば、「参考」というテキストの緑バッジを入力したかったら、
「参考」という文字を選択した状態でspan.badge-greenっていうボタンをクリックすると、
spanタグで挟んでくれます。
その横に、文字を入れると、
参考ワンクリックだぜ!
↑こういう感じになります。簡単ですね♪
AddQuicktagプラグインで使えるjsonファイルをご用意していますので、マテリアルの方はDLして使って下さい。
[wpdm_file id=2]
AddQuicktag用jsonファイルとは
※vdeepさんのサイトを参考にさせてもらいました。