THE・THORでの記事の書き方を画像22枚で完全解説【初心者でもすべて理解】

[voicel icon=”http://takeincomenet.com/wp-content/uploads/2020/05/似顔絵_5094.jpg” name=”タケ”>THE・THORでどうやって記事を書いていったらいいかわかりません。機能がありすぎるんですけど、どうしたらいいですか？ [/voicel]

こんな疑問をこの記事ですべて解決します。

THE・THORにはいろんな機能がありますが、それをどのように使うのかを画像22枚で完全解説。

• 記事装飾はどうすればいいのか？
• 公開前に確認しておきたいことは？

THE・THORの記事の書き方はこの1記事でわかりますよ。

THE・THORでの記事の書き方〜準備編〜

THE・THORで記事を書くにはプラグイン「Advanced Editor Tools」の導入が便利です。

プラグインを導入したら、下記手順で設定してください。

【プラグイン画面へ移動】

上の「設定」をクリックします。

移動後の画面を下にスクロールすると、下記画面が出てくるので、図のように操作してください。

この状態にして、記事執筆画面に移動します。

THE・THORでの記事の書き方〜基本編〜

THE・THORの場合、現状クラシックエディターの方が使いやすいです。

ただ、ブロックエディターにもメリットあり。

なので、基本的にはブロックエディターを使い、装飾は「クラシック」で入力しています。

ブロックエディターでクラシックを使う方法

記事編集画面の赤枠「＋」→「フォーマット」→「クラシック」と進んでいくとクラシックエディターで入力することができます。

このようにしていけば問題ありません。

そして、クラシックをたくさん使っていると「よく使うもの」に「クラシック」が表示されるようになります。

本文はクラシック、画像はブロックエディターで挿入

THE・THORの場合、装飾する部分のみをクラシックで入力し、基本的にはブロックエディターで編集するのが早いです。

【装飾する部分のみクラシック】

本文を入力するだけクラシックに設定すると記事を装飾する時に楽チンです。

記事全体をクラシックエディターにする方法

ブロックエディターとクラシックエディターの使い分けがめんどくさいという方は「Classic Editor」というプラグインを使うのが効果的です。

このエディターを使うと記事全体をクラシックエディターで操作することができます。

ぼくの場合はブロックエディター＋クラシックですが、このような選択肢があるということは知っておいて損がないです。

THE・THORでの記事の書き方〜記事装飾編〜

基本的なことができたら次はTHE・THORでの記事装飾です

記事装飾はクラシックの画面上で、ほとんどの作業を終わらせることができます。

スタイル

スタイルをクリックすると上の画像のような画面が出てきます。

操作手順としては

1. 装飾したい文章の範囲を設定する
2. スタイルから上記画像の画面に移動
3. 装飾をクリックする

マーカー（太）のレッドにするケースを画像にしました↓↓

そのほかの装飾についても、これと同じ手順で操作していきます。

いろいろ試してみて、自分が好きなデザインを探してみてくださいね！

プリセットパーツ

プリセットパーツは吹き出しや口コミボックスなどをデザインすることができます。

こんな感じです。

サイトとして見やすくていいですよね。

このようなパーツをボタン1つで簡単に表示できるのは魅力的です。

操作方法は「プリセットパーツ」から選ぶだけ。

あとは文章を編集していくだけです。

共通ボタン

共通ボタンを押すと上記画像のようなボタンが完成します。

あとはリンクテキストの部分を編集して、リンクを挿入するだけでOKです。

こちらもいろいろいじくってみてください！

カラム

まずカラムとは何なのかということですが、以下の画像をご覧ください。

2列に表示されていますよね？

これを2カラムと言います。

3列に並んでいれば「3カラム」です。

THE・THORではいろんなカラムが設定でき、多種多様です。

この画像のように、いろんなパターンを選べます。

ショートコード

ショートコードはそれほど使う頻度が多くないですが、記事一覧などを表示させる際に便利です。

これを選ぶだけで、設定できます。

記事一覧などを設定できますが、あまり使わない機能かなと個人的には思います。

記事内広告も、ぼく自身あまり使っていません。

Googleアドセンス広告は「外観」→「カスタマイズ」→「広告設定（THE）」で設定できます。

記事に広告を貼る際もhtmlで貼ることが多いので、この機能はほとんど使っていません。

サブタイトル編集

サブタイトル編集は上の画像の部分を修正できる機能です。

サブタイトルボックスの作り方は「スタイル」から行えます。

画像の通りに編集していただければ、簡単にボックスを作ることができます。

アイコン挿入

アイコンは基本的に挿入しなくて問題ありません。

ほとんどの機能はブロックエディターで対応することができます。

先ほど2カラムなどもブロックエディターで作ることができますので、詳しくはWordPressブロックエディターの使い方！クラシックは卒業すべき理由をご覧ください。

[kanren url=”https://takeincomenet.com/wordpress-editor-how-to/”>

スマホテーブル横スクロール

以下のような設定ができるのが「スマホテーブル横スクロール」です。

スマホで表に入りきらない部分をスクロールで移動させられる仕組みですが、それも簡単に作れます。

作り方は以下のとおりです。

①をクリックすると「点線内でテーブルを作成」という表示が出てきますので、そこでテーブルを作ればOKです。

THE・THORの記事の書き方〜記事公開前の設定編〜

ここまでのやり方＋WordPressブロックエディターの使い方！クラシックは卒業すべき理由で、記事の本文は作成できます。

いろいろ試してみて、慣れていってくださいね！

そして、記事が完成したら、公開前の設定を忘れずにしておきましょう！

上の4つだけは絶対設定しておきましょう。

他にも設定できる箇所がありますが、そこは任意で問題ありません。

下記画像の赤枠部分です。

これらは必ず設定するようにしましょう。

meta robot設定というのがありますが、基本的にそのままで問題ありません。

また、記事の書き方に関してはブログ初心者が意地でも知っておきたい記事の書き方10選でさらに詳しくまとめています。

ディスクリプションのデザインが違っていますが、デザインの違いだけなので、特に気にしなくて問題ありません。

まとめ：THE・THORの記事の書き方！初心者ブロガーはいろんな機能を使って慣れよう！

ここまでたくさん書いてきましたが、実際にいろいろいじってみないとわかりません。

なので、どんどん使って慣れていきましょう！

• 装飾機能を使ってみる
• 実際に記事を公開してみる
• その記事を修正する

WordPress初期はPV数が少なく、あまりブログを見られないので、その間にいろいろ試して慣れておきましょう！

全部の機能を使う必要はないんですが、記事の必要性に応じて使えるとかなり便利ですよ！

[kanren url=”https://takeincomenet.com/get-money-blog/”>

※ Webインカム構築ゼミは終了し、新しく生まれ変わりました。