WordPressブログの書き方と投稿方法をわかりやすく解説【2021最新】

この記事では、WordPressでブログを書いて投稿する方法をわかりやすく解説していきます。

ホームページを納品させていただいたお客様には、ブログもどんどん投稿してくださいと、いつもお伝えしています☺

ブログの投稿はホームページ運用にとっても重要な事です。
見込み客の流入も増やせますし、何より今は自分の想いや強みを発信する事、発信に魅力を感じてもらうことが大切な時代です。

とはいえ、WordPressでのブログ投稿って、慣れるまではなかなか難しいですよね。

しかもWordPressは2018年に「ブロックエディタ」という投稿方法に変わったため、今はまだ以前の投稿方法で解説されている記事も多いと思います。

ちなみに、記事によっては旧エディタでの投稿を勧めているものもありますが、旧エディタは2022年にサポートが終了することが決まっています。

ですので今後は最新の投稿方法をしっかり習得しておく必要があります。

ずっと旧エディタを使っていたけど、そろそろ「ブロックエディタ」で投稿できるようになりたい、という方にも参考になるよう、解説していきますね＾＾

WordPressでのブログの書き方

まずはWordPressにログインしましょう。

管理画面はこんな感じ。ブログを書くときは「投稿」を選びます。

「新規追加」をクリックするとこんな画面になります。

この画像は初期設定のままの状態です。
使っているテーマやカスタマイズによって多少画面は異なりますが、基本的な機能や操作方法は同じです。

タイトルを入力する

「タイトルを追加」となっているところに、ブログの記事タイトルを入力します。

タイトルは32文字以内で考えてみてください。

これは検索結果に表示されるタイトルが32文字だからです。

タイトルには、出来ればその記事で狙いたいキーワード（例えばリフォーム会社のブログなら「リフォーム　いつ頃」で調べた時に上位表示させたい等）を考えて入れるようにしましょう。

難しければ最初はあまり考えなくてもオッケーです！

本文を書く

次に、実際にブログ本文の書き方です。

タイトルを入力して、エンターキーを押すと、次はこんな画面になります。

文章を入力したい時はそのままキーボードを打てば文字が入力されますが、右のほうに黒い「＋」ボタンがありますね＾＾

これをクリックすると、色んな「ブロック」を追加できます。

最新のWordPressの投稿画面ではこの色々な「ブロック」をどんどん追加してブログを作っていきます。

たくさんのブロックがありますが、普通の文章を打ちたい時は「段落」を選びます。

文章を打ってエンターキーを押すと、次のブロックを選べるようになります。

行間を空けずに改行だけしたい場合は、「Shift ＋ Enter」で改行できますよ☺

画像を挿入する

画像を挿入したい時は「画像」ブロックを選びます。

画像ブロックを選ぶとこの画面になります。

この枠の中に挿入したい画像をドラッグ＆ドロップするか、アップロードをクリックするとパソコン内の画像をアップロードできます。

既にアップロードしている画像は「メディアライブラリ」に入っているので、「メディアライブラリ」をクリックして選択します。

挿入した画像をクリックすると画像の上にバーが表示されて、ここから画像の配置（左寄せや中央寄せなど）が選べます。

画像の大きさはこの青丸から直感的に変えることもできるし、右サイドバーから具体的な数値で設定することも可能です。

右側のサイドバーでは、各ブロックの色々な設定が出来るようになっています。

もし右側のサイドバーが無い！という場合には、この歯車アイコンをクリックしてみてください。

すると右側のサイドバーが出てくると思います＾＾

画像ブロックの設定でぜひやっておいてほしいのがAltテキスト（代替テキスト）の入力です。

下に小さく付けた矢印は画像の大きさの数字です＾＾

Altテキスト（代替テキスト）には、これがどんな画像なのかの説明を入力します。

画像がうまく読み込めなかったときや、読み上げ機能でサイトを閲覧している場合に表示、読み上げされる言葉になります。

Altテキストをしっかり入力していることはSEO的にも良いですし、実際に画像が見えなかった人にも優しい設定ですよね。

見出しを付ける

ブログを書くときにぜひ使ってほしいのが「見出し」ブロックです。

「見出し」とは、書いてある内容をわかりやすくまとめたもの。

「見出し」を使うことで単純に文字が大きくなったり装飾されたりして、読みやすくなるだけでなく、検索エンジンは「見出し」を特に重要な言葉として読み込んでいます。

なので「見出し」にもアピールしたいキーワードを入れていけるといいですね＾＾

「見出し」ブロックを選択すると、H1～H6までを選択できるようになっています。

H1は記事タイトルのことですので、選ばないようにしましょう！

そして見出しはH2のあとにH3、その後にH4という風に使いましょう。

H2が続いたり、H2→H3のあとに改めてH2を使うのはオッケーですが、H2をとばしてH3とか、H3をとばしてH4を使ったりしないようにしましょう。

例えばこの記事で言うと、最初の大見出し（H2)が「WordPressでのブログの書き方」で、そのあと小見出し（H3）が「タイトルを入力する」「本文を書く」・・・と5つ続き、改めて大見出し（H2)の「ブログ本文の装飾の方法」に続きます。

また、「見出し」をまとめて「目次」として表示させることも可能です。

この記事でも、冒頭とサイドバー（PCのみ）に「目次」として表示させています＾＾

引用をする

読んだ本の感想を書いたりするときに本の内容を一部そのまま載せる場合は、かならず「引用ブロック」を使いましょう。

本の内容だけでなく、他のサイトの文章を載せて紹介したい時にも、引用ブロックを使用して引用元を明記します。

引用ブロックを使うとこんな見た目になります。

引用元を入力する部分もありますので必ず明記しましょう

その他、色々なブロックがあります

ここでは紹介しきれませんが、WordPressのブロックエディタではこの他にも色々な「ブロック」が用意されています。

黒い「＋」ボタンを押すとこんな選択画面が出てきますが

黒い帯の「すべて表示」を押すと、左側にこんな選択画面が出てきます。

ここから、色んなブロックを選べます＾＾

箇条書きができる「リストブロック」や、表を作れる「テーブルブロック」、空白のスペースを入れられる「スペーサーブロック」などなど・・・

ブロックを消したい時は、「詳細設定（黒い点が縦に3つ並んでるやつ）」をクリックすると、一番下に「ブロックを削除」があります。

この「詳細設定」から、ブロックをコピーしたり、前や後ろに新しいブロックを挿入することもできます。

もしくは、ブロックを作りたいところにマウスのカーソルを持ってくると「＋」ボタンが出てくるのでそれをクリックしてもオッケーです＾＾

「∧」や「∨」で、ブロックを移動させることもできます。

もし、操作を間違っちゃった！というときは、一番上の「←」もしくは「Ctrl + Z」キーで元に戻すことができます。

ちなみにこの記事でも多用している↑は「ふきだしブロック」として、設定済みの状態で納品させていただきますので、ぜひ使ってみてくださいね＾＾

ブログ本文の装飾の方法

ブロックを足していくことに慣れて来たら、文字の装飾もしてみましょう。

ずーっと黒い文字で文章ばかり続くと、やっぱり読み手も疲れてしまいます。

適度に太字や、文字サイズや文字色を変えたりすることで、大事な言葉を強調したり、見た目にメリハリをつけることができます。

太字と文字の色は、ブロックの上に出てくる設定を選ぶことで変えられます。

いずれも、装飾したい文字をドラッグで選んでから、太字は「B」、文字色は「∨」を押して「文字色」を選びます。

文字にリンクを貼りたいはこのマークをクリックします。

クリックすると出てくる青色の枠にリンクしたいURLを入力します。

もしくは、既存ページ（例えば「お問い合わせ」ページや、過去のブログ記事など）にリンクしたい場合は、そのページタイトルを入力すると既存ページを選べるようになるので、選択してEnterキーを押します。

文字の大きさは、右の設定から変更できます。

でもこれだと、こんな風に文字の一部だけではなく、

こんな風に段落内すべての文字サイズが変わってしまいます。

WordPressのデフォルトの状態だと、文字の一部だけサイズを変える機能がないんですよね

一部だけ文字サイズを変更したい場合は、プラグイン（拡張機能）を利用するか、文字サイズ変更に対応したテーマを使う事が必要になります。

今どんなテーマを使っているかによっても変わってきますのでここでは割愛しますが、もし「どうしたら良いかわからない」とという方は、お気軽にお問い合わせください＾＾

こちらで制作させていただくホームページでは、マーカー機能や、その他こんな機能がほしい！というリクエストも出来る限り実装して納品させていただきます。

あとは実際に色々なブロックを使ったり装飾したりして、楽しくブログを書いてみてください☺

WordPressブログの投稿方法

ブロックと文字装飾を使ってブログを書けたら、少しだけ設定を整えていざ投稿！です＾＾

投稿の設定は基本的には、右側のサイドバーの「文書」から行います。

URLを設定する

ブログ記事に個別にURLを設定します。

ホームページのURLのあとに、任意のURLを設定するというイメージですね＾＾

例えばこのホームページでいうと「https://cococala-web.com/・・・・・」のように、「・・・・・」の部分のURLを設定できます。

設定方法は、右側サイドバーの「パーマリンク」の部分

このURLスラッグに、英語（というか半角英数）で入力してください。

日本語を入力することもできるのですが、日本語だとURLをコピーしたりシェアしたりするときに「%e8%a8%98%e4%ba%」みたいな意味不明の文字列になってしまうので気を付けてください

カテゴリーを設定する

カテゴリーはブログ内のジャンルみたいなイメージです。

右側サイドバーの中から「カテゴリ」をクリックします。
最初は「未分類」にチェックが入っていますが、クリックしてチェックをはずすようにしましょう。

既に作ってあるカテゴリーは表示されていますので、クリックして選択するだけでオッケーです。

「新規のカテゴリーを追加」から、カテゴリー名を入力して追加することもできます。

アイキャッチ画像を入れる

アイキャッチ画像は記事一覧に表示されたり、SNSでシェアされたときに表示されるものです。

例えばこんな記事一覧ページとか

新着記事を表示させている場合とか

設定するのは右サイドバーの「アイキャッチ画像」から。

ここをクリックすると、画像をアップロードもしくはメディアライブラリから選択できます。

ブログ内で使った画像を設定しても良いですし、もし可能なら画像に文字を入れたりしてブログ内容をわかりやすく表現しても良いですね☺

メタディスクリプションとキーワードを書く

出来れば設定しておいてほしいのが、メタディスクリプションとキーワードです。

メタディスクリプションは検索画面でタイトルの下に表示される文章のこと。メタタグとも言われます。

設定していない場合は自動的にブログ内の文章の適当な部分が表示されるのですが、出来れば記事の内容をわかりやすく文章で書いておいたほうが「読みたいな」と思ってもらえますよね。

設定部分は右側サイドバーではなく、投稿画面の一番下にこんな画面があります。

検索結果に表示されるのは120字なので、120字前後で、ブログの内容をわかりやすく書いておきましょう。

自作されている方は、デフォルトのままだとメタディスクリプションの設定画面はありませんので、対応しているテーマを使うか、「SEO SIMPLE PACK」というプラグインがおススメです。

公開する

ここまでお疲れさまでしたー！

いよいよ、記事の投稿です！！

でもその前に、プレビューから「新しいタブでプレビュー」をクリックして、実際の画面をプレビューしておきましょう。

実際の画面で確認してみると誤字脱字の確認はもちろん、気になる文章があったり、もう少し装飾したい部分が見つかったりするものです。

それを修正してから、公開ボタンを押しましょう！

公開ボタンを押してももう一度、本当に公開するかの確認をされます＾＾

「公開状態」をクリックすると、パスワードを入力した人しか読めない記事にすることも可能で、
「公開：今すぐ」の部分をクリックするとカレンダーが出てきます。

少し先の日時を選べば、予約投稿することも可能ですよ☆

良ければこのまま「公開」ボタンをクリックして、公開完了です！

と言いたいところですが、最後に公開したブログを自分のスマホからも見ておきましょう！

スマホから読みにくい部分はないか、もう一度確認して、気になるところは修正しておきましょう。

まとめ

以上が、WordPressでのブログの書き方と投稿方法です。

長くなったし難しく感じたかもしれませんが、慣れの部分がかなり大きいですので、まずは頑張って何記事か投稿してみてくださいね＾＾