COLUMN

WordPress5.1での記事投稿方法・使い方（クラッシックエディタ）

公開日 2019.04.19

本文・操作画面・数値は記事掲載時点のものです。

気になるところから、ゆっくり読んでみてくださいね。日々のお仕事に取り入れられそうなヒントを、一緒に探していきましょう。

こちらのページではパソコンからの投稿を前提にご紹介していきます。スマートフォンやタブレットでは管理画面の構成が若干異なりますが、基本的な操作は同様です。
また、このページで使用している画像はWordPress5.1を元に作成していますが、デフォルトで設定されているGutenberg（グーテンベルク）エディタではなく、Classic Editor（クラッシックエディタ）というプラグインを使用しています。

WordPress管理画面にログイン
WordPressの管理画面ログインページにアクセスし、「ユーザー」「パスワード」を入力しログインします。
WordPressへの投稿方法ログイン画面
記事を投稿する画面を表示
左メニューの投稿を選択し、新規追加をクリックします。
WordPressへの投稿方法投稿新規追加
タイトルの入力
「ここにタイトルを入力」という枠に記事のタイトルを入力します。
ユーザーが興味を持ってくれるようなキーワードを交えたわかりやすいタイトルにしましょう。
WordPressへの投稿方法タイトルの入力
本文の入力
本文エリアに記事の本文を入力していきます。
WordPressへの投稿方法記事本文の入力

入力方法としてビジュアルかテキストの2つのエディタ（編集モード）がありますが、どちらでも入力できます。
実際に試しながら好みのエディタで入力して下さい。

ビジュアル

文字の装飾（太字やリスト作成など）やリンクの挿入などの機能を備えたボタンが用意されています。実際の記事ページの出来上がりを確認しながら入力するイメージです。

テキスト

HTMLタグ（文字や画像の装飾・レイアウトなどを記号で囲まれた半角英数字で調整するもの）を直接入力することができます。実際の記事ページの出来上がりは、右上の方にある「プレビュー」ボタンをクリックすることで別ウィンドウで確認することが可能です。
（※こちらの説明ページでは基本的にテキストエディタを使用した画面での説明となります。）

WordPressへの投稿方法「ビジュアル」エディタと「テキスト」エディタ

「ビジュアル」の場合、右端のツールバー切り替えボタンをクリックすると、さらに拡張ツールバーが表示され、文字の色を変えたりすることができます。
WordPressへの投稿方法ビジュアルエディタツールバー切替
写真を挿入する場合
写真を挿入したい箇所にカーソルを合わせ、メディアを追加ボタンをクリックします。
WordPressへの投稿方法メディア追加
ファイルをアップロードをクリックし、アップロードする写真をドロップするかファイルを選択ボタンからパソコン内の写真を選択します。
WordPressへの投稿方法メディア追加

写真をアップロードするとメディアライブラリ画面になり、アップロードした写真にチェックが入ります。
- 右サイドの「タイトル」「代替テキスト」「説明」の枠に画像の説明文を短くまとめて入力しておきます。
  （実際の記事ページには表示されない内部的な説明文となります。3つ共同じ文言で問題ありません。）
- 「キャプション」に入力した場合は、実際の記事ページの写真の下に入力した文字が表示されます。
- 添付ファイルの表示設定として「配置」「リンク先」「サイズ」を設定します。各項目の▼から選択して下さい。
投稿に挿入ボタンをクリックすれば写真のアップロードが完了です。
WordPressへの投稿方法メディア追加メディアライブラリ
テキストで画像を挿入すると、本文エリアに下記のようなソースコードが表示されます。
WordPressへの投稿方法メディア追加本文エリア画面
カテゴリーを選択
右サイドのカテゴリー一覧からをカテゴリーを選択します。
初期状態は「未分類」にチェックが入っているので、「未分類」のチェックを外し、該当するカテゴリーを選択して下さい。
WordPressへの投稿方法カテゴリーを選択
タグの設定
タグとは記事の内容を表すキーワードのことで、タグを設定することでユーザーに記事を見つけてもらいやすくなります。
赤枠の中にキーワードを入力して追加ボタンをクリックします。
タグは複数設定することができます。
WordPressへの投稿方法タグの設定
アイキャッチ画像の設定
アイキャッチ画像を設定をクリックします。
アイキャッチ画像は記事ページの一番上に表示される画像になりますので、本文中に掲載する写真とは別の写真の方が良いでしょう。
WordPressへの投稿方法アイキャッチ画像の設定

アイキャッチ画像の設定は写真のアップロード手順❺と同じ要領です。
アイキャッチ画像が設定されると下記のような画面になります。
WordPressへの投稿方法アイキャッチ画像の設定
記事の公開
最後に公開ボタンをクリックすれば投稿の完了です。
下書きとして保存ボタンをクリックすると、公開せずに一旦下書き状態で保存しておくことも可能です。
プレビューボタンをクリックすると、実際の記事ページの出来上がりを別ウィンドウで確認することができますので、公開前にプレビューで確認しておくと安心です。
（※プレビューで確認したページURLは実際の記事ページURLとは異なり、プレビュー用のURLとなります。）

WordPressへの投稿方法公開
記事ページの確認
公開した記事ページを確認するには、投稿画面の「パーマリンク」右横に表示されているURLを右クリックします。
WordPressへの投稿方法記事ページ確認パーマリンクを右クリック

右クリックするとコンテキストメニューが表示されるので、上から2番目の「新しいウィンドウで開く」をクリックすると、新しいウィンドウが開き実際の記事ページが表示されます。
WordPressへの投稿方法記事ページ確認新しいウィンドウで開くをクリック
記事の編集
投稿した記事を後から編集することも可能です。
左メニューの投稿を選択し、投稿一覧をクリックします。
WordPressへの投稿方法投稿の編集投稿一覧

投稿一覧から編集したい記事タイトルを選択すると、新規投稿する時と同じ画面で編集することができます。
WordPressへの投稿方法投稿の編集投稿一覧