今回は、WordPressテーマ「THE THOR」の装飾について。
ボックス・見出し・ボタンなど、デフォルトの装飾をまとめました。
- 1 THE THORで使える記事装飾一覧
- 1.1 【装飾1】THE THOR マーカー18種類
- 1.2 【装飾2】THE THOR ラベル10種類
- 1.3 【装飾3】THE THOR ボタン10種類
- 1.4 【装飾4】THE THOR ボックス10種類
- 1.5 【装飾5】THE THORのボックス内ボックス10種類
- 1.6 【装飾6】THE THOR 区切り線3種類
- 1.7 【装飾7】THE THOR 吹き出し4種類
- 1.8 【装飾8】THE THOR スコアボックス6種類
- 1.9 【装飾9】THE THOR 口コミボックス12種類
- 1.10 【装飾10】THE THOR レビューボックス2種類
- 1.11 【装飾11】THE THOR アコーディオンボックス2種類
- 1.12 【装飾12】THE THOR 共通ボタン9種類
- 1.13 【装飾13】THE THOR 見出し53種類
- 1.14 【装飾14】THE THOR リスト・番号付きリスト16種類
- 1.15 【装飾15】THE THORの引用装飾7種類
- 1.16 【装飾16】THE THORのテーブル
- 1.17 【装飾17】THE THORのSNSシェアボタン11種類
THE THORで使える記事装飾一覧
THE THORデフォルトの装飾を一覧にしました。色・デザインなど参考にしてください。
- マーカー 18種類
- ラベル 10種類
- ボタン 10種類
- ボックス 10種類
- ボックス内ボックス 10種類
- 区切り線 3種類
- 吹き出し 4種類
- スコアボックス 6種類
- 口コミボックス 12種類
- レビューボックス 2種類
- アコーディオンボックス 2種類
- 共通ボタン 9種類
- 見出し 53種類
- リスト・番号付きリスト 16種類
- 引用 7種類
- テーブル
- シェアボタン 11種類
【装飾1】THE THOR マーカー18種類
マーカー太レッド
マーカー太ブルー
マーカー太イエロー
マーカー太ピンク
マーカー太グリーン
マーカー太グレー
マーカー中レッド
マーカー中ブルー
マーカー中イエロー
マーカー中ピンク
マーカー中グリーン
マーカー中グレー
マーカー細レッド
マーカー細ブルー
マーカー細イエロー
マーカー細ピンク
マーカー細グリーン
マーカー細グレー
【装飾2】THE THOR ラベル10種類
角丸レッドラベル
ライム左ラウンドラベル
丸アイコンオレンジラベル
四角アイコンラベル
ビッグ右ラウンドブルーラベル
シンプルボーダーラベル
ブルーボーダーラウンドラベル
ピンクアイコンラベル
破線ボーダーアイコンラベル
ターコイズグラデ右寄せラベル
【装飾3】THE THOR ボタン10種類
【装飾4】THE THOR ボックス10種類
はてなボックス・ビックリボックス・Qボックス・Aボックスのアイコン色は、カスタマイズしてあります。
【装飾5】THE THORのボックス内ボックス10種類
カスタマイズしたボックス内に、それぞれのボックスを設置しました。
なお、はてなボックス・ビックリボックス・Qボックス・Aボックスのアイコン色は、カスタマイズ済のもの。
【装飾6】THE THOR 区切り線3種類
実線
破線
点線
【装飾7】THE THOR 吹き出し4種類
吹き出しに使っている画像・線色・背景色は、カスタマイズしてあります。
![Chiharu](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/ChihaRu.png)
![Chiharu](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/ChihaRu.png)
![Chiharu](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/ChihaRu.png)
【装飾8】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 |
【装飾9】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歳・女性)
このエリアに口コミ本文を記入します。
【装飾10】THE THOR レビューボックス2種類
評価: 3.5このエリアにレビュー本文を記入します。
評価: 3.5このエリアにレビュー本文を記入します。
【装飾11】THE THOR アコーディオンボックス2種類
- アコーディオンボックス 背景スタイル
- Hこのエリアにレビュー本文を記入します。
- アコーディオンボックス ボーダースタイル
- Hこのエリアにレビュー本文を記入します。
【装飾12】THE THOR 共通ボタン9種類
色は、カスタマイズしてあります。
【装飾13】THE THOR 見出し53種類
色は、カスタマイズしてあります。
![見出し 基本](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title01.png)
![見出し 下線 基本](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title02.png)
![見出し 下線 2本](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title03.png)
![見出し 1本 点線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title04-1.png)
![見出し 1本 2色](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title05.png)
![見出し 下線 マーカー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title06.png)
![見出し 下線 1本 矢印](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title07.png)
![見出し 下線 ストライプ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title08.png)
![見出し 下線 グラデ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title09.png)
![見出し 下線 センター](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title10-2.png)
![見出し 下線 センター 矢印](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title11.png)
![見出し 左線 基本](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title12.png)
![見出し 左下線 下点線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title13-3.png)
![見出し 左下線 下点線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title14-3.png)
![見出し 左下線 左2色](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title15-3.png)
![見出し 背景 基本](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title16.png)
![見出し 背景 下線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title17.png)
![見出し 背景 左線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title18.png)
![見出し 背景 左下線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title19.png)
![見出し 背景 吹き出し](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title20.png)
![見出し 背景 吹き出し線付](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title21.png)
![見出し 背景 リボン](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title22.png)
![見出し 背景 ボックス](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title23.png)
![見出し 背景 ステッチ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title24.png)
![見出し 背景 ストライプ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title25.png)
![見出し 背景 線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title26.png)
![見出し 背景 点線角丸](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title27.png)
![見出し 背景 括弧](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title28.png)
![見出し 背景 はみ出す線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title29-2.png)
![見出し グラデ 基本](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title30.png)
![見出し グラデ 角丸](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title31.png)
![見出し グラデ ラウンド](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title32.png)
![見出し グラデ シンプル](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title33.png)
![見出し グラデ シンプル角丸](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title34.png)
![見出し グラデ シンプルラウンド](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title35.png)
![見出し グラデ 上線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title36.png)
![見出し グラデ 上線角丸](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title37.png)
![見出し グラデ 上線(文字白)](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title38.png)
![見出し グラデ 上線角丸(文字白)](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title39.png)
![見出し ラインマーク 基本](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title40.png)
![見出し ラインマーク 背景角丸](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title41.png)
![見出し ラインマーク 背景線角丸](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title42.png)
![見出し ラインマーク グラデ 上線(文字黒)](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title43.png)
![見出し ラインマーク グラデ 上線(文字白)](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title44.png)
![見出し 丸マーク 基本](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title45.png)
![見出し 丸マーク 背景角丸](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title46.png)
![見出し 丸マーク 背景線角丸](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title47.png)
![見出し 丸マーク グラデ上線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title48.png)
![見出し 丸マーク グラデ上線(文字白)](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title49.png)
![見出し 先頭大 基本](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title50.png)
![見出し 先頭大 先頭下線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title51.png)
![見出し 先頭大 下線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title52.png)
![見出し 先頭大 線角丸](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Title53.png)
【装飾14】THE THOR リスト・番号付きリスト16種類
![the thor リスト 基本](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/基本-1.png)
![the thor リスト 背景](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/背景.png)
![the thor リスト ステッチ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/ステッチ.png)
![the thor リスト ペーパー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/ペーパー3.png)
![the thor リスト 方眼用紙](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/方眼用紙5.png)
![the thor リスト 線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/線-1.png)
![the thor リスト 点線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/点線.png)
![the thor リスト はみ出す線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/はみ出す線.png)
![the thor リスト 番号](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/番号.png)
![the thor リスト 背景](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/背景2.png)
![the thor リスト ステッチ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/ステッチ2.png)
![the thor リスト ペーパー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/ペーパー2.png)
![the thor リスト 方眼用紙](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/方眼用紙6.png)
![the thor リスト 線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/線2.png)
![the thor リスト 点線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/点線3.png)
![the thor リスト はみ出す線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/はみ出す線2.png)
【装飾15】THE THORの引用装飾7種類
![the thor 引用 基本](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/引用基本.png)
![the thor 引用 左線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/引用左線.png)
![the thor 引用 線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/引用線.png)
![the thor 引用 丸角](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/引用丸角.png)
![the thor 引用 丸角線](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/引用丸角線.png)
![the thor 引用 左背景](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/引用左背景.png)
![the thor 引用 ラベル](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/引用ラベル.png)
【装飾16】THE THORのテーブル
【装飾17】THE THORのSNSシェアボタン11種類
![the thor sns パターン1](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/パターン1.png)
![the thor sns パターン2](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/パターン2.png)
![the thor sns パターン3](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/パターン3.png)
![the thor sns パターン4](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/パターン4.png)
![the thor sns パターン5](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/パターン5.png)
![the thor sns パターン6](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/パターン6.png)
パターン2
パターン3
パターン4
パターン5
パターン6
![the thor sns パターン7](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/パターン7.png)
![the thor sns パターン8](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/パターン8.png)
![the thor sns パターン9](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/パターン9.png)
![the thor sns パターン10](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/パターン10.png)
![the thor sns パターン11](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/パターン11.png)
パターン8
パターン9
パターン10
パターン11
以上、【THE THORパーツ見本】ボックス・見出し・ボタン・吹き出しなど184種類でした。
お読みいただき、ありがとうございました。