ワードプレスで文章を投稿する方法

いよいよ記事の投稿です。ここではワードプレスの投稿画面の使用方法解説します。

投稿編集画面を開く

管理画面左メニューより「投稿」→「新規追加」をクリックして投稿編集画面を開きます。

sentence1

以下の画面が編集画面です。

ワードプレス編集画面の各ボタン

続いて、ワードプレスの2種類のエディタについて解説します。

ビジュアルとテキストの2種類のエディタ

ワードプレスの投稿画面にはビジュアルエディタとテキストエディタの2種類があります。ビジュアルエディタは実際のサイト表示に近い画面で編集する形式で、テキストエディタはHTMLタグを自分で打ち込む形式になります。

どちらで編集してもページのデータに変わりは無いので、使いやすい方を使えば良いです。ただウェブサイト制作の専門知識が無いのであれば、ビジュアルエディタをお勧めします。タロログの解説は、ビジュアルエディタを使用している前提の解説です。

下の投稿画面の赤枠で囲った部分が、エディタの切り替えスイッチです。

ワードプレス投稿画面

次の画面がテキストエディタです。

ワードプレスのテキストエディタ

ビジュアルエディタを利用する上での注意点

あくまで近い状態を再現しているだけなので、ビジュアルエディタでの編集画面そのままにサイト表示がされるわけではありません。

例えば見出しタグですが、

ワードプレス投稿画面

WP-Pollsの導入方法という見出しが実際のサイトでは、

実際の表示

オレンジ色のマーカーが追加されて文字色が白に変更されています。また、改行の位置も変わりました。

ビジュアルエディタで編集する場合でもプレビューで実際の表示をチェックしながら編集するように心がけましょう。

編集画面の各種ボタン

ワードプレスの編集画面には、様々なボタンが配置されています。これらを使用して文字の装飾を施したり、リンクの設定を行ったり、様々な機能が使用が可能です。

中には、普段パソコンで文章を作成するときに使用しないような機能もあると思います。一つずつ解説します。実際に使用してみた例もあるので、参考にしてください。

まず、右端のボタンに注目してください。このボタンは、「ツールバー切り替え」という機能が備わっています。

ツールバー切り替え

このボタンをクリックすることでツールバーが2段に増え、さらに機能を拡張することが可能です。記事を投稿するときは、このように拡張した状態で行うと捗ります。

2段に増えたツールバー

さらに機能を増やしたい場合は、「TinyMCE Advanced」というプラグインがおすすめです。

投稿の効率を上げるTinyMCE Advancedの使用方法

2015.10.08

それでは、上段の左端から各機能の解説をします。

段落

これは、見出しを設定するときに使用します。クリックするとプルダウンメニューが開き、

  • 段落
  • 見出し1
  • 見出し2
  • 見出し3
  • 見出し4
  • 見出し5
  • 見出し6
  • 整形済みテキスト

の中から選択することが可能です。

ワードプレスでは基本的に見出し1を使用しません。記事タイトルですでに使用されているからです。

SEOでは、ページの中に見出し1(h1タグ)が複数あるのは良くないとされてきました。Google自身はh1タグが複数あっても問題ないとしていますが、キーワードの重みが薄くなるという意見もあるので無理に使用する必要はありません。

※見出しについてさらに詳しく解説した記事もあります。

SEO効果がある見出しタグの使い方

2016.07.01

※見出しのカスタマイズ方法はこちら

ワードプレスで見出しのデザインを変える方法

2016.12.14

「段落」とは通常の文章に用いる設定で、「整形済みテキスト」は編集画面に入力したそのままの状態でブログに表示させる設定になります。段落を変えずに改行したいときなどに「整形済みテキスト」設定を用いるのですが、通常の「段落」設定でも「Shift+Enter」でも出来るのであまり使用することは無いでしょう。


Shift+Enterで

改行した場合

整形済みテキストで
改行した場合
太字と斜体

こちらの2つは、「B」が選択した文字を太字にする、「I」が斜体に設定するボタンです。文字を強調したいときに用います。


太字斜体
リスト記事設定

続いては、リストを作成するときに使用するボタンです。左のボタンが通常のリスト、右のボタンは数字付きのリストを作るときに使用します。

リストタグを終了して通常の文章に戻りたいときは、Enterを2回押してください。


  • 通常のリスト1
  • 通常のリスト2
  • 通常のリスト3
  1. 数字付きのリスト1
  2. 数字付きのリスト2
  3. 数字付きのリスト3
引用

これは、他のサイトや書籍から文章を引用するときに用いるボタンです。ボタンをクリックすると枠が挿入されるので、枠の中に引用した文章を入力します。

他サイトや書籍から、そのまま文章をコピーすると検索エンジンからコピーコンテンツと認定される可能性があり、また著作権侵害にもなるのでこの引用ボタンを使用してください。

また、記事の内容が引用ばかりになってしまうのも好ましくないので、頻繁に使用するのも避けましょう。

WordPress (ワードプレス) は、オープンソースのブログ/CMS プラットフォームです。セマンティック Web、コードやデザインの美しさ、Web 標準、ユーザビリティなどを意識して開発されており、無料でダウンロードして使うことができます。

出展:https://ja.wordpress.org/

左詰め、中央揃え、右詰め

続いては、文章の配置を設定するボタンです。この3つはそれぞれ、「左詰め」「中央揃え」「右詰め」に設定できます。


左詰めの文字

中央揃えの文字

右詰めの文字

リンクの設定

こちらはリンクの設定が行えるボタンです。左はリンクの挿入と編集、右はリンクの削除が設定できます。

使い方は、文字を選択した状態で左ボタンをクリックして、URL入力欄が表示されるのでそこにリンク先のURLを貼り付けてEnterを押すだけです。

リンクの設定

リンクを削除するときは、リンクが設定されている文字を選択して右ボタンをクリックしてください。

moreタグ

記事の一覧ページで、任意の部分まで見せて、それ以降は記事をクリックしないと見れないようにしたいときは、このボタンを使用します。


続きを読む
記事一覧での表示

訂正線、ライン挿入、文字色

この3つはそれぞれ、「訂正」「横ライン」「文字色」を設定できます。


訂正線テスト


※横ラインは使用しているテーマによって、デザインが異なります。

文字色テスト

テキストとしてペースト

このボタンは、コピーした文章を以下の情報を省いた状態で貼り付けるときに使用します。

  • リンク
  • 見出し設定
  • 文字色とサイズ

通常の貼り付けはこの情報を含んだ状態で行われるので、純粋な文字や文章だけを貼り付けしたいときなどにこのボタンが最適です。


ネットで稼いで自由に生きる方法|タロログ

※そのまま貼り付けたとき↑

※ボタンをクリックした状態で貼り付けたとき↓

ネットで稼いで自由に生きる方法|タロログ

書式設定のリセット

こちらは、選択した文字の書式設定をリセットするときのボタンです。以下の設定が解除されます。

  • 太字
  • 斜体
  • 訂正線
  • 文字サイズ
  • 文字色
  • 中央揃え、右詰め(左詰めに直す)
特殊文字

記号やギリシア文字など、通常では打ち込めない文字はこのボタンから入力することが可能です。

インデント

この2つのボタンは、インデントの設定をすることが可能です。左のボタンを押すと左に、右のボタンで右に文章が移動します。

「取り消し」「やり直し」

この2つのボタンは、左が「取り消し」、右は「やり直し」です。編集作業を1段階戻すことができます。

ショートカットキー一覧

「?」のボタンは、ショートカットキー一覧を表示させます。この欄の操作を行うと、ツールバーのボタンをクリックしなくてもキーボード操作だけで様々な機能を使用することができ、作業の効率を上げることが可能です。

テキストの重要性

SEOの観点から、ウェブサイトはテキストを中心に構成するのがいいとされています。それは、一体なぜでしょうか?

近年、Googleの検索エンジンは画像の内容を認識できる段階まできていると言われています。Google自身も、

つまり、検索をさらに賢く高速にするということです。そうすれば、キーボードから「ジャガー」と入力されたときに、ユーザーが探しているのが動物の写真ではなく、自動車であることを理解できます。

出典:「Google のサービス – 会社情報 –」より

としています。

こう聞くと、画像を多用してもSEOの効果はテキストと変わらないのではないかと思われるかもしれません。

それでも尚、SEOでより効果があるのはテキストです。検索エンジンの画像認識の制度も上がってきてはいますが、完全ではありません。

Googleは次のようなことも言っています。

重要な名前、コンテンツ、リンクを表示するときは、画像ではなくテキストを使用します。テキスト コンテンツの代わりに画像を使用する必要がある場合は、alt 属性を使用して簡単な説明テキストを組み込みます。

出典:ウェブマスター向けガイドライン(品質に関するガイドライン) – Search Console ヘルプ

実際に、検索エンジンで特定のキーワードを検索したときに、上位表示されるサイトはテキスト中心です。画像はあくまで補足で使用する程度にとどめておいて、テキストを中心に構成しましょう。

文字数について

テキストを中心にウェブサイトを構成するべき理由はおわかりいただけたと思いますが、そこで一つ疑問がわいてこないでしょうか?

「どのくらいのボリュームで書けばいいの?」

よく言われているのは、多ければ多いほどいい、ということです。

事実、タロログが運営しているサイトのトップページが10,000字以上で、特定のキーワードで1位で表示されるようになりました。他の運営サイトでも、上位表示されているページが5,000字近くのトップページです。

実際にキーワードで検索して上位表示されているサイトを比較しても、やはり文字数が多く平均で6,000字以上のこともあります。

ただ、以下の動画でGoogleのジョン・ミューラー氏は、文字数は関係ないとしています。

タロログの運営サイトでも、上位表示されているウェブサイトの平均文字数より少なくても3位、2位と順位を上げることができました。これは、キーワードを意識したりユーザーが求めいている情報を精査した結果と言えるでしょう。

以上のことから、次のようなことが言えると思います。

  • 必要な情報、有意義な情報を記述して文字数が多くなるのは効果がある
  • 水増しのために文字数を稼ぐのは効果がない

つまり、文字数を目標にするのは間違いで、必要な情報や伝えたい情報をどんどん盛り込んで結果的に文字数が多くなるのは良いということです。

文章を書くときに迷ったら

今回は、ワードプレスの投稿画面の具体的な使用方法の解説なので端折りましたが、実際に文章を書こうとしたときに「何を書けばいいのかわからない・・・」と手が止まってしまうこともあるのではないでしょうか?

筆者も常にスラスラ文章を書けないときがよくあるのですが、そのようなときに読んでいただきたい記事をご紹介いたします。

書く内容に困ったら、マインドマップを使用してみましょう。マインドマップの使い方は以下の記事内にあります。

こちらの記事は、実際にライターを生業としている方にご教授を受けて書かれている記事です。

もう書き出しで迷わない!「冒頭」に使える5つの型

2016.09.28

リズム感の無い文章からの卒業!ポイントは「語尾」

2016.07.28

論理的な文章を書くための「演繹法」

2016.07.28

論理的な文章を書くための「帰納法」

2016.07.28

スッと入ってくる文章は「反論」を先に潰している

2016.06.29

とくにマインドマップは、ブログを運営していくと様々なタイミングで役立ちます。

  • カテゴリー分け
  • 書くべき記事のあぶり出し
  • 文章構成(見出し作成時など)

このようにとにかく便利です。ぜひ使用してみてください。

まとめ

いかがでしたか?ビジュアルエディタならば、ウェブ制作の知識がなくても誰でも簡単に文章の投稿ができるということがお分かりいただけたことでしょう。

文章を投稿することは、ブログを運営していくうえで基本中の基本です。最低限文章さえあれば、ウェブサイトとして成立します。まずは、文章の基本的な投稿方法を覚えておいてください。

テキストだけでもウェブサイトとして公開できますが、内容によってはイラストやグラフ、もしくは動画があるとより読みやすくなることもあります。ということで、次は画像や動画を挿入する方法を解説した記事です。

ワードプレスで画像や動画を挿入する方法

2015.11.08

『成果が10倍になるネット集客』無料プレゼント中

ABOUTこの記事をかいた人

マツ

高2から陰キャでコミュ障になり、最終学歴高卒フリーターの人生がけっぷち屑野郎へ。 こっから人生大逆転ホームラン狙ってます。担当はゲームとお菓子調達です。よろしこ