【初心者でもわかる】ワードプレスの投稿方法を徹底解説!

ワードプレスの使い方 投稿機能の使い方を徹底開設!
ホームページの作り方に関する記事一覧はこちらをご参照ください。
【ここだけ見れば作れちゃう!】初心者向けホームページの作り方まとめ
 

本記事では、ワードプレスを初めて触る初心者の方を対象に、ワードプレスの投稿の使い方について説明していきます。
ここでは、投稿機能の概要、ビジュアルエディタとテキストエディタの違いや画像の載せ方、見出しの付け方、改行、カテゴリ・タグなど基本機能について一通り説明していきます。
 

【メルマガ登録はこちら!!】
ワードプレスの便利な使い方情報をGET

WordPress 自分でホームページ・ブログを作成したい個人事業主のためのWebスクール・教室 ウェブストエイト

 

 

WordPress 投稿とは

ワードプレスの投稿機能
 

投稿はブログとして利用できる機能です。一般的には、お知らせやコラム、技術情報や時事情報などで使われることが多いです。
 

ワードプレスの初期状態では、通常トップページで最新の投稿一覧が表示されています。

投稿一覧ページでは書いたブログが時系列順で一覧で表示されます

投稿一覧ページでは書いたブログが時系列順で一覧で表示されます

 

投稿はブログとして利用する機能

  • お知らせ・ニュース情報
  • コラム、論評
  • 技術情報、専門情報

(※)ワードプレスには、用途ごとに複数のブログに拡張して運用する機能(カスタム投稿機能)もありますが、ここでは割愛します。

 

固定ページと投稿の違い

投稿と固定ページとの違いはなんなんでしょうか??
投稿と固定ページは似ているんですが、一般的に固定ページでは「会社情報」や「お問い合わせ」など決まった位置に決まった内容で表示しておきたいページを固定ページで作成します。
固定ページで作成したページは投稿一覧の中には表示されません。
 

「投稿」と同様にページを作成する機能に「固定ページ」という機能があります。
 

ワードプレスの投稿と固定ページの違い
 

「投稿」はカテゴリーやタグによりページ同士をジャンル分けして一覧表示することができるのに対して、「固定ページ」は通常カテゴリーやタグという概念がなく、ページ単体で独立しています。
 

したがって、会社情報やお問い合わせなどページ単体で独立しているコンテンツを利用する際は、固定ページを利用するのが一般的です。
 

項目投稿固定ページ
特徴 ブログのようなコンテンツは投稿で作成する
例)コラム、技術情報、お知らせ・ニュース、イベント、商品ページなど
ページ単体で完結できるようなコンテンツを書くのに向いている。
例)トップページ、会社情報、お問い合わせ、アクセス、採用情報、ランディングページなど
できること
  • カテゴリー・タグによる投稿の関連付けができる
  • 投稿一覧、カテゴリー一覧、タグ一覧から各ページを一覧表示できる
  • 複数のブログタイプ(カスタム投稿タイプ)を作ることができる
  • 固定ページ同士で親子関係を作ることができる
  • ページごとにデザインテンプレートを作成・選ぶことができる
できないこと
  • 投稿同士で親子関係を作ることができない。
  • ページごとにデザインテンプレートを選択することができない。
  • カテゴリー・タグによる投稿の関連付けができない
  • 固定ページ一覧、カテゴリー一覧、タグ一覧などで各ページを一覧表示できない

 

固定ページの使い方は「【初心者でもわかる】ワードプレス 固定ページの使い方を徹底解説!」をご参照ください。

 

まずは試しに投稿してみよう

これから細かい機能を説明していきますが、そのまえにまず試しに投稿してみましょう。
 

投稿を追加するには、管理画面から投稿>投稿一覧を選択します。投稿一覧が表示されますので新規登録ボタンを押下します。
ワードプレス>投稿>新規追加
 

ここではタイトルと本文を下記のように入力して「公開」ボタンを押します。
投稿でタイトルと本文を入力して公開ボタンを押下
 

左上にあるブログタイトルを押下します。
投稿画面 左上のブログタイトルをクリックします
 

トップページのブログ一覧にブログ記事が追加されています。黄色い枠内のタイトルもしくは本文をクリックしてみましょう。
トップページにブログ記事が追加されてます。
 

個別のブログ記事ページに遷移します。ブログ記事が追加されたことを確認できました。
ブログ記事が追加されました
 

このようにして、ワードプレスでは誰でも簡単にブログを作成することができます。以降では、「Lightning」というテーマを使用した表示例で、投稿機能についてもう少し詳しく説明していきます。

ワードプレスのテーマの適用方法については「WordPressの使い方 テーマの設定方法」をご参照ください。

 

投稿の投稿方法と主な機能

ここでは投稿方法と主な機能について説明していきます。
ワードプレス 投稿画面
 

▲▲目次に戻る▲▲

投稿本文の使い方を覚えよう

まずは投稿本文の使い方を覚えましょう。

本文の入力と改行の仕方を覚えよう

まずは、本文を入力していきましょう。
「Enter」キーを押すと改行できます(※注)
投稿で文章を入力する。Enterで改行
 

(※注)Enterによる改行とShift+Enterによる改行の違い

Enterによる改行は、前後で段落が変わり余白がつきます。
一方、Shift + Enterによる改行は、段落を変えずに単純に改行だけになります(余白がつきません。)

Enterによる改行とShift+Enterによる改行の違い

 

本文の入力ができるようになったら、上部のツールバーを利用して本文を装飾をしていきましょう。
WordPresss エディター画面 ツールバー
 

本文に見出しを使おう

本文中に見出しを使う方法をご紹介します。
WordPresss エディター画面 見出しの設定
 

見出しにしたい行でマウスカーソルを合わせて、段落を見出し2に変えてみましょう。

 

見出しってなんでしょうか?見出し2を使わないといけないんですか??
見出しは本の章みたいなものです。通常、投稿のタイトルに見出し1が使われているので、投稿本文では見出し2〜6を利用するのが一般的です。
なるほど!ちなみに見出し2〜6って複数あるのは何故なんでしょうか?
見出しは階層を持つことができます。
h1が本のタイトルに相当して、h2は第1章・第2章、h3は第1-1章、第1-2章、h4は第1-1-1章、1-1-2章のような階層ですね
 

見出しとは本の章のようなもので、見出しをつけることで文章が読みやすくなりSEO対策にもなりますので、適切な見出しをつけるようにしましょう。
 

リスト(箇条書き)を使おう

本文中にリスト(箇条書き)を使う方法をご紹介します。
WordPresss エディター画面 リストの設定
 

リスト(箇条書き)にしたい行にマウスカーソルを合わせてリストアイコンをクリックしてみましょう。リストには順序なしリストと順序ありリストの2つがあります。

 
&nsbp;

対象の行だけ上手く装飾できない場合は

見出しもリストも設定は段落ごとになります。
 

先ほど説明した「Shift+Enter」で段落を変えずに改行だけしている場合は、同じ段落内である複数行すべてが見出しになったりするのでご注意ください。
 

この場合は一度BackSpaceキーなどで戻り、改めて「Enter」キーで段落を変えて改行すると上手くいくようにあります。

 

(補足)プラグインでツールバーの項目を増やそう

TinyMCE Advancedなどのプラグインを利用すると、ツールバーの項目を増やして、字色を変えたり、フォントの設定をしたりすることができるようになります。
 
TinyMCE Advancedインストール後のWordPress ビジュアルエディタの状態
 

「メディアを追加」で画像を追加する

 
画像や動画を追加するためには、追加したい場所にカーソルを合わせて「メディアを追加」から画像を追加することができます。

 

ワードプレスでは画像をアップロードすると「フルサイズ(オリジナルサイズ)」の他に、大サイズ、中サイズ、サムネイルなどに複数サイズを自動生成され、投稿時にサイズを選ぶことができます(上記の動画後半部分)
 

▲▲目次に戻る▲▲

投稿のビジュアルエディタとテキストエディタ

投稿画面では、HTMLなどのコードを知らなくてもビジュアル的に記事を編集・表示してくれるビジュアルエディタHTMLで細かい書き方ができるテキストエディタがあります。
 

下記はビジュアルエディタです。HTML文を知らなくても視覚的に記事を作成できます。

WordPress ビジュアルエディタ HTML文を知らなくても視覚的に記事を作成することができる

WordPress ビジュアルエディタ

 

下記はテキストエディタです。HTML文で記述することができます。

WordPress テキストエディタ HTML文で記述することができる。ビジュアルエディタで書いたものもHTML表記されている。

WordPress テキストエディタ

 

ビジュアルエディタでは、HTML文を知らなくても視覚的に記事を作成でき、書きやすいので、はじめはこちらのビジュアルエディタを利用して文章を書くと良いと思います。一方、HTML文がわかる方は、テキストエディタでCSSを使って装飾をしながらブログを作成することができます。
 

▲▲目次に戻る▲▲

投稿でアイキャッチを追加する

ブログには「アイキャッチ」という、いわゆるサムネイル表示機能があります。アイキャッチを設定していると、記事の一覧表示で下記のようにサムネイルが表示されます。

ブログ一覧で表示されるアイキャッチ(サムネイル)

ブログ一覧で表示されるアイキャッチ(サムネイル)

 

アイキャッチは投稿画面右下の「アイキャッチ画像を設定」から設定することができます。
アイキャッチの設定
 

前述に説明した画像の追加と同じように、画像ファイルを指定してアイキャッチ画像を設定します。

アイキャッチ画像を追加

アイキャッチ画像を追加

 

ブログ一覧ページで設定したアイキャッチの画像が表示されていれば完了です。

ブログ一覧で表示されるアイキャッチ(サムネイル)

ブログ一覧で表示されるアイキャッチ(サムネイル)

 

▲▲目次に戻る▲▲

投稿でカテゴリー・タグを利用しよう

記事にはカテゴリーやタグを追加することができます。
 

カテゴリーやタグを追加することで、何のテーマかわかりやすくなったり、カテゴリー・タグ一覧の記事を閲覧できるようになります。
 

WordPress カテゴリーとタグの表示

カテゴリーとタグの表示

 

投稿画面の右下にあるカテゴリーと追加・選択することができます。初期状態は「未分類」というカテゴリーにチェックが付いています。

カテゴリーの追加

カテゴリーの追加

 

追加したカテゴリーにチェックを入れます。

追加したカテゴリーの選択

カテゴリーの選択

 

また、カテゴリーのすぐ下にタグを設定する箇所がありタグの追加ができます。

タグの追加

タグの追加

 

投稿のカテゴリー・タグから新規追加したり、作成したカテゴリ・タグの編集することも可能です。

wordpress 投稿>タグのページ

投稿>タグのページ

 

wordpress 投稿>カテゴリーのページ

投稿>カテゴリーのページ

 

▲▲目次に戻る▲▲

投稿で記事のURLを変更する

 
記事のURLは下記の編集ボタンより変更することができます。
記事を書くとデフォルトでタイトルがURLに表記される
 

初期状態は、記事のタイトルがURLに設定されています。このままではタイトルを変更するたびにURLも変わってしまうため、英語表記に変更することをオススメしています。

パーマリンクを投稿名に設定。初期はタイトル名がURLに設定される

パーマリンクを投稿名に設定。初期はタイトル名がURLに設定される

 

パーマリンクの設定。意味をそのままで英語表記に変更する

意味をそのままで英語表記に変更する

パーマリンク(URL構造)の共通設定は下記をご参照ください。
6-3. パーマリンク設定方法
 

▲▲目次に戻る▲▲

投稿で記事を公開する

 
記事を下書きしたり、プレビューで確認の上、記事が完成したら公開ボタンを押下します。

WordPress 投稿機能

WordPress 投稿機能

 

プレビュー画面

WordPress プレビュー画面

WordPress プレビュー画面

 

公開範囲を設定することもできます。公開状態の項目で編集ボタンを押下します。
公開状態で編集ボタンを押下
 

記事にパスワードをつけることができます。
記事にパスワードを設定することができる
 

パスワード保護設定をした記事については、パスワードを知っている人だけが記事を閲覧できるようになります。
ワードプレス パスワード保護画面
 

▲▲目次に戻る▲▲

 

まとめ

今回はワードプレスを初めて触る方を対象に、ワードプレスの投稿方法と下記の機能について説明しました。
 

  • 投稿本文の入力方法。改行の仕方と見出しやリストなど装飾の仕方
  • ビジュアルエディタとテキストエディタ
  • アイキャッチを追加方法
  • カテゴリー・タグの使い方
  • 記事URL(パーマリンク)の変更方法
  • 記事の公開方法。パスワード保護

 

自分で触ってみないことにはなかなかわからないことも多いと思いますので、興味がある方はたくさん触ってみて覚えてください。
 

ホームページの作り方に関する記事一覧はこちらをご参照ください。
【ここだけ見れば作れちゃう!】初心者向けホームページの作り方まとめ
 

今回は以上になります。最後までご覧いただきありがとうございました。
 

【メールマガジンにて限定情報配信】
WordPressやホームページ作成、SEO対策・ウェブ集客に関するウェブストエイトの独自ノウハウを読者限定で配信しています。まずはお気軽にご登録ください。

詳細はこちら

 

【メルマガ登録はこちら!!】
自分でホームページ制作・Web集客したい個人事業主様向けWebスクール・教室

自分でホームページ作成・Web集客したい個人事業主のためのウェブスクール・教室 ウェブストエイト

大阪の個別指導Webスクール
「WEBST8」

個人事業主様・経営者様・起業副業など
自分のビジネスのために
ホームページの作り方を
習得するスクール

\ 自分で作る選択を! /

詳しくはこちら

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


ABOUTこの記事をかいた人

松本慶

【IT業界でシステムエンジニア歴8年現役Web系フリーランス】

1985年生まれ 立命館大学卒業。 某複合機メーカーで約8年間システムエンジニアとして大阪で勤務後、2016年秋に独立。

「一人一人が創意工夫で思い描く未来を!」 という想いもとに『自分でホームページを作成してWeb集客・売上拡大したい』個人事業主のためのWeb教室・スクール「ウェブストエイト(Webst8)を運営開始。
ウェブやマーケティングなどの覚えたノウハウを自分や周りの目標実現のツールとして使うことにやりがいを感じています。

メルマガ登録はこちら

個人事業主のためのWeb教室・スクール「ウェブストエイト」 ホームページ