知ってると便利！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＞」としてボタン登録しておけば手軽に使えます。登録の方法はこちらを参照して下さい。

子テーマを利用してHTMLエディターにタグや定型文のボタンを追加する方法

クイックタグとは WordPressで原稿を作成する時に、HTMLエディターに記事内でよく使う見出しなどのタグをボタン（クイックタグ）とし...

wp.kikuchisan.net

2017-05-29 05:16