【THE THORパーツ見本】ボックス・見出し・ボタン・吹き出しなど184種類

初心者さん
初心者さん

・THE THORは、どんな記事装飾パーツが使える?

・ボックス・見出し・ボタンのデザインや色が知りたい。

 

Chiharu
Chiharu

記事を見やすく効果的に伝えるために必要な記事装飾。

THE THORは184種類の記事装飾パーツがデフォルトで備わっています。

今回は、THE THORデフォルトの記事装飾パーツについてお伝えします。

 

THE THORで使える記事装飾パーツ一覧

 

THE THORのデフォルトで備わっている記事装飾パーツを一覧にしました。色・デザインなど参考になさってください。

 

・マーカー 18種類
・ラベル 10種類
・ボタン 10種類
・ボックス 10種類
・ボックス内ボックス 10種類
・区切り線 3種類
・吹き出し 4種類
・スコアボックス 6種類
・口コミボックス 12種類
・レビューボックス 2種類
・アコーディオンボックス 2種類
・共通ボタン 9種類
・見出し 53種類
・リスト・番号付きリスト 16種類
・引用 7種類
・テーブル
・シェアボタン 11種類

 

THE THORのマーカー18種類

 

マーカー太レッド
マーカー太ブルー
マーカー太イエロー
マーカー太ピンク
マーカー太グリーン
マーカー太グレー
マーカー中レッド
マーカー中ブルー
マーカー中イエロー
マーカー中ピンク
マーカー中グリーン
マーカー中グレー
マーカー細レッド
マーカー細ブルー
マーカー細イエロー
マーカー細ピンク
マーカー細グリーン
マーカー細グレー

 

THE THORのラベル10種類

 

角丸レッドラベル

ライム左ラウンドラベル

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

四角アイコンラベル

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

シンプルボーダーラベル

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

ピンクアイコンラベル

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

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

 

THE THORのボタン10種類

 

 

THE THORのボックス10種類

 

はてなボックス・ビックリボックス・Qボックス・Aボックスのアイコンの色はカスタマイズしたものになります。

 

サブタイトルボーダーボックス
BIG括弧ボックス
方眼ペーパーボックス
はてなボックス
ビックリボックス
Qボックス
Aボックス
シンプルアイコンボックス
背景アイコンボックス
帯アイコンボックス

 

THE THORのボックス内ボックス10種類

 

ボックスには、方眼ペーパーボックスを使っています。はてなボックス・ビックリボックス・Qボックス・Aボックスのアイコンの色はカスタマイズしたものになります。

 

ターコイズグラデタイトル
アイコンボーダータイトル
ブルーシャドウタイトル
サブタイトルボーダーボックス
BIG括弧ボックス
方眼ペーパーボックス
はてなボックス
ビックリボックス
Qボックス
Aボックス

 

THE THORの区切り線3種類

 

実線


破線


点線


 

THE THORの吹き出し4種類

 

吹き出しの画像・線色は、カスタマイズしたものになります。

 

初心者さん
Name
左画像(背景スタイル)
初心者さん
Name
左画像(背景スタイル)
初心者さん
Name
左画像(背景スタイル)
初心者さん
Name
左画像(背景スタイル)

 

THE THORのスコアボックス6種類

 

項目名 3.5
項目名 3.5
項目名 3.5
項目名 3.5
総合 3.5

最終行(レッド)

項目名 3.5
項目名 3.5
項目名 3.5
項目名 3.5
総合 3.5

最終行(ブルー)

項目名 3.5
項目名 3.5
項目名 3.5
項目名 3.5
総合 3.5

最終行(イエロー)

項目名 3.5
項目名 3.5
項目名 3.5
項目名 3.5
総合 3.5

最終行(ピンク)

項目名 3.5
項目名 3.5
項目名 3.5
項目名 3.5
総合 3.5

最終行(グリーン)

項目名 3.5
項目名 3.5
項目名 3.5
項目名 3.5
総合 3.5

最終行(グレー)

 

THE THORの口コミボックス12種類

 

背景(レッド)

東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。


東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。

背景(ブルー)

東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。


東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。

背景(イエロー)

東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。


東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。

背景(ピンク)

東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。


東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。

背景(グリーン)

東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。


東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。

背景(グレー)

東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。


東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。

ボーダー(レッド)

東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。


東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。

ボーダー(ブルー)

東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。


東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。

ボーダー(イエロー)

東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。


東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。

ボーダー(ピンク)

東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。


東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。

ボーダー(グリーン)

東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。


東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。

ボーダー(グレー)

東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。


東京都:山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。

 

THE THORのレビューボックス2種類

 

背景スタイル
N.Sさん

評価: 3.5このエリアにレビュー本文を記入します。

 

ボーダースタイル
N.Sさん

評価: 3.5このエリアにレビュー本文を記入します。

 

THE THORのアコーディオンボックス2種類

 

背景スタイル
Hこのエリアにレビュー本文を記入します。

 

ボーダースタイル
Hこのエリアにレビュー本文を記入します。

 

THE THORの共通ボタン9種類

 

ボタンの色は、カスタマイズしたものになります。

 

 

THE THORの見出し53種類

 

基本下線ー基本下線ー2本下線ー1本点線下線1本2色下線マーカー下線ー1本矢印下線ーストライプ下線ーグラデ下線センター下線センター矢印左線ー基本左下線ー基本左下線ー下点線左下線ー左2色背景基本背景ー下線背景ー左線背景ー左下線背景ー吹き出し背景吹き出し線付背景ーリボン背景ボックス背景ーステッチ背景ーストライプ背景ー線背景ー点線角丸背景ー括弧背景ーはみ出す線
グラデー基本グラデー角丸グラデーラウンドグラデーシンプルグラデーシンプル角丸グラデーシンプルラウンドグラデー上線グラデー上線角丸グラデー上線文字白グラデー上線角丸文字白ラインマークー基本ラインマークー背景角丸ラインマークー背景線角丸ラインマークーグラデ上線ラインマークーグラデ上線文字白丸マーク基本丸マークー背景角丸丸マークー背景線角丸丸マークグラデ上線文字白先頭大ー基本先頭大ー 先頭下線先頭大ー下線

 

THE THORのリスト・番号付きリスト16種類

 

リスト基本リスト背景リストステッチリストペーパーリスト包含用紙リスト線リスト点線リストはみ出す線
番号付きリスト基本番号付きリスト背景番号付きリストステッチ番号付きリストペーパー番号付きリスト方眼用紙番号付きリスト線番号付きリスト点線番号付きリストはみ出す線

 

THE THORの引用装飾7種類

 

引用基本引用左線引用線引用丸角
引用丸角線引用左背景引用ラベル

 

THE THORのテーブル

 

 

THE THORのSNSシェアボタン11種類

 

パターン1パターン1
パターン2パターン2
パターン3パターン3
パターン4パターン4
パターン5パターン5
パターン6パターン6
パターン7パターン7
パターン8パターン8
パターン9パターン9
パターン10パターン10
パターン11パターン11

 


 

以上、【THE THORパーツ見本】ボックス・見出し・ボタン・吹き出しなど184種類でした。

 

わからないことがありましたら、お気軽にご相談ください。

 

お問い合わせはこちら

 

お読みいただき、ありがとうございました。

Chiharu

Chiharu

この記事を書いたのは

元歯科衛生士のWebデザイナー。素の自分を出せるようにブログをはじめました。お伝えしているのは、ブログのはじめ方と毎日を楽しく過ごすコツについて。