アイキャッチ画像

【THE THOR】エディターから行えるカスタマイズ・ショートコードをご紹介!

記事に装飾、または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種類のボタンが用意されており、使い勝手の良いものになっています。

 

オレンジ100%ボタン

グリーンシャドウ100%ボタン

ブルーボーダーボタン

ブルーグラデボタン

ピンクアイコンボタン

ピンクグラデアイコンボタン

グリーン立体アイコンボタン

グレーラウンドアイコンボタン

サークルアイコンボタン

ボックスアイコンボタン

 

こちらもラベルと同様に、カスタマイズすることができます。

例えば、

グリーン立体アイコンボタン

の場合、標準がAmazonのアイコンとなっています。

正直、私にはこのボタンの使いどころが1つしか思い浮かばないので、標準にするのはどうかと思いましたが・・・。

 

試しに、下記のようにボタンのデザインを変更してみました。

公式サイトはこちら

ちょっとダークな感じになってしまいましたが・・・。笑

アイコンの変更や色の変更、グラデーションの追加なども簡単に行えます。

 

10種のボックス

ボックスも標準で10種用意されています。

近頃よくサイトで見かけるQ&Aボックスも標準で付いていて、私は密かに興奮していました。笑

 

サブタイトルボーダーボックス
BIG括弧ボックス
方眼ペーパーボックス
はてなボックス
ビックリボックス
Qボックス
Aボックス
シンプルアイコンボックス
背景アイコンボックス
帯アイコンボックス

 

3種の区切り線

シンプルではありますが、3種類の線が用意されています。

文章間の区切り線として使用することができます。






左右から会話形式で吹き出し

ユニークなサイトではもはや定番の吹き出しも、「THE THOR」では当然のごとく標準で付いています。
ネコ
コメントを入力し、吹き出しを作ることができるよ。
イヌ
右からコメントすることもできるよ。
ネコ
背景色なしのボーダースタイルにすることもできるよ。
イヌ
吹き出しだけでも色々なパターンがあるんだね。

 

背景色などもダッシュボードのカスタマイズ画面から変更することができます。

 

評価に使えるスコアボックス

行ごとに色を分けたボックスが標準で備わっています。
単なるボックスというわけではなく、スコア用のボックスとなっています。
カラーは6色(レッド・ブルー・イエロー・ピンク・グレー・グリーン)用意されています。

 

試しに、「THE THOR」のスコアを自分なりにつけてみました。
初心者おすすめ度 4.5
カスタマイズ項目の豊富さ 5.0
速さ 5.0
価格 4.0
総合評価 4.5
評価がズレていたらすみません・・・。汗
商品やサービスを表形式でレビューする際に、おすすめしたいカスタマイズです。

 

アイコン付きの口コミ

複数の口コミを挿入する際に、便利なカスタマイズ項目です。

濃い色と薄い色で色分けがなされているため、非常に見やすくなっています。

また、口コミに合ったアイコンも付いているため、読者にも口コミだと一発でわかるようなデザインです。

こちらもカラーは6色(レッド・ブルー・イエロー・ピンク・グレー・グリーン)用意されています。

THE THORの口コミ

20代・女性
最新技術が取り入れられているため、読み込み速度が非常に速いです。

プラグインを適用すると若干遅くなりはしますが、離脱率が上がってしまうほどではありません。


20代・男性
記事のカスタマイズ項目が豊富で、記事を鮮やかにすることができます。

独自のサイトを構築したい方にはおすすめしたいテーマです。

 

レビューボックス

口コミとはまた異なり、レビューボックスが別に設けられています。

を挿入することができるので、口コミより詳細なレビューを記載する際に、便利な機能です。

THE THORは初心者にも優しい仕様
N.Sさん

評価: 4.5デザイン着せ替え機能が非常に優秀です。初心者の方でもデザインテンプレートをダウンロードし、適用するだけでおしゃれなサイトを構築できます。ただ、機能が豊富すぎて使用しない機能も多々あるので、星は0.5下げています。

 

アコーディオンボックス

CSSやjQueryなどを駆使して実装できるアコーディオンボックスですが、こちらも標準で備わっています。

クリック(タップ)すると、アコーディオンが開きます。
隠れていたテキストが表示されます。



ブログ(外部リンク)カード・サイト(内部リンク)カード

ショートコードでお馴染みのリンクカードを作成することができます。
注目頂きたいのは、外部リンクもカード形式で作成できる点です。
人気テーマ「STORK」などでは、内部リンクしかカード形式で表示することができませんが、「THE THOR」では外部リンクもカード形式で表示することができます。
Yahoo! JAPAN

あなたの毎日をアップデートする情報ポータル。検索、ニュース、天気、スポーツ、メール、ショッピング、オークションなど便利な…

さらに有用な仕様として、リンクをクリックすると、別ウィンドウ(タブ)で開く仕組みになっています。
別ウィンドウ(タブ)でしか開かない仕様のテーマが多い中、個人的には非常に嬉しい仕様です。

 

複数カラム(列)表示

文章や画像を複数カラム(列)表示をすることができます。

 

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列で表示するのがトレンドのため、複数カラム表示は意外と使用する機能です。

個人的にかもしれませんが・・・。



その他のショートコード

それほど使用しないかもしれませんが、他にもショートコードが用意されていますので、ご紹介します。

年指定

2020

月指定

09

日指定

20

自動で日付が変更され、表示されます。

 

スターリスト

レビューで使用できそうな星を使用することできます。










 

THE THORの記事カスタマイズ項目まとめ

WordPressテーマ「THE THOR」で使用できる記事のカスタマイズ機能について、ご紹介しました。

通常のブログからアフィリエイトブログでも活用できるカスタマイズ機能が揃っていますね。

「THE THOR」は人気テーマの中でも比較的新しいテーマなので、最近のブログ趣向が取り込まれたテーマでもあります。

その点からも、記事のカスタマイズ項目がある豊富になっています。

まだ「THE THOR」を購入していない方はぜひ参考にしてください。

最後までお読み頂き、ありがとうございました。










 

アイキャッチ画像
最新情報をチェックしよう!
>当サイト利用WordPressテーマ「THE THOR」

当サイト利用WordPressテーマ「THE THOR」

初心者の方にも嬉しいデザイン着せ替え機能、アフィリエイターの方に嬉しいCTA・ランキング機能 など、誰にでも適合するテーマになっています。また、他のテーマにはない最新技術を搭載することにより、読み込み速度の高速化 を実現しています。もちろんSEO対策 も万全です。昨今のWordPressユーザーのニーズを取り入れた、素晴らしいテーマに仕上がっています。

CTR IMG