記事を作成する時に使用できる「ラベル」や「ボックス」などのスタイル。
今回は、スタイルセットの一覧を作ってみました。
はじめからセットされているパーツやカラーセットについては、こちらの記事を参考にしてください。
WordPressのテーマ「THE THOR」では、あらかじめ投稿編集時に使用できるスタイルがセットされています。そのため、HTMLやCSSがわからない方でも、記事を装飾することができるようになります。 インストール直後からすぐに使え[…]
THORの投稿エディタには、マーカー、ラベル、ボタン、ボックスのスタイルが用意されています。CSSがわからない方でも、使用したいアイテムを順番に選んでいくだけで、投稿記事内に設置することができます。 今回は、スタイル使用時のカラーを変[…]
サイズ系
サイズ系は全部で8種類。横幅を超える文字列は、右端で折り返されます。(ベースのスタイルは、ボックスを使用しています)
内側余白系
内側余白系は、「余白0」と上下左右にそれぞれ「極小」「小」「中」「大」の設定ができます。
外側余白系
外側余白系も内側余白系と同じ種類があります。
「あいうえおかきくけこ」行間が詰まっていますね。
「あいうえおかきくけこ」
「あいうえおかきくけこ」
「あいうえおかきくけこ」
「あいうえおかきくけこ」
「あいうえおかきくけこ」
「あいうえおかきくけこ」
「あいうえおかきくけこ」
「あいうえおかきくけこ」
ボーダー系
ボーダーの種類は、「実線」「破線」「点線」から選ぶことができます。ボーダーの位置は、上下左右のすべて、下のみ、左のみから選択します。
実線
破線
点線
文字系
文字の位置やサイズの調整などを行います。
シャドウ系
ボックスやテキストに影をつけることができます。
テキストシャドウ(ライト)
テキストシャドウ(ノーマル)
テキストシャドウ(ダーク)
角丸系
四角を丸くします。
背景系
背景にグラデーションを付けたり、方眼模様にすることができます。
ラベルパーツ専用
ラベルを設置している場合にのみ、使用することができるパーツです。
ボックス内に設置したラベルを左上に配置することができます。
ラベルの左側が丸くなります。
ラベルの右側が丸くなります。
アイコンを設置しただけのラベル
余白などを設定すると以下のとおり。
アイコン(余白)
アイコン(ボーダー)
アイコン(ボックス)
アイコン(サークル)
ボタンパーツ専用
ボタンパーツを設置したときに使うことができます。
ボックスパーツ専用
ボックスを設置したときに使用できるパーツです。
ボックス内に設置したボックスを上部に配置することができます。
アイコンを背景に配置する。