知ってると便利！Simplicity内蔵の文章修飾用のスタイル

Simplicity内蔵の文章修飾用のスタイル

Simplicity の CSSフォルダ内の extension.css に書かれている文章修飾用のスタイルを偶然見つけましたので、紹介します。文章を目立たせたい、強調表示したい時などに便利です。

これはサンプルページです。（class=”sp-primary”）

これはサンプルページです。（class=”sp-success”）

これはサンプルページです。（class=”sp-info”）

これはサンプルページです。（class=”sp-warning”）

これはサンプルページです。（class=”sp-danger”）

これはサンプルページです。（class=”left_balloon”）

これはサンプルページです。（class=”right_balloon”）

これはballoon用の回り込み解除です。（class=”clear_balloon”）

【使用例】

WordPressのHTMLエディターにタグボタンとして登録

良く使いそうなものを、WordPressのHTMLエディターに、スタイル付きPタグ「＜p class=”sp-warning”＞＜/p＞」としてボタン登録しておけば手軽に使えます。登録の方法はこちらを参照して下さい。