ブログ用WordPressテーマ マテリアル

無料の割に高機能なブログ用WordPressテーマ マテリアルについての解説サイトです

Home » 更新情報 » 赤バッジ、緑バッジを追加したマテリアル2.6を公開

赤バッジ、緑バッジを追加したマテリアル2.6を公開

time 2015/09/09

sponsored link

バッジって何だ?

 バッジっていうのは、こういうのです。↓
badge

↑こんな風にspanタグでbadge-redというclassを付ければ、cssが当たるようにしています。

↑span-greenもあるので色を変えたかったら使ってください。

AddQuicktagプラグイン推奨

 AddQuicktagというプラグインでタグ挿入ボタンを登録しておけば、ワンクリックでspanタグを挿入出来るので便利です。

例えば、「参考」というテキストの緑バッジを入力したかったら、
badge2
「参考」という文字を選択した状態でspan.badge-greenっていうボタンをクリックすると、

badge3
spanタグで挟んでくれます。

badge4
その横に、文字を入れると、

参考ワンクリックだぜ!

↑こういう感じになります。簡単ですね♪

 AddQuicktagプラグインで使えるjsonファイルをご用意していますので、マテリアルの方はDLして使って下さい。
[wpdm_file id=2]
AddQuicktag用jsonファイルとは
 
 

※vdeepさんのサイトを参考にさせてもらいました。

Screenshot of vdeep.net

CSSでリンク横に「参考・LINK」バッヂをつけてみよう | vdeep

sponsored link

down

コメントする



CAPTCHA


更新情報

マテリアルの使い方

お役立ち情報

サーバー関連

信頼できるサーバー第1位

管理人

Nobuo_CREATE

Nobuo_CREATE

WordPressテーマPrincipleを作ったり、Androidアプリを作ったり、Java入門サイトを作ったり、本を書いたりしています。どうぞよろしく。