【60種類以上】THE THOR(ザ・トール)のスタイル一覧まとめ

【60種類以上】THE THOR(ザ・トール)のスタイル一覧まとめ
 
ねこ
  • THE THORの記事装飾の種類、イメージが知りたい
  • THE THORで記事を書く時に、スタイルを一覧で見たい

この記事ではそんなお悩みを解決します。

THE THORには標準で、

  • 6種類のカラー&3種類の太さを揃えたマーカー
  • 10種類のラベル
  • 10種類のボタン
  • 10種類のボックス
  • 10種類のボックス内ボックス

があらかじめ用意されています。

種類が多くて自分好みのデザインが実現しやすい反面、どのデザインを使うか悩むことも多くなります。

そこで今回は、THE THORの記事装飾(スタイル)一覧を公開します。

本記事は、次のような場面で参考になります。

購入前の方:好みに合った装飾かどうか事前に確認したい場合
購入済の方:記事にどんな装飾をするかイメージで確認したい時に

本記事の内容

  • マーカー一覧
  • ラベル一覧
  • ボタン一覧
  • ボックス一覧
  • ボックス内ボックス一覧
この記事は、私自身がTHE THORで記事を書く時に感じた「どんな装飾があるか一覧でイメージを確認できれば便利だな」という思いから書いたものです。

THE THORは装飾の種類が多いので、慣れない内はどの装飾を使えばよいか毎回悩みます

そんな時は、このページをブックマークしておくと大変便利です。

装飾後のイメージを確認しながら記事を書くことができます。

THE THOR マーカー一覧

THE THORのマーカー一覧です。

クリックしてマーカー一覧を表示
マーカー(太) レッド
マーカー(中) レッド
マーカー(細) レッド
マーカー(太) ブルー
マーカー(中) ブルー
マーカー(細) ブルー
マーカー(太) イエロー
マーカー(中) イエロー
マーカー(細) イエロー
マーカー(太) ピンク
マーカー(中) ピンク
マーカー(細) ピンク
マーカー(太) グリーン
マーカー(中) グリーン
マーカー(細) グリーン
マーカー(太) グレー
マーカー(中) グレー
マーカー(細) グレー

「マーカー(太) グレー」、「マーカー(中) グレー」、「マーカー(細) グレー」は編集画面ではすべて同じ太さに見えます。

実際のプレビュー画面や公開された画面で見ると太さは変わっているので安心してください。

THE THOR ラベル一覧

THE THORのラベル一覧です。

クリックしてラベル一覧を表示

角丸レッドラベル

シンプルボーダーラベル

ライム左ラウンドラベル

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

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

ピンクアイコンラベル

四角アイコンラベル

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

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

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

THE THOR ボタン一覧

THE THORのボタン一覧です。

クリックしてボタン一覧を表示

オレンジ100%ボタン

グリーンシャドウ100%ボタン

ブルーボーダーボタン

ブルーグラデボタン

ピンクアイコンボタン

ピンクグラデアイコンボタン

グリーン立体アイコンボタン

グレーラウンドアイコンボタン

サークルアイコンボタン

ボックスアイコンボタン

THE THOR ボックス一覧

THE THORのボックス一覧です。

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

THE THOR ボックス内ボックス一覧

THE THORのボックス内ボックス一覧です。

クリックしてボックス内ボックス一覧を表示

シンプルアイコンボックス

 

ターコライズグラデタイトル

シンプルアイコンボックス

 

アイコンボーダータイトル

シンプルアイコンボックス

 

ブルーシャドウタイトル

シンプルアイコンボックス

サブタイトルボーダーボックス

シンプルアイコンボックス

BIG括弧ボックス

シンプルアイコンボックス

方眼ペーパーボックス

シンプルアイコンボックス

はてなボックス

シンプルアイコンボックス

ビックリボックス

シンプルアイコンボックス

Qボックス

シンプルアイコンボックス

Aボックス

THE THOR デフォルトパーツ一覧

THE THORのデフォルトパーツ一覧です。

本来はこのパーツをカスタマイズし、自分好みのスタイルで登録しておくためのものですが、私はよくデフォルトパーツ ボックスをこのまま利用します。(この記事の一番最初にも使用しています)

クリックしてデフォルトパーツ一覧を表示

 

デフォルトパーツ ラベル

デフォルトパーツ ボタン

デフォルトパーツ ボックス
デフォルトパーツ ボックス

 

デフォルトパーツ ボックス内ボックス

まとめ

THE THORのスタイル一覧をまとめました。

このページをブックマークしておき、慣れるまで記事作成の参考にしてください。

\おしゃれで美しいデザインのサイトを簡単に作りたい方へ/