今回はコンテンツ作成に欠かせないTHE THOR（ザ・トール）のパーツスタイルの使い方と一覧を説明していきます。
THE THOR（ザ・トール）は様々な機能が豊富で、どこで何をやるのか私でも混乱することもしばしば。
忘備録的な感じで書いていきますので、記事をどんどん更新していきます。
結構なボリュームの記事になってますが、目次などで必要な箇所を選んで読んでくださいね。
スタイル
パーツスタイル「スタイル」は投稿編集画面のツールバーから選択できます。
マーカー
マーカー（太）レッド マーカー（中）レッド マーカー（細）レッド
マーカー（太）ブルー マーカー（中）ブルー マーカー（細）ブルー
マーカー（太）イエロー マーカー（中）イエロー マーカー（細）イエロー
マーカー（太）ピンク マーカー（中）ピンク マーカー（細）ピンク
マーカー（太）グリーン マーカー（中）グリーン マーカー（細）グリーン
マーカー（太）グレー マーカー（中）グレー マーカー（細）グレー
よく使うマーカーを登録
設定はカスタマイザー「パーツスタイル設定［THE］」⇒「マーカー設定」で変更できます。
ラベル
角丸レッドラベル
シンプルボーダーラベル
ライム左ラウンドラベル
ブルーボーダーラウンドラベル
丸アイコンラオレンジラベル
ピンクアイコンラベル
四角アイコンラベル
破線ボーダーアイコンラベル
ビッグ右ラウンドブルーラベル
ターコイズグラデ右寄せラベル
ボタン
ボックス
ボックス内ボックス
プリセットパーツ
区切り線
「実線」
区切り線「破線」
区切り線「点線」
吹き出し
吹き出しを挿入することができます。
この吹き出し画像はカスタマイザーから変更することができます。
ちなみに下の「ボーダースタイル」はカスタマイザーで変更させました。
THE THOR（ザ・トール）にはデフォルトで会話風の吹き出し機能が備わっています。しかし、2019年３月現在では吹き出し画像と画像の名前を設定で変更することができません。 バージョン1.4.0より画像の変更が可能にな[…]
スコアボックス
デフォルトで６色のスコアボックスを挿入することができます。
最終行の「総合」のみ色が変更になっています。
最終行（レッド）
| 項目名 | 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 |
口コミボックス
背景（レッド）
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
背景（ブルー）
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
背景（イエロー）
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
背景（ピンク）
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
背景（グリーン）
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
背景（グレー）
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
ボーダー（レッド）
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
ボーダー（ブルー）
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
ボーダー（イエロー）
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
ボーダー（ピンク）
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
ボーダー（グリーン）
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
ボーダー（グレー）
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
東京都：山田 花子(20歳・女性)
このエリアに口コミ本文を記入します。
レビューボックス
背景スタイル
評価： 3.5このエリアにレビュー本文を記入します。
ボーダースタイル
評価： 3.5このエリアにレビュー本文を記入します。
アコーディオンボックス
背景スタイル
- タイトル
- Hこのエリアにレビュー本文を記入します。
ボーダースタイル
- タイトル
- Hこのエリアにレビュー本文を記入します。
共通ボタン
プライマリボタン
右
中央
左
セカンダリボタン
右
中央
左
ノーマルボタン
右
中央
左
共通ボタンのカスタマイズ
カラム
２カラム１：１（PC+スマホ）（PC）
２カラム３：７（PC+スマホ）（PC）
２カラム７：３（PC+スマホ）（PC）
３カラム（PC）
４カラム（PC）
ショートコード
目次
任意の箇所に以下のショートコードを入力すると目次を表示させることができます。
そのまま表記すると目次が表示されるので全角で書いています、実際に入力する際は半角英数で入力してくださいね。
記事内広告
カスタマイザーの「広告設定［THE］」で設定したアドセンス広告を任意の箇所に挿入することができます。
そのまま表記すると広告が表示されるので全角で書いています、実際に入力する際は半角英数で入力してくださいね。
カテゴリ指定記事一覧（新着順）
今回はTHE THOR（ザ・トール）のプロフィールの設定・設置方法を解説します。 THE THOR（ザ・トール）でのプロフィールとは「著作者情報」という言葉になっていますが、要はプロフィールのことなので気にしないでくださいね。 プロフィールはアフィリ […]
ゆず ザ・トールをWordPressにインストールできました！ 次は何をしたら良いの？ ネコ先生 次はザ・トールの設定の前にWordPressの初期設定をしましょう。 目次 1 WordPress初期設定【一般】2 WordPress初期設定【投稿設 […]
WordPressテーマ【THE THOR（ザ・トール）】には、カスタマイズや設定できる項目が数多くあります。 全ての項目を設定しようと思ったら、あまりの設定項目の多さに目が回ってしまって、記事作成する前に力尽きてしまいかねません。 そこで、最初に設 […]
カテゴリ指定記事一覧（ランダム順）
WordPressテーマ【THE THOR（ザ・トール）】のWordPressへのインストールと初期設定を説明します。 今回は運営途中のWordPressでのテーマの変更方法ではなく、新規にブログ運営を始める場合の説明になります。 目次 1 【THE […]
WordPressテーマ【THE THOR（ザ・トール）】には、カスタマイズや設定できる項目が数多くあります。 全ての項目を設定しようと思ったら、あまりの設定項目の多さに目が回ってしまって、記事作成する前に力尽きてしまいかねません。 そこで、最初に設 […]
今回はTHE THOR（ザ・トール）のプロフィールの設定・設置方法を解説します。 THE THOR（ザ・トール）でのプロフィールとは「著作者情報」という言葉になっていますが、要はプロフィールのことなので気にしないでくださいね。 プロフィールはアフィリ […]
カテゴリ指定記事一覧（ランク順）
オフラインのためランキングが表示できません
ブログカード（外部サイトリンク）
ブログサイトにソースコードを表示させるWordPressプラグイン「WP Code Highlight.js」のインスト…
ブログカード（内部記事リンク）
THE THOR（ザ・トール）にはデフォルトで会話風の吹き出し機能が備わっています。しかし、2019年３月現在では吹き出し画像と画像の名前を設定で変更することができません。 バージョン1.4.0より画像の変更が可能にな[…]
カスタムメニュー
年指定、月指定、日指定
これはちょっと使い道が分かりません。
どうやらそれぞれ現在の年月日が表示されるようで、「number=0」の数字部分を変更するとその数字分が加算されるようです。
［ｄａｔｅ－ｙｅａｒ（半角スペース）ｎｕｍｂｅｒ＝0］⇒年指定
［ｄａｔｅ－ｍｏｎｔｈ（半角スペース）ｎｕｍｂｅｒ＝0］⇒月指定
［ｄａｔｅ－ｄａｙ（半角スペース）ｎｕｍｂｅｒ＝0］⇒日指定
スターリスト
商品やサービスなどの評価をつけるのに分かりやすい星マークを挿入できます。
数字部分を変更すると表示が変わります。５点満点で0.5刻みで評価できます。
サブタイトル編集
アイコン挿入
まずは設置したいアイコンを「アイコンオプション」から選びます。
「アイコン一覧」から設置したいアイコンの右側にあるアイコン名をコピーしましょう。
右上の「×」ボタンをクリックして編集画面に戻り、ツールバーの「アイコン挿入」ボタンクリックして、先程コピーしたアイコン名をペーストして貼り付けます。
HTMLを挿入
任意の箇所にHTMLタグを挿入できます。
アフィリエイトタグなどを任意の箇所に設置できるので便利ですね。
スマホテーブル横スクロール
通常テーブルを設置すると列が増え、文字数が多くなると画面に収まるよう自動的に改行がされて縦長の表示になってしまいます。
特にスマホなどの小さな画面になるとレスポンシブ表示でさらに縦長表示になります。
試しに横４列のテーブルを作り適当な文字を入力しました。
これをPC画面で見るとこんな感じ。
文字の表示が無理やり画面サイズに収められていますね。
まあ、本来は有難い機能でPCの時は問題ないのですが、スマホだと表示が変な感じになってしまう場合もあります。
これでPCでどう表示されるか見てみましょう。
下の段が「スマホテーブル横スクロール」で作ったテーブルですが、PC表示だと変わりませんね。
しかし、スマホ表示にするとどうなるでしょう。
スクロールバーが表示され、横スクロールできるようになりました。
意外に便利な機能なので、活用してみてくださいね。
まとめ
今回はTHE THOR（ザ・トール）のパーツスタイルの使い方とそれぞれのパーツの一覧を作ってみました。
この記事があなたのお役に立てれば幸いです。