THE THORの装飾・スタイルデザイン一覧

THE THORのテンプレートで使用できる装飾・スタイルデザインのサンプル一覧です。

主に記事入力時に文字を装飾できるマーカーやラベル、ボックスの他、プリセットから吹き出しや口コミ、レビューボックスなどを一覧にしてみました。

THE THORでは、WordPressの投稿画面上タブから簡単にそれぞれの装飾を行うことができます。

マーカー

THE THORのマーカーはデフォルトで太マーカー、中マーカー、細マーカーの３サイズと、レッド、ブルー、イエロー、ピンク、グリーン、グレーの6色が用意されています。

太マーカー

マーカー（太）レッド

マーカー（太）ブルー

マーカー（太）イエロー

マーカー（太）ピンク

マーカー（太）グリーン

マーカー（太）グレー

中マーカー

マーカー（中）レッド

マーカー（中）ブルー

マーカー（中）イエロー

マーカー（中）ピンク

マーカー（中）グリーン

マーカー（中）グレー

細マーカー

マーカー（細）レッド

マーカー（細）ブルー

マーカー（細）イエロー

マーカー（細）ピンク

マーカー（細）グリーン

マーカー（細）グレー

ラベル

THE THORのラベルでは以下のデザインがデフォルトで登録してあります。他にも自由にカスタマイズしたラベルを１０個まで登録しておくことができます。

角丸レッドラベル

シンプルボーダーラベル

ライム左ラウンドラベル

ブルーボーダーラウンドラベル

丸アイコンオレンジラベル

ピンクアイコンラベル

四角アイコンラベル

破線ボーダーアイコンラベル

ビッグ右ラウンドブルーラベル

ターコイズグラデ右寄せラベル

ボックス

ボックスへの文字入力は、エンターキー改行で別枠となりますが、Shift+Enterで枠内改行することができます。

ボックス内ボックス

ボックス内ボックスは、ボックスの組み合わせによりデザインの幅を広げることができます。

デフォルトでセットされているボックス以外にも、オリジナルでボックスを作ることができます。

吹き出し

スタイル横にあるプリセットパーツから２セットの吹き出しデザインが用意されています。

• アイコン設定
• 名前の設定
• 背景の色
• 枠の色
• テキスト色

スコアボックス

スコアボックスのタイプは、最終行（レッド）（ブルー）（イエロー）（ピンク）（グリーン）（グレー）の6種類。カスタマイザーでその他のデザインも変更することができます。

口コミボックス

THE THORにプリセットされている「口コミボックス」は、商品やサービスのレビューを掲載するためのボックスです。口コミボックスは、商品やサービスの魅力をより伝え、ユーザーの購買意欲を高めるために効果的なコンテンツです。このボックスには、地域や名前、年齢、口コミを入力することができます。

口コミ背景（カラー）

口コミボックスボーダー（カラー）

背景部分が白でボーダーカラーを設定できるボックスです。

レビューボックス

レビューボックスは、商品やサービスの購入を検討しているユーザーにとって、重要な情報源です。レビューを読むことで、ユーザーは商品やサービスの魅力をより深く理解することができます。また、レビューボックスに掲載されているレビューは、ユーザーの購買意欲を高めるために効果的です。

レビューを読むことで、ユーザーは商品やサービスが自分に合っているかどうかを判断することがでそうですね。THE THORでは星マークがデフォルトでデザインされています。

背景スタイル

ボーダースタイル

アコーディオンボックス

アコーディオンボックスは、閉じているボックスの「+」マークをくりっくするとボックスが開くパーツです。

背景スタイル

アコーディオン　背景スタイル

Hこのエリアにレビュー本文を記入します。

ボーダースタイル

アコーディオン　ボーダースタイル

Hこのエリアにレビュー本文を記入します。

以上、THE THORにデフォルトでセットされている、スタイル・プリセットパーツの一覧を紹介させていただきました。

効果的に使えば、記事を装飾したり、重要な部分を目立たせたり、見やすくしたり有効的に活用できそうです。

さらに、カスタマイズ機能を使えば、cssをいじることなくバリエーションを広げられます。

詳しくは、THE THOR公式ページより、詳細・デモページの紹介をチェックしてみてください。