2020年1月30日より、サイトURLを「kohamama.com」から「mammaridea.net」へ変更しました。
THORのスタイルセットを一覧にしてみました

THOR エディタのスタイルセットを一覧にしました

THORのスタイルセットを一覧にしてみました

記事を作成する時に使用できる「ラベル」や「ボックス」などのスタイル。

今回は、スタイルセットの一覧を作ってみました。

はじめからセットされているパーツやカラーセットについては、こちらの記事を参考にしてください。

 

関連記事

WordPressのテーマ「THE THOR」では、あらかじめ投稿編集時に使用できるスタイルがセットされています。そのため、HTMLやCSSがわからない方でも、記事を装飾することができるようになります。インストール直後からすぐに使え[…]

THORでセットされているデフォルトのスタイル一覧
関連記事

THORの投稿エディタには、マーカー、ラベル、ボタン、ボックスのスタイルが用意されています。CSSがわからない方でも、使用したいアイテムを順番に選んでいくだけで、投稿記事内に設置することができます。今回は、スタイル使用時のカラーを変[…]

 

サイズ系

サイズ系は全部で8種類。横幅を超える文字列は、右端で折り返されます。(ベースのスタイルは、ボックスを使用しています)

サイズ10%
サイズ25%
サイズ40%
サイズ50%
サイズ60%
サイズ75%
サイズ90%
サイズ100%
サイズ設定なし

 

内側余白系

内側余白系は、「余白0」と上下左右にそれぞれ「極小」「小」「中」「大」の設定ができます。

 

デフォルトのボックス
余白0
トップ(極小)
トップ(小)
トップ(中)
トップ(大)

 

(極小)ライト
(小)ライト
(中)ライト
(大)ライト

 

ボトム(極小)
ボトム(小)
ボトム(中)
ボトム(大)

 

レフト(極小)
レフト(小)
レフト(中)
レフト(大)

 

外側余白系

外側余白系も内側余白系と同じ種類があります。

デフォルトのボックス

 

「あいうえおかきくけこ」行間が詰まっていますね。

余白0

「あいうえおかきくけこ」

トップ(極小)

「あいうえおかきくけこ」

トップ(小)

「あいうえおかきくけこ」

トップ(中)

 


「あいうえおかきくけこ」

トップ(大)

 


ライト(極小)
ライト(小)
ライト(中)
ライト(大)

 


ボトム(極小)

「あいうえおかきくけこ」

 


ボトム(小)

「あいうえおかきくけこ」

 


ボトム(中)

「あいうえおかきくけこ」

 


ボトム(大)

「あいうえおかきくけこ」

 


レフト(極小)
レフト(小)
レフト(中)
レフト(大)

 

ボーダー系

ボーダーの種類は、「実線」「破線」「点線」から選ぶことができます。ボーダーの位置は、上下左右のすべて、下のみ、左のみから選択します。

実線

オール実線(細)
オール実線(中)
ボトム実線(細)
ボトム実線(中)
レフト実線(細)
レフト実線(中)

 

破線

オール破線(細)
オール破線(中)
ボトム破線(細)
ボトム破線(中)
レフト破線(細)
レフト破線(中)

 

点線

オール点線(細)
オール点線(中)
ボトム点線(細)
ボトム点線(中)
レフト点線(細)
レフト点線(中)

 

文字系

文字の位置やサイズの調整などを行います。

位置(左)
位置(中央)
位置(右)
サイズ(小) サイズ(大) サイズ(極大)
太字 斜体 打ち消し アンダーライン

シャドウ系

ボックスやテキストに影をつけることができます。

デフォルト
ボックス外(ライト) ボックスの外側に薄い影が付きます。
ボックス外(ノーマル)
ボックス外(ダーク) ボックスの外側に濃いめの影が付きます。
ボックス内(ライト)ボックスの内側に薄い影が付きます。
ボックス内(ノーマル)
ボックス内(ダーク)ボックスの内側に濃いめの影がつきます。

テキストシャドウ(ライト)
テキストシャドウ(ノーマル)
テキストシャドウ(ダーク)

 

 角丸系

四角を丸くします。

デフォルト
角丸(5px)
角丸(10px)
ラウンド

 

背景系

背景にグラデーションを付けたり、方眼模様にすることができます。

デフォルト
グラデーション1
グラデーション2
方眼用紙

 

ラベルパーツ専用

ラベルを設置している場合にのみ、使用することができるパーツです。

 

コーナータイトル(ボックス内)
ボックス内に設置したラベルを左上に配置することができます。

 

ラウンド左

ラベルの左側が丸くなります。

 

ラウンド右

ラベルの右側が丸くなります。

 

アイコンを設置しただけのラベル
余白などを設定すると以下のとおり。

アイコン(余白)

アイコン(ボーダー

アイコン(ボックス)

アイコン(サークル)

 

ボタンパーツ専用

ボタンパーツを設置したときに使うことができます。

立体のボタン

薄影のボタン

薄影+光のボタン

右矢印のボタン

アイコン(余白)

アイコン(ボーダー)

アイコン(ボックス)

アイコン(サークル)

 

ボックスパーツ専用

ボックスを設置したときに使用できるパーツです。

 

全域タイトル(ボックス内)

ボックス内に設置したボックスを上部に配置することができます。

カギ括弧
めくり(左)
めくり(右)
はてなマーク
ビックリマーク
Qマーク
Aマーク

 

サブタイトル(シンプル)
サブタイトル(角丸)
サブタイトル(ラウンド)

 

アイコン(シンプル)
アイコン(背景)
アイコンを背景に配置する。
アイコン(帯)
アイコン(コーナー)
アイコン(サークル)

 

スポンサーリンク