（マーケ・販促歴7年）
今日はTHE THORの記事内装飾「プリセットパーツ」のデザインを一覧表で紹介します。
● 吹き出し
● スコアボックス
● レビューボックス
● アコーディオンボックス
全項目の全パターンまとめているので記事作成の際にご活用ください！
THE THORプリセットパーツのデザイン一覧表
区切り線
区切り線は、記事中に挿入できる仕切りの線のことです。
ちょっと見づらいので色付けしてます。本当の色合いは薄いグレー（1px dotted rgba(0,0,0,.1)）になります。
| 実線 |
|
|
| 破線 |
|
|
| 点線 |
|
|
吹き出し
吹き出しは「キャラクターがしゃべっている風」の文章が作れます。
| 左画像（背景スタイル） | 右画像（背景スタイル） |
|
こんにちは
|
（マーケ・販促歴7年） こんにちは
|
| 左画像（ボーダースタイル） | 右画像（ボーダースタイル） |
|
こんにちは
|
（マーケ・販促歴7年） こんにちは
|
デザインカスタマイズの方法
キャラクター画像・背景カラーなどはWordPress管理画面の「外観＞カスタマイズ＞パーツスタイル設定＞吹き出し設定（個別ページ用）」から変更が可能です。
スコアボックス
スコアボックスは、例えば商品やサービスなどに対して「採点づけしている風」の文章が作れます。
| 最終行（レッド） | 最終行（ブルー） | ||||||||||||||||||||
|
|
| 最終行（イエロー） | 最終行（ピンク） | ||||||||||||||||||||
|
|
| 最終行（グリーン） | 最終行（グレー） | ||||||||||||||||||||
|
|
口コミボックス
口コミボックスは、例えば商品やサービスなどに対して「誰かが口コミで話している風」の文章が作れます。
| 背景（レッド） | 背景（ブルー） |
|
口コミ
東京都：山田 花子(20歳・女性) 東京都：山田 花子(20歳・女性) |
口コミ
東京都：山田 花子(20歳・女性) 東京都：山田 花子(20歳・女性) |
| 背景（イエロー） | 背景（ピンク） |
|
口コミ
東京都：山田 花子(20歳・女性) 東京都：山田 花子(20歳・女性) |
口コミ
東京都：山田 花子(20歳・女性) 東京都：山田 花子(20歳・女性) |
| 背景（グリーン） | 背景（グレー） |
|
口コミ
東京都：山田 花子(20歳・女性) 東京都：山田 花子(20歳・女性) |
口コミ
東京都：山田 花子(20歳・女性) 東京都：山田 花子(20歳・女性) |
| ボーダー（レッド） | ボーダー（ブルー） |
|
口コミ
東京都：山田 花子(20歳・女性) 東京都：山田 花子(20歳・女性) |
口コミ
東京都：山田 花子(20歳・女性) 東京都：山田 花子(20歳・女性) |
| ボーダー（イエロー） | ボーダー（ピンク） |
|
口コミ
東京都：山田 花子(20歳・女性) 東京都：山田 花子(20歳・女性) |
口コミ
東京都：山田 花子(20歳・女性) 東京都：山田 花子(20歳・女性) |
| ボーダー（グリーン） | ボーダー（グレー） |
|
口コミ
東京都：山田 花子(20歳・女性) 東京都：山田 花子(20歳・女性) |
口コミ
東京都：山田 花子(20歳・女性) 東京都：山田 花子(20歳・女性) |
レビューボックス
レビューボックスは、例えば商品やサービスなどに対して「誰かがレビューしている風」の文章を作れます。
| 背景スタイル |
|
このエリアにレビュータイトルを記入します。
N.Sさん
評価： 3.5このエリアにレビュー本文を記入します。 |
| ボーダースタイル |
|
このエリアにレビュータイトルを記入します。
N.Sさん
評価： 3.5このエリアにレビュー本文を記入します。 |
アコーディオンボックス
アコーディオンボックスは「開け閉じ可能なボックス」を作ることができます。
Clickという表記は独自のカスタマイズによるものなのでデフォルトではついていません。
| 背景スタイル |
|
| ボーダースタイル |
|
吹き出し以外のプリセットパーツに関しては
カスタマイズするには追加CSS※で自分で編集するしかないのですが、
そのCSSカスタマイズについても次回で紹介していこうと思います／
※追加CSSはWordPressから「外観＞カスタマイズ」の中の項目から編集ができます
