記事に装飾、またはSEO対策を施すには、基本的にHTMLやCSSの知識が必要となります。
プログラム未経験の方には、非常に手をつけにくい部分ではあります。
そんな時のために、昨今のテーマには優秀なエディター機能や豊富なショートコードが用意されています。
今回は当サイトでも導入しているTHE THORのテーマに、どういった記事のカスタマイズ機能があるのか、ご紹介します。
THE THORの記事カスタマイズ方法
「THE THOR」には、スマートエディターと呼ばれる記事のカスタマイズ機能があります。
こちらの機能により、HTMLやCSSのコードを一切使用せず、記事作成画面から豊富なカスタマイズを行うことができます。
まずは簡単に、その使用方法からご説明してきます。
WordPressの記事の作成画面から、
ボタン（ツールバー切り替え）をクリックします。
ボタンをクリックすると、下記画面のようにカスタマイズのボタンが表示されます。
これらの項目から、記事のカスタマイズを行うことができます。
それでは、「THE THOR」のスマートエディターで行うことができるカスタマイズをご紹介します。
太さ3種・カラー6色のマーカー
記事を執筆する上では、もはや必須と思われる（自分でそう思っているだけですが・・・）マーカーを引くことができます。
マーカーの太さは3種類（太・中・細）から選ぶことができ、カラーは6色（レッド・ブルー・イエロー・ピンク・グリーン・グレー）から選ぶことができます。
レッドマーカー（太）
ブルーマーカー（中）
イエローマーカー（細）
これだけ揃っていれば十分ですね。
10種のラベル
10種のラベルが用意されているので、記事の要所で挿入することができます。
角丸レッドラベル
シンプルボーダーラベル
ライム左ラウンドラベル
ブルーボーダーラウンドラベル
丸アイコンオレンジラベル
ピンクアイコンラベル
四角アイコンラベル
破線ボーダーアイコンラベル
ビッグ右ラウンドブルーラベル
ターコイズグラデ右寄ラベル
もちろん、文字色や背景色などは変更することができ、テキストモードでも変更することができます。
試しに、「ピンクアイコンラベル」から、アイコン・文字色・背景色を変更し、文中でのラベル使用例を作成してみました。
おすすめポイント
「THE THOR」はラベルを自由にカスタマイズでき、さらに10種のラベルが標準で用意されています。
ラベルが文中に挿入されているだけで、読者の注目を集めることができそうですね！
10種のボタン
アフィリエイトリンクなど、ボタンのクリックを促すにはデザインが非常に大切です。
標準で10種類のボタンが用意されており、使い勝手の良いものになっています。
こちらもラベルと同様に、カスタマイズすることができます。
例えば、
の場合、標準がAmazonのアイコンとなっています。
正直、私にはこのボタンの使いどころが1つしか思い浮かばないので、標準にするのはどうかと思いましたが・・・。
試しに、下記のようにボタンのデザインを変更してみました。
ちょっとダークな感じになってしまいましたが・・・。笑
アイコンの変更や色の変更、グラデーションの追加なども簡単に行えます。
10種のボックス
ボックスも標準で10種用意されています。
近頃よくサイトで見かけるQ&Aボックスも標準で付いていて、私は密かに興奮していました。笑
3種の区切り線
シンプルではありますが、3種類の線が用意されています。
文章間の区切り線として使用することができます。
左右から会話形式で吹き出し
背景色などもダッシュボードのカスタマイズ画面から変更することができます。
評価に使えるスコアボックス
| 初心者おすすめ度 | 4.5 |
| カスタマイズ項目の豊富さ | 5.0 |
| 速さ | 5.0 |
| 価格 | 4.0 |
| 総合評価 | 4.5 |
アイコン付きの口コミ
複数の口コミを挿入する際に、便利なカスタマイズ項目です。
濃い色と薄い色で色分けがなされているため、非常に見やすくなっています。
また、口コミに合ったアイコンも付いているため、読者にも口コミだと一発でわかるようなデザインです。
こちらもカラーは6色（レッド・ブルー・イエロー・ピンク・グレー・グリーン）用意されています。
20代・女性
最新技術が取り入れられているため、読み込み速度が非常に速いです。
プラグインを適用すると若干遅くなりはしますが、離脱率が上がってしまうほどではありません。
20代・男性
記事のカスタマイズ項目が豊富で、記事を鮮やかにすることができます。
独自のサイトを構築したい方にはおすすめしたいテーマです。
レビューボックス
口コミとはまた異なり、レビューボックスが別に設けられています。
を挿入することができるので、口コミより詳細なレビューを記載する際に、便利な機能です。
評価： 4.5デザイン着せ替え機能が非常に優秀です。初心者の方でもデザインテンプレートをダウンロードし、適用するだけでおしゃれなサイトを構築できます。ただ、機能が豊富すぎて使用しない機能も多々あるので、星は0.5下げています。
アコーディオンボックス
CSSやjQueryなどを駆使して実装できるアコーディオンボックスですが、こちらも標準で備わっています。
- クリック（タップ）すると、アコーディオンが開きます。
- 隠れていたテキストが表示されます。
ブログ（外部リンク）カード・サイト（内部リンク）カード
複数カラム（列）表示
文章や画像を複数カラム（列）表示をすることができます。
2カラム1:1（PC+スマホ）
ひまわり
ばらPCでもスマートフォンでも、2列に分かれて表示されます。
2カラム1:1（PC）
山
滝PCでは2列、スマートフォンでは1列で表示されます。
その他にも、下記のようなカラム表示があります。
- 2カラム3:7（PC+スマホ）
- 2カラム7:3（PC+スマホ）
- 2カラム3:7（PC）
- 2カラム7:3（PC）
- 3カラム（PC）
- 4カラム（PC）
Adsenseのレクタングル広告は2列で表示するのがトレンドのため、複数カラム表示は意外と使用する機能です。
個人的にかもしれませんが・・・。
その他のショートコード
それほど使用しないかもしれませんが、他にもショートコードが用意されていますので、ご紹介します。
年指定
2024月指定
09日指定
18自動で日付が変更され、表示されます。
スターリスト
レビューで使用できそうな星を使用することできます。
THE THORの記事カスタマイズ項目まとめ
WordPressテーマ「THE THOR」で使用できる記事のカスタマイズ機能について、ご紹介しました。
通常のブログからアフィリエイトブログでも活用できるカスタマイズ機能が揃っていますね。
「THE THOR」は人気テーマの中でも比較的新しいテーマなので、最近のブログ趣向が取り込まれたテーマでもあります。
その点からも、記事のカスタマイズ項目がある豊富になっています。
まだ「THE THOR」を購入していない方はぜひ参考にしてください。
最後までお読み頂き、ありがとうございました。
