THE THORのカスタマイズ機能と使い方をまとめてマニュアル化

THE THORをカスタマイズをしたいけど、とにかく多機能すぎてなにがどこにあるのかわからなくなっていませんか?

 

THE THORにはプロ仕様のデザインや、アフィリエイトに最適な機能がデフォルトで揃っているものの、やっぱり使いこなすまでにはそれなりの時間がかかってしまうんですよね。

 

わたしはというと、THE THORを使用してもうすぐ1年経ちますが、未だに使っていない機能や使いこなせていない機能もあるので、日々格闘しています。

 

ですので、とくに初心者さんにとっては、機能の名称はもちろん存在すら知らないなんてことも、きっとたくさんあるのではないでしょうか。

 

そんなとき、頼りにしているはずの公式サイトを見たとしても、残念なことにTHE THORの公式サイトのマニュアルは不十分であるという問題点があるのです。

 

そこで今回は、初心者さんやTHE THORの操作全般に迷われている方へ向けて、カスタマイズするための機能と使い方をまとめてマニュアル化してみました!

 

てんかな

THE THORの操作方法でまだ迷っているあなた!ぜひ参考にしてくださいね

 

THE THORをまだ持っていない、今は検討中という方は、下記の記事を参考にどうぞ。

関連記事

THE THORの評判や口コミについて、実際どうなのか気になって調べていると、だいたいよい評判ばかりが目につきますが「これって本当かな?」と思っていませんか? わたしも今までレビュー記事を書いていますが、SEO・カ[…]

関連記事

THE THORは初心者でも使えるかどうかわからない状態で、いきなり高い買い物をするのは不安...そんなお悩みを抱えていませんか?もしあなたが、WordPressの使い方すらよくわからない初心者さんだったら、なおさらですよね〜。&n[…]

 

THE THORカスタマイズ〜初期設定編〜

まずはTHE THORの初期設定からですが、ここでは以下の項目を設定していきます。

  1. THE THORをインストールする
  2. THE THORの会員登録をする
  3. アナリティクスとサーチコンソールの導入
  4. 必要最低限のプラグインを導入

  5. プライバシーポリシーの作成

 

THE THORをインストールする

WordPressテーマであるTHE THORは、ダウンロードしたらわかる通り、「親テーマ」と「子テーマ」の2つが用意されていますよね。

 

インストール自体はかんたんで、最初に「親テーマ」次に「子テーマ」のインストール順さえ間違わなければ問題ありませんが、他にもいくつか確認することや注意点があります。

 

てんかな

わたしもかなり慎重にインストールしましたが、下記の記事を見ながらゆっくりすすめてみてくださいね!

 

初期設定

THE THORのインストールは、初めてでも無事に完了まで辿りつけるのか気になっていませんか?当たり前のことですが、THE THORをダウンロードしたらすぐにインストールしたいですよね。 そんなとき、教えてくれる人[…]

 

THE THORの会員登録をする

次に、THE THORの「会員サイト」へアクセスして、そこで表示されている「更新用ID」と「会員フォーラムアカウント」の情報を確認しましょう。

 

てんかな
わたしは後回しにしてしまいましたが、いつかはやらなきゃいけないのではじめに済ませておいた方がいいですね

 

また、一般的にWordPressテーマはアップデートがあれば、WordPressのダッシュボードから直接アップデートが可能ですが、THE THORは更新用ユーザーIDの設定をしていないと、アップデートができません。

 

さらに、THE THORのサポートを受ける際は会員フォーラムを利用しますが、ここでも専用のアカウントが必要になります。

初期設定

THE THORをカスタマイズしたいけど、「まずはどこから始めていいのやら...」と手が止まっていませんか? 最初にすることといえば、トップページにサイトマップやお問い合わせなどを設置したり、メインビジュアルやサイ[…]

 

アナリティクスとサーチコンソールの導入

ここでは、分析ツールとして無料で利用できるGoogleの「アナリティクス」と「サーチコンソール」を導入していきます。

 

てんかな
ブログ運営には、サイト分析が当たり前となってきますので導入は必須になりますよ

 

しかもTHE THORなら、アナリティクスもサーチコンソールも、デフォルト機能で連携できますので、専用のプラグインは不要です。

初期設定

THE THORにアナリティクスを導入したいけど、自分で設定するには難しいかも...そんな状態で手をつけられなくなっていませんか? わたしも初めての設定のときは、時間がかかってめんどうだな〜と感じましたが、これも回[…]

初期設定

THE THORとサーチコンソールを連携させたいけど、必ず必要なものなの?初心者でもすぐに設定できるの?そんな悩みを抱えていませんか? サーチコンソールはGoogle公式のサイト解析ツールですが、無料ということもあ[…]

 

必要最低限のプラグインを導入

ここでは、THE THORにおすすめで必要なプラグインをインストールしていきましょう。

 

また、不要なプラグインや相性の悪いプラグインについても知っておくといいですよ。

 

プラグインはWordPressを効率化するためには便利な存在ですが、導入しすぎると不具合が起こる可能性もありますので、必要最低限のプラグインに絞ってご紹介しますね。

初期設定

THE THORにプラグインを導入したいけど、どのプラグインが必要なのかわからなくて悩んでいませんか?はじめてのブログ開設の場合、プラグインの数や種類についてさらに迷ってしまいますよね。 そんなあなたへ結論をお伝え[…]

 

プライバシーポリシーの作成

プライバシーポリシーとは、個人情報の収集や、管理、保護などといった取り扱い方法を明確に決めて文章にまとめたものです。

 

てんかな
大袈裟ですがプライバシーポリシーがないとブログ運営をしてはいけないくらい大切なので、早めに作成しておきましょう

 

下記事ではプライバシーポリシーの設定手順や、実際に書くためのテンプレートをご用意しています。

初期設定

THE THORでプライバシーポリシーを設置していますか?このページを読んでいるあなたは、「THE THORのプライバシーポリシーに何を書いたらいいのかわからない!」と検索してきたのではないでしょうか? わたしもブ[…]

 

「THE THOR無料サポート」受付中!質問、疑問etc…どんな些細なことでもOK!お問い合わせはこちらからお気軽にどうぞ!

THE THORカスタマイズ〜サイトデザイン編

初期設定が済んだら、ここからサイトデザインを細かくカスタマイズしていきましょう。

 

デザインに関して主な項目は以下のとおり。

  1. トップページのデザイン
  2. サイドバーエリアのデザイン
  3. 各種メニューのデザイン
  4. 固定ページのデザイン
  5. デザイン着せ替え機能の使い方

 

トップページのデザイン

まずはトップページですが、カスタマイズできるエリアが非常にたくさんあります。

 

わたしはまだ全てカスタマイズしてないですが、以下4つのエリアは設定済みです。

 

①サイトロゴの設置

サイトロゴの設置はヘッダー部分になりますが、まずはサイトロゴ画像を用意する必要があります。

 

サイトロゴ画像にイラストや写真を入れて作ってもいいですし、文字自体をデザインしてシンプルな表示にしてもいいですね。

 

画像抜きでもっとかんたんに設定したいなら、【外観】→【カスタマイズ】→【共通エリア設定】→【ヘッダーエリア設定】→【ヘッダー設定】で文字のカラーと背景色を変えるだけでもOKです。

 

なお、この場合はWordPress管理画面の一般設定で表示される「サイトタイトル」がそのまま反映されるので、文字の設定などは特にありません。

 

てんかな
わたしはしばらくイラスト入りの画像で表示していましたが、今は文字だけの画像にしています

 

サイトデザイン

THE THORをカスタマイズするにあたって、初期設定後の順番として、次はトップページになるのではないでしょうか? ブログの顔ともいえる部分なので、ここはとくに力を入れてみたいところですが、トップページと一言でいっても[…]

 

②メインビジュアルの設置

サイトロゴ含め、ヘッダーの下に表示される画像がメインビジュアルです。

 

カスタマイズも充実していて、メインビジュアル下にボタン付きでお知らせを表示したり、YouTube動画を流したりできます。

サイトデザイン

THE THORのメインビジュアルを表示したいけど、設定のやり方がかわからない...そんなお悩みを抱えていませんか?トップページの顔ともいえる部分なので、早めに設定を済ませておきたいですよね。 わたしはメインビジュ[…]

 

③カルーセルスライダーの設置

カルーセルスライダーを設定すると、スライドショーしながら小さな画像付きの記事を表示させることができます。

 

てんかな
目につきやすい動きのあるデザインで注目度アップできますよ!

 

サイトデザイン

THE THORにカルーセルスライダーを設置して、トップページの雰囲気を変えたり見栄え良くするために、「今すぐ設置方法を知りたい!」と考えていませんか? わたしは動きがあってなんとなくかっこいいから、はじめの頃から[…]

 

④ピックアップ3記事の設置

THE THORでピックアップ3記事といわれているエリアには、自由に記事を指定できるので、読者さんに読んでほしい記事をアピールするにはうってつけです。

 

他のテーマにはあまりない機能なので、目立たせるためにも使わなければ損ですね。

サイトデザイン

THE THORはピックアップ記事をトップページに表示できるみたいだけど、一体どうやるの?そんな疑問を持っていませんか? わたしも、THE THORを使っている他の方のトップページを見たとき、大きく表示されているピ[…]

 

サイドバーエリアのデザイン

ここでは、THE THORのサイドバーエリアにどのウィジェットを表示させるかを決めるところからはじまり、6つの見出しデザインも画像付きで紹介しています。

 

てんかな
クリック操作でかんたんにお好みのデザインへ変更できますよ

 

サイトデザイン

THE THORのサイドバーエリアのデザインや色を変えて、「もっとオシャレにしたい!」「見やすくスッキリさせたい!」そのための方法をお探しではありませんか? トップページのヘッダーやフッターをカスタマイズして整えた[…]

 

各種メニューのデザイン

THE THORではメニューの種類も豊富で、ヘッダーのグローバルメニューはじめ、スマホに便利なメニューパネルが代表的です。

 

読者さんの回遊率アップにもつながるので、積極的にメニューの設置をしていきましょう。

サイトデザイン

THE THORのグローバルメニューをカスタマイズしたいけど、すぐにできるのかな?大事な部分ってよく聞くけど絶対に必要?そんな疑問を抱えていませんか? トップページを見た読者に対して、ブログ内をサクサク閲覧してもら[…]

サイトデザイン

THE THORにはメニューパネルが標準装備されていますが、その設定やカスタマイズする方法を、今すぐ知りたいと思っていませんか? メニューパネルを表示するかしないかは自由ですが、読者さんの目線で考えると、カテゴリー[…]

 

固定ページのデザイン

プロフィールの詳細などで固定ページを使って作成する際、デザインまではあまり気を使っていないのではないでしょうか?

 

実はレイアウトや目次など、5つの設定項目の変更がかんたんにできます。

サイトデザイン

THE THORの固定ページを設定する方法をお探しですか?ついでにわたしは知らなかったのですが、固定ページを使ってトップページが作れることを知っていますか? せっかくなら、少しでも個性の光るブログにしたいですよね![…]

 

デザイン着せ替え機能の使い方

THE THORの目玉ともいえる機能が、こちらの「デザイン着せ替え機能」になります。

 

自分でデザインするなんて自信がない、デザインに時間をかけたくない、そんなあなたのお悩みを一気に解消してくれますよ。

サイトデザイン

THE THORのデモサイトをインストールしたいけど、その方法がよくわからなくて悩んでいませんか? わたしもTHE THORのデモサイトをインストールすれば、デザイン着せ替えできることは知っていましたが、いざTHE[…]

 

てんかな
プロのデザイナーが作成した9つのデザインはなんと全て無料!

 

THE THORカスタマイズ〜装飾機能編〜

THE THORの装飾機能ですが、こちらも使いきれないほど種類が豊富です!

 

はっきりいってこんなに必要?と思ってしまうほどですが、使い慣れるとお気に入りの装飾が見つかるはずです。

 

読者さんが読みやすい記事にすることはもちろん、記事の魅力を引き出ために、オリジナリティのある装飾は欠かせないですね。

 

今回は、よく使われている以下4つの項目について解説していきますよ。

  1. プリセットパーツの使い方
  2. ショートコードの使い方
  3. 吹き出し機能の使い方
  4. アイキャッチ画像の設定

 

プリセットパーツの使い方

プリセットパーツはTHE THORのエディターツールで使える装飾機能で、種類は大きく分けて6種類ですが、さらに細分化されています。

 

CSSなどのプログラミング知識がなくても、クリック操作だけで使いたい装飾を設置できるので、初心者さんでもすぐに使えますよ。

装飾機能

THE THORのプリセットパーツを使いこなしたいけど、まずはどんな装飾ができるのか?くわしく知りたいと思っていませんか? わたしは吹き出しをよく使いますが、アイコンや名前を設定して使っているだけで、自分のブログに[…]

 

ショートコードの使い方

THE THORのショートコードは全部で12種類ですが、これさえ覚えてしまえば複雑な処理でもかんたんに効率化できて非常に便利で助かること間違いなしです。

 

操作方法はとてもかんたんですが、いくつかのショートコードは前もってカスタマイズする必要があり、その方法もあわせて解説しています。

装飾機能

THE THORでショートコードを使ってみたいけど、たくさんあってすぐに作成できずにいませんか? わたしも使いこなせるようになるために、ここではTHE THORのショートコードについてアウトプットして、忘れたらまた[…]

 

吹き出し機能の使い方

吹き出し機能を使って会話形式にするだけで、文字だけの記事よりも多くの人に注目してもらえます。

 

以下の記事では、吹き出しによる効果や使い方をくわしく解説していますよ。

装飾機能

THE THORの吹き出し機能を使ってみたいけど、使い方や画像の設定をどうやるのかわからず、迷っていませんか? わたしも吹き出しをよく使っていますが、記事が一気ににぎやかになりますし、アイコンにアバターを作って設定[…]

 

てんかな
わたしも気に入っている装飾機能の一つです
むすめ
アバターを何人か使うともっと賑やかだよね♪

アイキャッチ画像の設定

THE THORのアイキャッチ画像の設定では、いくつかのデザインパターンがありますが、カラーや動きの種類を変えるだけで、読者さんの目を強くひくことができます。

 

ファーストビューとなるアイキャッチ画像について、以下の記事では設定方法やカスタマイズ方法を解説していますよ。

装飾機能

THE THORのアイキャッチ画像のデザインを変更したいけど、どうやって設定するのかわからなくて困っていませんか? アイキャッチ画像を記事のトップに表示するかしないか?アイキャッチ画像にはどんなデザインがあってどれ[…]

 

「THE THOR無料サポート」受付中!質問、疑問etc…どんな些細なことでもOK!お問い合わせはこちらからお気軽にどうぞ!

THE THORカスタマイズ〜便利機能編〜

最後に、ここではTHE THORの便利な機能として、以下5つの項目をご紹介していきます。

  1. CTA機能の使い方
  2. タグ管理機能の使い方
  3. パンくずリストの設置
  4. お問い合わせフォームの設置
  5. PWAの設置

 

有料WordPressテーマの中でも、プラグインなしでここまで使える機能が標準装備されているテーマは数少ないでしょう。

 

てんかな
使えるものはどんどん使い倒しましょう!

 

CTA機能の使い方

CTAは記事下などに設置して、読者さんに次に取ってほしい具体的なアクションへと促す働きがあります。

 

アフィリエイトで収益を上げていくために重要な機能なので、何パターンか作っておいて、記事ごとに適切な内容のCTAを設置することをおすすめしますよ。

 

てんかな
フレームのデザインも用意されていますし、画像やテキストリンク・ボタンなども設置しましょう

 

便利機能

THE THORのCTAはどんなものなの?使ってみたいけど、設定方法がよくわからない...そんなお悩みを抱えていませんか? わたしも早速使ってみようと思ったものの、そもそもCTAって何?というレベル...しかもTH[…]

 

タグ管理機能の使い方

THE THORのタグ管理機能を使えば、いくつもあるアフィリエイト用の広告タグを、一つにまとめて管理できます。

 

わざわざASPなどにログインして、アフィリエイト広告をコピぺしてくる作業って、地味にめんどうですよね。

 

そんなとき、タグ管理機能にアフィリエイト広告を登録しておけば、できあがったショートコードをコピペするだけで済みます。

 

てんかな

さらにこのタグ管理機能を使って、ランキングまで作れちゃうスグレもの!

 

便利機能

THE THORのタグ管理機能について知りたい、使ってみたいけどよくわからない...そんな悩みを抱えていませんか? 私も最初はタグ管理の存在さえ知らなかったし、ほんとうに最近になってアフィリエイトのための機能じゃな[…]

 

パンくずリストの設置

WordPressテーマに限らず、ほとんどのサイトでページ上部に設置されているのが「パンくずリスト」になります。

 

なぜ設置してあるのかというと、読者さんが今どこを読んでいるのか知るための道標になるからです。

 

てんかな

記事の多いサイトでどんどん読み進めていくと、今の位置がわからなくなることってあります

 

むすめ

パンくずリストがあれば迷子になるのを防いでくれるんだね♪

 

便利機能

THE THORのパンくずリストについてくわしく知りたい、または設定方法をお探しではありませんか? わたしはブログをはじめた頃、「パンくずリストって何?大して重要なものじゃないだろう...」と、あまり関心がありませ[…]

 

お問い合わせフォームの設置

お問い合わせフォームはないよりもあった方がいいので、ビジネスをする上で間口を広げるためにも設置することをおすすめします。

 

てんかな
THE THORはプラグインなしでお問い合わせフォームを設置できちゃいますよ!

 

便利機能

THE THORのお問い合わせフォームを設置したり、カスタマイズするにはどうすればいいのか?その方法をお探しですか? WordPressでお問い合わせフォームを作るといえば、有名なプラグインで「Contact Fo[…]

 

PWAの設置

PWA(Progressive Web Apps)とは、Webサイトをスマホ上にアプリのようにインストールできる技術のことです。

 

Googleも推奨するほど優れた高速表示技術で、THE THORは他のWordPressテーマよりもいち早く搭載しています。

 

むすめ
今時はみんなスマホからの閲覧が中心だもんね♪
てんかな
もちろんTHE THORなら、こんな最先端機能も標準装備!

 

便利機能

THE THORに搭載されているPWAとは一体どんな機能なのか?使い方について知りたいと思っていませんか? 私はサイト立ち上げからだいぶ時間が経ってから設定しましたが、これには設定する前に知っておいて良かった〜!と[…]

まとめ

ここまで、THE THORをカスタマイズするための機能と使い方を一気にまとめてきましたが、THE THORを1年弱使っているキャナ子が書いたので、初心者さんの目線に割と近い内容になっております。

 

冒頭でもお伝えしましたが、THE THORの公式サイトのマニュアルはあまり頼りにならないため、代わりに本記事を参考にして頂けたら幸いです。

 

なお、今後もこの記事はときおり追加していく予定なので、次回訪問したときは新記事としてご覧になってくださいね。

 

最後に、今回の記事でなにかわからないことはありませんでしたか?質問や相談、感想や雑談などなんでもOK!あなたからのメール待ってます↓