PR

WordPress(ワードプレス)のビジュアルエディタ・テキストエディタの使い方について

WordPressをはじめる
rosygown / Pixabay
記事内に広告が含まれています。

WordPress(ワードプレス)で記事を書くときには、「ビジュアルエディタ」で書く方法と「テキストエディタ」で書く方法の2種類があります。「ビジュアルエディタ」と「テキストエディタ」の大きな違いは、簡単にいうと、自動的にHTMLに変換してくれるか、自分でHTMLを自分で書く(編集する)かの違いです。

この記事では、WordPress(ワードプレス)初心者さんにもわかりやすいように、「ビジュアルエディタ」、「テキストエディタ」それぞれの使い方とメリットについて書いてみます。

WordPressの記事の書き方

WordPressにログインして、管理画面から「投稿」⇒「新規追加」をクリックします。

そうすると、「新規投稿(追加)」画面が開くので、開いた画面の右のほうに「ビジュアル」「テキスト」と切り替えるタブがあるので、そこで切り替えができます(赤枠で囲んだ部分)。

「ビジュアル」を選ぶと下の画像のような画面に。

「テキスト」を選ぶと下の画像のような画面になります。

※2019年4月現在、このエディタは旧エディタになります。新たにワードプレスをインストールした場合は、新しいエディタになります。旧エディタを使用する場合は、プラグイン「Classic Editor」をインストール⇒有効化してください。

ビジュアルエディタの使い方&メリット

WordPressではじめて記事を書くという場合、デフォルトで表示されるのは「ビジュアルエディタ」のほうだと思います。

WoroPressでブログをはじめるという方は、すでに無料ブログサービスのブログで、何かしらの記事を書いたことがあるという方がほとんどだと思います。上の画像は「ビジュアルエディタ」の画面で、赤枠で囲んだ部分が「ツールバー」です。どの無料ブログサービスを利用したかによって違いはありますが、機能的にはWordPressも同じと思っていいでしょう。

つまり、特にHTMLの知識がなくても、「ビジュアルエディタ」を使って記事を書けば、WordPressでもすぐに記事が作成できます。文字を打ち込んで、使いたいツールバーボタンを押すだけです。

たとえば、「テスト1」「テスト2」「テスト3」3つの文字列を「番号なしのリスト」表示にしたいという場合なら、下の画像のように文字を入力して、

「番号なしのリスト」にしたい範囲をマウス(左クリック)で設定し、ツールバー(赤枠で囲んだ部分)をクリックします。

そうすると、「テスト1」「テスト2」「テスト3」3つの文字列が「番号なしのリスト」表示になります。

ここでは参考までに「番号なしのリスト」のツールバーを利用しましたが、最初は練習を兼ねて色々なツールバーを試してみるといいでしょう。

このように、ビジュアルエディタでは、文字を入力し、必要に応じてツールバーを利用するだけで簡単に記事作成ができてしまうというメリットがあります。

ビジュアルエディタ使用時の注意点

普通にブログ記事を書いていて、改行するときには、「Enter」をクリックして改行するわけですが、ビジュアルエディタで記事を書いているときには、「Enter」をクリックすると1行飛ばして広く間隔が開いてしまいます。普通に1行改行したい場合は、「Shift」を押しながら「Enter」をクリックしてください。そうすると、きちんと1行改行されます。

テキストエディタの使い方&メリット

テキストエディタは、HTMLを直接編集できるので、HTMLが分かる方にとっては、とても便利な機能です。また多少でもHTMLがわかる方なら、ビジュアルエディタとテキストエディタを行き来しながらビジュアルエディタだけではできない記事を作成することもできます。

テキストエディタのメリットとしては、HTMLが直接編集できるので、ビジュアルエディタではできない事ができたりもすることといえるでしょう(自由度が高い)。

たとえば、グーグル・アドセンスなどの広告コードなどを利用する(直接貼り付ける)場合などには、やはりテキストエディタで記事を編集していく必要があるので、アフィリエイトブログをやるという方は必然的に利用することになります。

ビジュアルエディタではツールバーを押すだけで、「テスト1」「テスト2」「テスト3」3つの文字列が「番号なしのリスト」表示になりましたが、テキストエディタで同じような表示をしたい場合には、

<ul>

<li>テスト1</li>
<li>テスト2</li>
<li>テスト3</li>

</ul>

テキストエディタで、上のように入力します。

テキストエディタでHTMLを使う場合には、基本的に特別な操作は必要ありません。直接HTMLコードを書き込めばOKです(テキストエディタ側のツールバーも、もちろん使えます)。

ビジュアルエディタとテキストエディタを使い分けよう!

WordPress初心者さんで、「HTMLはイマイチよくわからない」という方は、基本的にビジュアルエディタを利用して記事を作成していけばいいでしょう。

WordPressを利用してブログを書く場合は多少のHTMLの知識があった方がいいと思いますが、ビジュアルエディタを利用して記事を書きながら、必要に応じて少しづつ覚えていけばいいと思います。実際にWordPressに慣れている方でもビジュアルエディタとテキストエディタを行き来して記事を書いているというケースも多いです。

コメント

タイトルとURLをコピーしました