投稿ページを作成する方法-アイキャッチ画像|アフィリエイトの水先案内

それでは実際に投稿してみましょう。

WordPress4.x系をお使いの方は旧エディター、WordPress5.x系をお使いの方は新エディター「グーテンベルク」となります。

グーテンベルクを使いたくない、という方はプラグインにてグーテンベルクを消すことも可能ですので、プラグインを導入してください。

下記のリンクでは、Gutenbergを無効化するプラグインの導入方法について解説しております。

【WordPressプラグイン】グーテンベルクを無効化

この記事で伝えたいこと
  • 記事の投稿は投稿画面から行い、Wordやメモ帳などと同じような感覚で入力できる
  • 見出しを付ける場合はHTML特有のルールに従って設定する
  • 画像は非常に目を惹くので忘れずにアイキャッチ画像を設定しよう

ページを投稿する手順

「投稿」で記事を公開するまでの一連の流れを解説していきます。

1.投稿画面を開く

まずはサイドバー「投稿」から赤枠部分「新規追加」をクリックしてください。

投稿の方法1|アフィリエイトの水先案内

テラステラス

まずは投稿画面を開きましょう!

投稿画面はざっくりと3つに分類することができます。下図をご覧ください。

投稿の方法0|アフィリエイトの水先案内

記事のタイトルとなる「タイトルエリア」、記事の本文を入力していく「メインエリア」、公開やカテゴリーなどをつかさどる「サイドエリア」です。

今は使いこなせるか心配かもしれませんが、投稿を行う際にはすべてのエリアを使用しますので使っていくうちに自然と覚えられます。

2.タイトルを入力

赤枠部分にタイトルを入力します。

投稿の方法2|アフィリエイトの水先案内

タイトルにはとくに決まりなどはありませんが、基本的には32文字以内で入力するとよいでしょう。

32文字というのはGoogleなどで検索された際に、検索画面に表示することができる最大の文字の長さです。

タイトルはページの大見出しという位置づけで、検索結果の順位にかなり影響を及ぼします。

そのため、上位に表示させたいキーワードを十分意識したうえでタイトルをつける必要があります。

見出しのルールや使い方はこの記事の「見出しのルール」で解説いたします。

3.本文を入力

赤枠部分に本文を入力していきます。

投稿の方法3|アフィリエイトの水先案内

入力はwordのような感覚で入力できます。WordPressを始めて使う方でも気軽に使用できるでしょう。

文字には太字にしたり、色を付けたりとさまざまな装飾が可能で、画像や表なども表示できます。

WordPressの見出しについて

文章を書くことができたら、見出しを作成していきましょう。

ウカブウカブ

そもそもなんで見出しをつける必要があるの?

テラステラス

見出しをつけることで記事が分かりやすくなるのよ。

「見出し」は記事をわかりやすくするためにも、SEO対策の点からも非常に重要です。

なぜ見出しをつけるのか

そもそもですがなぜ見出しをつける必要があるのか、ということについて考えていきましょう。

下記は見出しをつけなかった場合の文章です。

例をあげてみると?

見出しをつけなかった場合、読み手は「ここに何が書いてあるのか」が分からない状態で文章を読んでいくことになります。そのため、当然何が書いてあるのかわからない状態で読むのですから、読まれる可能性は当然下がります。また、見出しをつけることでGoogleのクローラーにも好まれますので多少のSEO対策になるといえるでしょう。見出しにはh1は1つの記事に対して1度までなどの細かいルールがありますのでしっかりとルールを守って設定するようにしましょう。

どうですか?読みやすかったでしょうか。

ウカブウカブ

めっっっっっっっっっちゃ見にくい!

テラステラス

今度は見出しをつけてみましょう。

下記は見出しをつけた場合の文章です。

例をあげてみると?

●もしも見出しをつけなかった場合

 

見出しをつけなかった場合、読み手は「ここに何が書いてあるのか」が分からない状態で文章を読んでいくことになります。そのため、当然何が書いてあるのかわからない状態で読むのですから、読まれる可能性は当然下がります。

●見出しはSEO対策にもなる

 

見出しをつけることでGoogleのクローラーにも好まれますので多少のSEO対策になるといえるでしょう。

●見出しのルール

 

見出しにはh1は1つの記事に対して1度までなどの細かいルールがありますのでしっかりとルールを守って設定するようにしましょう。

文章は短いですが、何が書かれているのかが推測しやすくないですか?

見出しは何が書いてあるのかを一目でわかりやすくする効果や作成したページがどのような構成で作られているのか、ということをお知らせしています。

もちろん、見出しをつけることで、ページの見た目を華やかに見せるという効果もあるのではないでしょうか。

ウカブウカブ

見出しをつけると読み手に伝わりやすい文章になるね!

見出しとSEOの関係性

見出しをしっかりとつけることは、SEO対策としても非常に有効なことです。

check!※SEO対策とは
検索エンジン最適化のこと。インターネットで検索をした時、自分のサイトを上位に表示させるために行う方法のこと。

なぜ見出しをしっかりとつけることがSEO対策につながるのかといいますと、「見出しを読むだけ」で内容を端的に伝えることができます。

サイトに訪れたユーザーの視点からすると、見出しさえ確認しておけばすべての文章を読まなくても、自分の知りたい情報が書かれているであろう部分をすぐに確認できます。

Googleの考え方は、基本的にユーザーファーストですので、ユーザーの不利益となるようなサイトは極力排除したいです。

そのために、ページに見出しをつけることは、ユーザーの使いやすさを向上させるためにも設定すべきでしょう。

また、後述しますが「h1」タグというものは特別です。

h1タグ内に書かれた文章はSEO対策として重要な役割を担っています。

WordPressでいうh1は「タイトル」を指しており、タイトルに記述する内容はしっかりと考えたほうがよいでしょう。

見出しのルール

知ることについて|アフィリエイトの水先案内

すぐにでも見出しを変更したいと思いますが、もう少しお付き合いください。

実は見出しをつけるときにはルールがあります。

ルールをしっかりと守らないと、先ほどお話ししたSEO対策の効果がなくなってしまいますので、しっかりとルールを守って見出しをつけるようにしましょう。

h1タグの使用は1ページ1度まで

h1というのは見出し1のことを指しています。

このh1はページを作る際に、基本的には1度しか使用してはいけません。

そのため、ページのタイトル部分がすでにh1となっているため、基本的に文章を書くエリア内でh1(見出し1)を使用することはないでしょう。

先ほどちらっとお話いたしましたが、h1タグは1つのコンテンツ内で1度まで使用することができない特別な見出しと紹介しました。

h1に入力する内容はしっかりと検索されたときに上位に表示させたいキーワードを含んだものにするとよいでしょう。

ちなみにですが、WordPressでh1となるのは下図の部分です。

投稿の方法2|アフィリエイトの水先案内

テーマによってはh1が設定されていない場合もあるかもしれませんが、基本的にはh1はWordPressにおけるタイトル部分と考えて間違いないでしょう。

ウカブウカブ

h1の使用は1ページ1度まで!

数字の順番は守ろう

これはどういうことかといいますと

例をあげてみると?

例えばですが、h3(見出し3)の中にh2(見出し2)が存在した場合、見た目上は違和感がないとしても、なんか気持ち悪くないですか?

私達が気持ち悪い、と感じるということは当然サイトを読み取る機械も気持ち悪いと感じます。

h2を使ったら、次の見出しは同じh2か1つ下のh3を使うようにするとよいでしょう。

ただし、数字の順番に関してはGoogleからの公式アナウンスであまり守る必要がない、ということが言われておりますので、数字の順番は必ずしも守る必要はないようです。

文章を見出しにするためには

見出しを変更するためには画像の赤枠部分のプルダウンボックスを変更することで、通常の文字を見出しへと変更することができます。

見出し1|アフィリエイトの水先案内

しかし、見出しにするたびに毎回マウスを動かしていては、非常に手間がかかってしまいます。

そのため、今回はもっと簡単な方法で文章を見出しに変更する手順を紹介していきます。

まずは見出しに変更したい文章の行にカーソルを置いてください。

見出し2|アフィリエイトの水先案内

ctrlキー + Altキー + 1~6の番号キー

を同時に押してください。すると段落だった部分が見出しに代わります。

見出し3|アフィリエイトの水先案内

この時、段落すべてが見出しに変更されます。

段落で区切らずに文章を改行していた場合はすべて見出しになりますので注意しましょう。

テラステラス

キーボード操作で見出しを変更できるので、非常に便利です!

WordPressの改行について

「改行してください。」といわれた場合、ほとんどの方が「Enterキー」を押すのではないでしょうか。

実はWordPressでは改行は「Enterキー」を押しても改行されません。

WordPressで改行をする場合はWordと同じように「Shiftキー + Enterキー」で改行ができます。

改行と段落の違い

WordPressでの改行を学ぶ前に、まずは改行と段落の違いを抑えておきましょう。

まずは例文です。

例をあげてみると?

WordPressで段落と改行には明確な違いがあります。段落の場合は<p>タグで作成されているのに対して、改行の場合は<br>タグを段落の途中に挿入することで改行を行っています。見た目的にも段落を作成した場合は文章と文章の間に空白が入るのに対して、改行を挿入した場合は文章と文章の間に空白が生まれません。

ウカブウカブ

見出しの時もだけどめっちゃ読みにくい。

テラステラス

文章を適度に段落や改行をしないと読みにくいということが分かるわね。

このことからもわかる通り、webのコンテンツで長い文章を表示させると非常に読みにくい、ということが分かります。

そのため、適度に改行や段落を作ることで、見やすく、読みやすい文章を作成することができます。

段落とは、長い文章の中で、1つ1つに区切られた区切りの事です。

下記は文章を段落で区切った場合の例です。

例をあげてみると?

WordPressで段落と改行には明確な違いがあります。段落の場合は<p>タグで作成されているのに対して、改行の場合は<br>タグを段落の途中に挿入することで改行を行っています。

 

見た目的にも段落を作成した場合は文章と文章の間に空白が入るのに対して、改行を挿入した場合は文章と文章の間に空白が生まれません。

それに対して、下記は改行で文章を区切った場合の例です。

例をあげてみると?

WordPressで段落と改行には明確な違いがあります。段落の場合は<p>タグで作成されているのに対して、改行の場合は<br>タグを段落の途中に挿入することで改行を行っています。

見た目的にも段落を作成した場合は文章と文章の間に空白が入るのに対して、改行を挿入した場合は文章と文章の間に空白が生まれません。

いかがでしょうか。

段落で区切った場合は文章が2つになっているのに対して、改行で区切った場合は文章は1つでありながら、2つの文章が表示されています。

例を交えながら解説しましたが、以上が改行と段落の違いになります。

テラステラス

まずは改行と段落の違いを押さえておきましょう。

改行と段落の使い分けについて

実は、サイトで文章を書いていく場合、あまり改行を使用することはありません。

理由はスマートフォンでサイトを見た場合、文章は短く1段落にまとめたほうが見やすくなるからです。

そのため、スマートフォンが登場してから文章を改行ではなく、段落で区切る書き方が主流です。

改行は、どうしても文章を2つに分けないといけない場合などに使用する程度です。

ウカブウカブ

基本は段落で区切れば間違いないっと

WordPressの改行のやり方

WordPressで「Enterキー」を押した場合は、改行ではなく段落が作成されます。

本文を改行したい場合は「shiftキー+Enterキー」を入力することで改行を行えます。

1.Enterキーによる段落の作成

まずはEnterキーによる改行です。

テキストをEnterキーで改行した場合は以下のようになります。

例をあげてみると?

こちらはキーを入力する前の文章です。

改行の方法1|アフィリエイトの水先案内

そして、こちらがキーを入力した後の文章です。

改行の方法2|アフィリエイトの水先案内

2つの文章の間には分かりやすい空白が生まれておりますので、段落に分けられたことがよくわかるのではないでしょうか。

ここで、一度テキストモードを開いてみてください。

改行の方法5|アフィリエイトの水先案内

テキストモードを開くと、文章が「<p>」で囲われていることが分かると思います。

この「<p>」は段落を表しておりますので、Enterキーを押した場合は、1つの段落を2つに分ける役割があるということが分かります。

<p>タグは表示されなくなってしまったのでわかりにくくなってしまいました。

Enterキーを使用した場合は、2つの文章それぞれに、文章の段落を表す「<p>タグ」が挿入されております。

テラステラス

今は表示されなくなってしまいました・・・。

2.shift + Enterキーによる改行

続いてshiftキーとEnterキーを同時に押してみてください。

テキストをshiftキー+Enterキーで改行した場合は以下のようになります。

例をあげてみると?

こちらはキーを入力する前の文章です。

改行の方法1|アフィリエイトの水先案内

こちらはキーを入力した後の文章です。

改行の方法3|アフィリエイトの水先案内

今度は先ほどと違って空白は生まれず、文章のすぐ下に移動しました。

ここで、またテキストモードを開いてみましょう。

改行の方法4|アフィリエイトの水先案内

今度は改行を行った部分に「<br />」という文字が入力されています。

この「<br />」は改行を表すコードなのですが、ここで注目してほしいのが、先ほどは分かれていた「p」が分かれていないという点です。

つまり、shift+Enterキーの場合による改行は行を変更するだけで段落は変わらない、ということがお分かりになるのではないでしょうか。

pタグと同様に<br />タグも表示されなくなってしまいました。

ウカブウカブ

こっちも表示されないんだね・・・。

WordPressで画像を設定する方法

「投稿」で文章を作成できるようになったら、次は画像も表示してみましょう。

画像は記事への興味を引き付けるだけでなく、視認性を上昇させてくれる役割も持ちます。

無理に画像を挿入する必要はありませんが、内容をわかりやすくするためにも1つの記事で2~3枚程度画像を挿入することで読まれやすい記事になっていきます。

テラステラス

特に、何かを解説するときは画像の力が必要になります。

画像を挿入してみよう

実際に画像を挿入してみましょう。

画像を設定する場合に大切なのは「代替テキスト」をしっかり設定することです。

1.画像をWordPressに追加

画像を表示させる場合は赤枠部分「メディアを追加」から行います。

画像挿入3|アフィリエイトの水先案内

画像を設定する場合は、すでにWordPress上にアップロードした画像を追加する方法とWordPressに画像を取り込んで表示させる方法の2種類があります。

check!※アップロードとは
アップロードとはコンピュータの中にあるデータなどをインターネット上に転送することを言います。

今回は画像をWordPressにアップロードして画像を設定しましょう。

2.画像をアップロード

画像のアップロード画面では、ファイルを画面上に直接ドラッグアンドドロップするか、ファイルを指定してアップロードすることが可能です。

check!※ドラッグアンドドロップとは
移動させたい画像やファイルの上でマウスの左ボタンを押したままマウスを目的の場所まで移動させて、移動できたら左ボタンを離す操作

今回はファイルを指定してアップロードします。

画像挿入4|アフィリエイトの水先案内

赤枠部分の「ファイルを選択」をクリックします。

画像挿入5|アフィリエイトの水先案内

3.ファイルを選択する

フォルダが開かれますので、アップロードしたい画像ファイルを選択しましょう。

複数の画像を選択したい場合は「ctrlキー」を押しながら選択することで、複数の画像を選択可能です。

選択が完了したら「開く」をクリック。

画像挿入6|アフィリエイトの水先案内

写真のアップロードが完了しました。

画像挿入7|アフィリエイトの水先案内

4.写真の情報を付属させましょう

写真の情報の中で付属させることができる情報について確認しておきましょう。

設定できる情報には全部で8つの項目がありますが、特に重要なのが「代替テキスト」と「リンク先」の2つです。

画像を使用する場合には、この2項目は必ず設定しましょう。

・URL

URLはその写真がどこに保存されているか、ということが表示されています。そのため、変更することはできません。

・タイトル

タイトルはその写真のタイトルです。画像の名前といったほうがしっくりくるかもしれません。

画像のタイトルが日本語の場合は、よくわからない文字列が名前に変換されます。

しかし、画像のタイトルはあまり重要ではありませんので、特に変更する必要などはありません。

・キャプション

挿入した画像の周りに文字などを配置することができます。配置する位置はテーマなどによって変化します。

・代替テキスト

画像が表示されなかった場合などに、画像の代わりに表示されるテキストを設定します。

代替テキストがなぜ重要と言われているのかというと、画像は基本的にGoogleのクローラーは読み取りができないので、代替テキストが空白の場合は何の画像が入っているのか判別できません。

check!※クローラーとは
Googleが開発しているインターネット上にあるサイトを巡回するシステムのこと

クローラーに正しく読んでもらえなければ、その画像が入っていることの価値は0ですのでSEO対策になりません。

画像が表示されない不測の事態やクローラーに画像を正しく読み込んでもらうためにも、代替テキストの入力は必須です。

テラステラス

代替テキストは必ず設定しましょう!

・説明

画像に関する説明です。

SEO対策などにかかわってこないため基本的に空白でも構いません。

・配置

配置では「左寄せ」「中央揃え」「右寄せ」「配置なし」の4つから選択できます。

無理に設定しなくても、投稿画面で画像を選択すれば下図のように赤枠部分が表示されます。

配置画像|アフィリエイトの水先案内

左から「左寄せ」「中央揃え」「右寄せ」「配置なし」の4つが選べます。

非常に簡単に配置を変更できますので、一度設定しておかしければ修正しましょう。

アオイノからの一言

私は基本的に「中央揃え」を選択していますが、状況に応じて「配置無し」を選択することもあります。

・リンク先

リンク先の設定では、画像をクリックした場合の動きについて設定できます。

なし クリックすることができません。
メディアファイル 画像ファイルを元々のサイズで表示します
添付ファイルのページ 画像のアップロード時に生成される画像だけが表示されているページを表示します
カスタムURL クリックした際に任意のURLへ飛ばします

リンク先は基本的に「なし」か「メディアファイル」のどちらかを設定しましょう。

特に装飾などのために画像を設定する場合は「なし」でもかまいませんが、画像で何か説明する場合は大きな画像でも確認できるように「メディアファイル」を設定しておいたほうが親切です。

カスタムURLは任意の画像をクリックしてもらった際に特定のページへ飛ばす、たとえばお問い合わせの画像をクリックしてもらった際にお問い合わせページへと誘導するなどの使い方が一般的と言えるでしょう。

・サイズ

画像のサイズについて設定します。

サムネイルサイズ、中サイズ、大サイズ、フルサイズから選択できます。

画像サイズの設定に関しましては、下記のリンクで詳しく解説しております。

【WordPress初期設定】画像のサイズを決定しよう

5.投稿に挿入します

画像の情報が設定できたら、赤枠部分「投稿に挿入」をクリックします。

画像挿入9|アフィリエイトの水先案内

投稿に画像が挿入されれば完成です。

画像挿入10|アフィリエイトの水先案内

ウカブウカブ

お疲れ様でした!

ここまでは基本的にすべてビジュアルエディターで操作を行ってきましたが、HTMLを操作できる方はテキストエディターでHTMLコードを記述してページを作成していくことも可能です。

4.パーマリンクを設定しましょう

WordPressの初期設定で、パーマリンクに「post-title」を選択した場合はパーマリンクを自由に設定することができます。

パーマリンクはタイトルの日本語のままでも構いませんが、どうしても外部リンクをいただいた際などに長くなってしまいますので敬遠されがちです。

また、Googleのクローラーにも日本語でも読み取ってはもらえますが、英文字のほうが誤解が少ないようです。

面倒でも一つひとつのコンテンツに対してURLを設定するとよいでしょう。

私がおすすめするパーマリンク設定については、下記のリンクで解説しております。

おすすめのパーマリンクの設定とは

パーマリンクの編集は、リンク横にある「編集」ボタンから行います。

投稿の方法8|アフィリエイトの水先案内

編集ボタンをクリックすると、下図のように入力できます。

ここにパーマリンクに設定したい任意の文字列を入力しましょう。

投稿の方法9|アフィリエイトの水先案内

今回は「test-artical」と入力しました。(見にくくてすみません)

入力が完了しましたら、赤枠部分の「OK」をクリックしましょう。

投稿の方法10|アフィリエイトの水先案内

以上でパーマリンクの設定が完了です。

投稿の方法11|アフィリエイトの水先案内

5.カテゴリーやタグを設定しましょう

パーマリンクを設定することができましたら、カテゴリーやタグを設定していきます。

カテゴリーやタグの設定の方法

まだカテゴリーを作成していない、という方は先にカテゴリーを作成するようにしてください。

まだカテゴリーを作成していない場合、投稿画面からカテゴリーを作成もできますが詳細な設定ができません。

そのためカテゴリーを作成する場合など、カテゴリーに関する操作を行う場合は基本的にカテゴリーページから作成するようにしてください。

記事にカテゴリーを紐づける方法は簡単です。

まずは投稿画面のサイドバーにある「カテゴリー」の項目を表示させてください。

投稿の方法14|アフィリエイトの水先案内

この時カテゴリーの詳細が表示されていない場合は、赤枠部分の「▼」をクリックすると、カテゴリーの詳細が表示されます。

投稿の方法12|アフィリエイトの水先案内

そして、作成した記事を分類したいカテゴリーにチェックを入れることでカテゴリーの選択が完了となります。

カテゴリー設定4|アフィリエイトの水先案内

続いてタグの設定を行いますが、タグはカテゴリーと違い、記事に対して必ず設定しなければならないものではありません。

そのため、サイトでタグを使用しない方はここの項目は飛ばしてしまって構いません。

まず、タグはカテゴリーと違って投稿ページから作成できませんので、タグを使用する場合は必ず先に作成してください。

記事にタグを設定する場合は、サイドバーの「タグ」から設定していきます。

こちらもカテゴリーの時と同様に詳細が表示されていない場合は赤枠部分の「▼」をクリックしてください。

投稿の方法13|アフィリエイトの水先案内

赤枠部分に設定したいタグの名前を入力して、タグを追加します。

タグの設定5|アフィリエイトの水先案内

「追加」ボタンをクリックしましょう。

タグの設定6|アフィリエイトの水先案内

以上でタグが追加されます。

すでにカテゴリーやタグは作成した状態で解説しておりますので、実感がわきにくいかもしれません。

カテゴリーの作成方法やタグとの違い、タグの作成方法に関しましては、下記のリンクで詳しく解説しております。

カテゴリー設定をしよう

6.アイキャッチ画像を設定しましょう

続いてアイキャッチ画像を設定しましょう。

文章は読んでみないとわかりませんが、画像は一目見ただけで、どのような情報を持っているのか伝えることができます。

アイキャッチ画像をしっかりと設定することによって「その記事がどのようなことを伝えたいのか」を一瞬で訪れてくれたユーザーに伝えることができます。

アイキャッチ画像とは

アイキャッチ画像とは、下図のような赤枠部分の画像のことです。

アイキャッチ画像解説

アイキャッチ画像の役割

アイキャッチ画像をしっかりと設定することで、訪問してきてくれたユーザーが「この記事はどんなことが書いてあるのか」と容易に想像することができますので、しっかりと設定する必要があります。

そのため、アイキャッチ画像に設定する画像は、記事の内容と関連性の高いものを設定する必要があります。

また、そのほかにもSNSなどで共有された際に、アイキャッチ画像をしっかりと設定しておくことで目立ちます。

アイキャッチ画像で設定する画像に関しては、写真ACのようなフリーの画像を活用するとよいでしょう。

テラステラス

アイキャッチ画像には、思わずクリックしたくなるような画像を設定しましょう。

アイキャッチ画像の設定方法

投稿画面の横のメニュー部分にアイキャッチ画像というのがありますので、赤枠部分の「アイキャッチ画像に設定」をクリックしてください。

アイキャッチ画像1|アフィリエイトの水先案内

もしもアイキャッチ画像という項目がサイドバーにない場合は、一番上の表示オプションをクリックして、アイキャッチ画像のチェックマークを入れてください。

アイキャッチ画像2|アフィリエイトの水先案内

アイキャッチ画像として選択したい画像をアップロードしていない場合は、画像をアップロードしてください。

画像のアップロード画面では、ファイルを画面上に直接ドラッグアンドドロップするか、ファイルを指定してアップロードすることが可能です。

今回はファイルをアップロードしますので、赤枠部分の「ファイルをアップロード」のタブをクリックします。

画像挿入4|アフィリエイトの水先案内

今回は赤枠部分の「ファイルを選択」をクリックします。

画像挿入5|アフィリエイトの水先案内

フォルダが開かれますので、アップロードしたい画像ファイルを選択しましょう。

選択が完了したら「開く」をクリックします。

画像挿入6|アフィリエイトの水先案内

写真のアップロードが完了しました。

画像挿入7|アフィリエイトの水先案内

アイキャッチ画像に設定をクリックしてください。

アイキャッチ画像3|アフィリエイトの水先案内

以上で完了となります。

アイキャッチ画像が設定されると、下図のように設定したアイキャッチ画像が表示されます。

アイキャッチ画像4|アフィリエイトの水先案内

ウカブウカブ

以上でアイキャッチ画像の設定が完了です

7.投稿内容を確認

投稿が完成したら、一度プレビューをみて実際にどのようにホームページで表示されるのか確認しましょう。

赤枠部分「プレビュー」をクリックしてみてください。

投稿の方法4|アフィリエイトの水先案内

実際のホームページに表示される画面が表示されれば成功です。

投稿の方法5|アフィリエイトの水先案内

8.公開する

投稿の記事が完成したら公開しましょう。

公開は赤枠部分「公開」をクリックすることで公開することができます。

投稿の方法6|アフィリエイトの水先案内

この時まだ公開したくない場合は下書きとして記事を保存しておくことも可能です。

一度公開しても下書きに保存しなおすこともできますので、覚えておくとよいでしょう。

赤枠部分「下書きとして保存」をクリックすることで、記事を残したまま公開しないように設定できます。

投稿の方法7|アフィリエイトの水先案内

下書き保存せずにページを閉じようとした場合は、変更した内容が保存されないという旨のポップアップが表示されます。

記事を作成したら、下書きして保存か、公開、または下記のリンクで紹介する予約投稿のどれかを選択しましょう。

予約投稿に関しましては、このページの下のほうで解説しております。

テラステラス

以上で投稿する際の一連の流れが完了です。

ウカブウカブ

お疲れ様でした!

作成したページを修正する

ページを作成できたら、作成したページを修正する方法も確認しておきましょう。

ページを修正する方法には「通常の編集」と「クイック編集」の2種類があります。

通常の編集方法

まずは投稿の一覧ページを開いてください。

緑枠部分にカーソルを置くと「編集」や「クイック編集」のようなポップアップが表示されますので、赤枠部分の「編集」をクリックしてください。

ページの修正削除1|アフィリエイトの水先案内

またこの時、修正したいページのタイトルをクリックしても同様の動きをしますので、ページのタイトルを直接クリックしても構いません。

記事を開くことができれば自由に修正できます。

修正作業をした後、下書きの場合は「公開」やすでに公開された記事の場合は「更新」を忘れずに行いましょう。

クイック編集とは

クイック編集はその名の通り簡単に行うことができる編集です。

投稿一覧ページを開いた状態で編集作業を行うことができます。下図の赤枠部分が表示されます。

ページの修正削除3|アフィリエイトの水先案内

クイック編集で変更できるのは

クイック編集での変更
  • タイトル
  • スラッグ(URLの文字列)
  • 公開する日付
  • パスワードを設定するかどうか
  • カテゴリー
  • タグ
  • コメントの許可

などを変更することができます。

作成したページを削除する

まずは投稿の一覧ページを開いてください。

緑枠部分にカーソルを置くと、ポップアップが表示されますので、赤枠部分の「ゴミ箱へ移動」をクリックしてください。

ページの修正削除2|アフィリエイトの水先案内

「1件の投稿をゴミ箱へ移動しました」と表示されたら削除が完了となります。

作成したページを完全に削除するためにはゴミ箱を空にする必要がありますが、元に戻せなくなってしまいます。

ページの修正削除4|アフィリエイトの水先案内

作成したページを予約投稿する

予約投稿とは

WordPressの機能の中で、非常に便利な機能の一つとして予約投稿という機能があります。

予約投稿を活用することにより、1日パソコンで作業をしなかったとしても、サイトは更新されているという状況を作り出すことができます。

1日に複数記事を作成した場合は、後日あたかも毎日投稿できるようにできる予約投稿を活用するとよいでしょう。

ウカブウカブ

なんで予約投稿って機能があるんだろう?

テラステラス

サイトは毎日更新されていると、検索エンジンから評価されるのよ。

予約投稿のやり方

まずは投稿の新規追加をします。

投稿の方法1|アフィリエイトの水先案内

今回は記事を作成した後の話ですので、とりあえず記事自体は完成したという前提でお話を進めていきます。

まずは赤枠部分のすぐに公開するの横の「編集」をクリックしてください。

予約投稿1|アフィリエイトの水先案内

すると下図に示す赤枠部分の画面に切り替わります。

予約投稿2|アフィリエイトの水先案内

今回、画像を撮った日付が2019年8月5日でしたので、今回は2019年8月6日にしてみたいと思います。

予約投稿3|アフィリエイトの水先案内

緑枠部分を05から06に変更したのち、赤枠部分の「OK」をクリックします。

すると、今まで「公開」と表示されていた部分が赤枠部分の「予約投稿」へと変わります。予約投稿をクリックしていきます。

予約投稿4|アフィリエイトの水先案内

赤枠部分「投稿の公開を予約しました」と表示されれば、投稿の予約が完了です。お疲れさまでした。

予約投稿5|アフィリエイトの水先案内

予約投稿をした場合、一覧画面にも予約投稿という文字が表示されますので、確認しましょう。

テラステラス

以上で終了です。お疲れさまでした!

ウカブウカブ

予約投稿を上手に使うと、パソコンを開かなくても毎日記事が更新されているようになるんだね!

まとめ

グーテンベルクは文章の構成まで一つ一つブロックという形で指定できるため、段落が一目でわかることになったのが利点なのですが、その一方で段落を一つひとつ作るために作業がとても増えるという結果になってしまいました。

そのため、まだまだグーテンベルクを使用するよりも、旧エディターのほうが使いやすさに分があるのではないでしょうか。

いずれグーテンベルクが使いやすくなったときに、グーテンベルクでの投稿の手順も作成していきたいと思います。

現状では旧エディターを使用したほうがよいでしょう。

また、旧エディターを使用したい場合はプラグインにてサポートされておりますので、プラグインをインストールすることで使用することが可能です。

【WordPressプラグイン】グーテンベルクを無効化

予約投稿を活用することで、サイトを開かなくてもWordPressが更新作業を自動で行ってくれます。

私自身も新たにサイトを作成する場合は、ある程度一度に記事を予約投稿しておいて、その後記事の編集などを行っていくことで、更新の漏れをなくすようにしております。

それでは今回のまとめです。

今回のまとめ

  • 現状、グーテンベルクを使用するよりもクラシックエディターを使用したほうが使い勝手が良いので、クラシックエディターを使用しよう
  • 見出しはしっかりと設定することで、本文をわかりやすくする役割を担っており、SEO対策という点でも非常に重要
  • WordPressでは段落と改行の2つがあり、段落や改行を使用することで文章が読みやすくなる
  • 画像にはさまざまな情報を付属でき、とくに「代替テキスト」はしっかり設定する
  • アイキャッチ画像を設定することで、記事の内容などをユーザーに一瞬で伝えてくれる役割を持つが、設定を忘れがちなので忘れずに設定しておく
  • 指定した日時に記事を投稿したい場合は、予約投稿の機能を使用することで、記事を指定した日時に投稿することができる。