THE THORのプリセットパーツを使いこなしたいけど、まずはどんな装飾ができるのか？くわしく知りたいと思っていませんか？
わたしは吹き出しをよく使いますが、アイコンや名前を設定して使っているだけで、自分のブログに愛着がわきますね。
こんなに使えるなら、他の装飾はどうなのか知りたくなったので、今回調べて記事にしてみました。
THE THORのエディターツールであるプリセットパーツ（装飾機能）ですが、CSSなどのプログラミング知識がなくても、クリック操作だけで使いたい装飾を設置することができます。
ということで、今回はTHE THORのプリセットパーツについて、くわしく解説していきますね。
【THE THOR】プリセットパーツの一覧
THE THORのプリセットパーツを紹介するまえに、まずはどんな種類があるのか、中身をざっくりとみてみましょう。
【 区切り線 】
- 実践 破線 点線
【 吹き出し 】
- 左画像（背景スタイル）
- 左画像（ボーダースタイル）
- 右画像（背景スタイル）
- 右画像（ボーダースタイル）
【 スコアボックス 】
- 最終行（レッド・ブルー・イエロー・ピンク・グリーン・グレー）
【 口コミボックス 】
- 背景（レッド・ブルー・イエロー・ピンク・グリーン・グレー）
- ボーダー（レッド・ブルー・イエロー・ピンク・グリーン・グレー）
【 レビューボックス 】
- 背景スタイル
- ボーダースタイル
【 アコーディオンボックス 】
- 背景スタイル
- ボーダースタイル
区切り線や、口コミ・レビューボックスなど、読者が見やすくなるような装飾になりそうですね！
「THE THOR無料サポート」受付中！質問、疑問etc…どんな些細なことでもOK！お問い合わせはこちらからお気軽にどうぞ！
THE THORのプリセットパーツをくわしくご紹介
ここからは、実際にTHE THORのプリセットパーツのサンプルを見ながらくわしくご紹介していきますね。
区切り線
実線・破線・点線の3種類があり、好きな場所に区切り線を入れることができます。
長文になってしまったときや、ボックスやリスト以外を使いたいときに活用できますね。
区切り線を入れるだけで、格段に読みやすい文章になりますよ。
実線
破線
点線
吹き出し
デザイン変更が可能な、2種類の吹き出しを使うことができます。
文章だけの記事の場合、きっと読者は疲れたり飽きてしまいますよね。
そんなとき、最後まで読んでもらうために吹き出しを設置すると効果的です。
THE THORの吹き出し機能を使ってみたいけど、使い方や画像の設定をどうやるのかわからず、迷っていませんか？ わたしも吹き出しをよく使っていますが、記事が一気ににぎやかになりますし、アイコンにアバターを作って設定[…]
スコアボックス
商品やサービスについての評価を、パッと見てわかりやすい星印の得点で表示したいときに使います。
一番下の「総合」部分のカラーは、レッド・ブルー・イエロー・ピンク・グリーン・グレーの6色が揃っていて、項目名や星の数字部分は、カーソルを合わせて入力することで変更できます。
また、項目はデフォルトでは5行ですが、上部エディタ内の【テーブル】→【横並び】→【行のコピー】→【行を上に貼り付け】または【行を下に貼り付け】で増やせますよ。
例：最終行ブルーを選択、項目を一行増やし、項目名と星評価の数字を変更してみました。
| 操作性 | 4 |
| デザイン性 | 4.5 |
| 価格 | 3.5 |
| おすすめ度 | 4.5 |
| 人気度 | 4 |
| 総合 | 4.5 |
口コミボックス
口コミやうわさは、読者が商品を購入するときの参考になるため、アフィリエイトサイトでは非常に役立つ要素となります。
地域・名前・年齢・性別・口コミ部分にカーソルを合わせ、直接入力で内容を変更できますよ。
また、デザインは背景とボーダーの2種類で、色はそれぞれレッド・ブルー・イエロー・グリーン・ピンク・グレーの6色から選択が可能です。
例：背景（イエロー）
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
例：ボーダー（グリーン）
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
レビューボックス
レビューボックスは口コミに似ていますが、こちらは画像を入れられるので、よりリアルな印象を与えることができますよ。
口コミとは違い、デザインは背景スタイル（グレーのベタ塗り）とボーダースタイル（白枠）の2種類となっています。
例：背景スタイル（デフォルト）
評価： 3.5このエリアにレビュー本文を記入します。
例：ボーダースタイル（画像挿入、文章変更してみました）
評価： 4.5初心者にとっては学ぶことがめんどうな内部SEO、HTMLやCSSの知識、デザインへの労力を大幅にショートカットできます。THE THOR（ザ・トール）を導入すれば、スタートダッシュして執筆活動に集中することができます。
アコーディオンボックス
その名のとおり、折りたたみできるのが「アコーディオンボックス」ですが、意外と使われていない機能なので、積極的に活用していきたいプリセットパーツです。
ボックスのタイトル右側にある「＋」ボタンをクリックすると、タイトル下の部分が表示されますよ。
こちらもレビューボックス同様、デザインは以下のように、背景スタイルとボーダースタイルの2種類となっています。
例：背景スタイル（デフォルト） 「＋」ボタンをクリックすると実際に機能します。
- タイトル
- Hこのエリアにレビュー本文を記入します。
例：ボーダースタイル（デフォルト） 「＋」ボタンをクリックすると実際に機能します。
- タイトル
- Hこのエリアにレビュー本文を記入します。
シークレットで特別な内容を書いてもいいかも♪
まとめ
今回はTHE THORに実装されている「プリセットパーツ」について、解説を交えながらご紹介してきました。
わたし自身、THE THORのプリセットパーツは、種類が豊富なわりにあまり活用できていないのが現状です。
意識して使うことで、ワンランク上のブログっぽくなることがわかりましたので、これからはどんどん使ってみようと思います！
あなたもこの記事を参考にして、早速手を動かしてみてくださいね。
最後に、今回の記事でなにかわからないことはありませんでしたか？質問や相談、感想や雑談などなんでも受け付けているので、どうぞお気軽にメールくださいね↓
