アフィリエイトの始め方

クラシックエディターの導入手順と使い方の基本を解説

WordPress ではブロックを積み上げていくスタイルの「ブロックエディター(Gutenberg)」が採用されているんですが、初めてだとなかなか使いにくいと感じる人も多いでしょう。

そこで、アメブロなどでも採用されている従来の投稿管理画面「クラシックエディター」に変えて記事を書く手順を紹介します
 

それでは、解説をスタートします。
 

クラシックエディターに変えられるプラグイン(拡張機能)


 

ブロックエディターから、クラシックエディターに変えられるプラグイン(拡張機能)が3つあります。
 

 クラシックエディターにするプラグイン 


 

ただ「Classic Editor」は 2022 年までの期限付き(予定)で、「Disable Gutenberg」は単純にブロックエディターを無効にするだけのプラグインです。

なので、今後も使い続ける予定であれば、他のプラグインとの連携もされている「Advanced Editor Tools」がおすすめです
 

Advanced Editor Tools でクラシックエディターにする手順

WordPress の管理画面から「プラグイン > 新規追加」で、「Advanced Editor Tools」で検索してください。

WordPress クラシックエディター
 

見つけたら「今すぐインストール」のボタンを押して、そのまま「有効化」しましょう。
 

プラグインの名前について

以前は「TinyMCE Advanced」という名前のプラグインだったので、プラグインの正式名として「Advanced Editor Tools (previously TinyMCE Advanced)」と表記されています。


 

設定①:クラシックエディターに切り替え

プラグインを有効化させたら、左メニューの「設定 > Advanced Editor Tools」からか、もしくはプラグインの一覧から「設定」をクリックします。

WordPress クラシックエディター
 

すると、設定画面が表示されるのでそのまま「上級者向け設定」まで下にスクロールしていきます。

WordPress クラシックエディター
 

そして「上級者向け設定」を見つけたら、「ブロックエディターをクラシックエディターに置き換える」にチェックを入れてページの右下にある「変更を保存」のボタンを押してください。

WordPress クラシックエディター
 

するとクラシックエディターへ切り替わっているので、「投稿」からエディターを新規追加で開いてみてください。

WordPress クラシックエディター
 

設定②:ボタンの配置を設定

Advanced Editor Tools の設定では、エディターで表示するボタンの場所などを設定できます

WordPress クラシックエディター
 

全てをドラッグ&ドロップで感覚的に設定できるので、自分が必要となるボタンを配置したり、必要ないと思えば削除することも可能です。
 

クラシックエディターの使い方


 

クラシックエディターに切り替えることができたら、さっそく記事を書いてみてください。
 

ただ、これまでにアメブロなどのブログサービスを使ったことがない人の場合、ちょっと使い方が分からない部分があるかもしれませんね。

そこで、クラシックエディターの基本操作を紹介しておきます。
 

ビジュアルとテキストについて

クラシックエディターでは、「ビジュアル」と「テキスト」という2つのタイプの書き方が選べるようになっています。

WordPress クラシックエディター
 

 「ビジュアル」と「テキスト」の違い 

  • ビジュアル → 実際の表示と同じように記事作成
  • テキスト → HTML で記事作成

 

なので、これまで Web 制作をしたことがある人以外は、基本的に「ビジュアル」の方を使いましょう

どろいもん
ただアフィリエイトをする時は、場合によっては「テキスト」の方を使うことがあります。

 

文字の装飾について

文字の大きさや色などを変える場合には、先に文字を書いてから、設定を変えたい部分をドラッグして選択してから各ボタンを押せば反映されます。

WordPress クラシックエディター
 

見出しにする

見出し(hタグ)にする場合は、「段落」というプルダウンを開いてから設定したいタグを選択します。

WordPress クラシックエディター
 

文字の太さや色を変える

文字の太さや色を変えるときは、以下のボタンを使います。

WordPress クラシックエディター

  • :太字になる
  • :イタリック体になる
  • :色を変える

 

リスト表示する

点だけをつけるリストと、数字をつけるリストを表示させることができます。

WordPress クラシックエディター
 

文字の配置を変える

表示させる文章を「左寄せ」「中央」「右寄せ」にすることができます。

WordPress クラシックエディター
 

リンクをつける

」を押すと入力欄が表示されるので、リンク先の URL を入れれば飛ぶようになります。

WordPress クラシックエディター
 

引用文にする

Web 上にある文章をパクるのはダメなので、もし引用したい場合は「 」のボタンを押して設定します。

WordPress クラシックエディター
 

引用について

どこかの文章を引用する場合には、引用元のリンクも一緒に表示させましょう。「引用:◯◯.com」「参照元:◯◯.com」のような感じで。


 

表(テーブル)について

分かりやすくデータなどを表示したいときは、表(テーブル)を使ってみましょう。

WordPress クラシックエディター
 

まずは、「テーブル」をクリックします。

WordPress クラシックエディター
 

するとメニューが表示されるので、「テーブル」から何列と何行が必要なのかを設定します。
 

もし2列と2行が欲しければ、2 × 2 にすれば OK です。

WordPress クラシックエディター
 

すると空の表が表示されるので、文字を入力して完成させましょう。

WordPress クラシックエディター
 

大きさを変えたい場合

表の大きさを変えたい場合は、表のカドやハジをつまんだ状態で動かせば自由に変えられます。

WordPress クラシックエディター
 

列や行を増やしたい場合

「テーブル」のボタンを押してメニューを出すと、「行」や「列」と書かれたサブメニューがあります。

WordPress クラシックエディター
 

そこから「挿入」を選択すれば、追加されます。
 

画像の挿入について

画像を文章内に表示させたい場合は、左上にある「メディアを追加」のボタンを押します。

WordPress クラシックエディター
 

そして新しく画像をアップロードするか、もしくはすでにアップロード済みの画像から選べば表示されます。
 

クラシックエディターを使って記事を投稿してみよう

標準では「ブロックエディター」が採用されていますが、なかなか馴染めない人は「クラシックエディター」を使った方が簡単に記事が作成できます。

特に SEO への影響はないので、記事を作成しやすいスタイルを選ぶといいでしょう。

-アフィリエイトの始め方