WordPressでブログを書く方法｜ブロックエディタの基本操作

こちらの記事は、C3 Design.でホームページ（WordPress）を制作させていただいたお客様向けの内容ですが、WordPressの基本操作はどの環境でも大きく変わりませんので、お困りの方はぜひ参考にしてみてください。

WordPressでブログを書くときに使う「ブロックエディタ」の基本的な使い方を、順を追って解説していきます。

「そもそもどこから始めればいいの？」
という方でも迷わないよう、ログインからブログの公開まで一通りまとめています。

WordPress管理画面へログインする

まずはWordPressの管理画面にログインしてください。

ログイン方法についてはこちらの記事をご覧ください。

WordPressへのログイン方法

こちらの記事は、C3 Design.でホームページ（WordPress）を制作させていただいたお客様に向けた内容です…

続きを読む

WordPressで新しくブログ記事を書く

管理画面に入ったら、左メニューの中の「投稿＞投稿を追加」をクリックしてください。

編集画面を開くと、上部に「タイトルを追加」という入力欄があります。
まずはここに記事のタイトルを入力してください。

タイトルを入れたら、その下の本文エリアをクリックして文章を書き始めます。
「タイトルを追加」の下の「ブロックを追加するには「/」を入力」と書かれているところです。
これが「ブロックエディタ」です。

Enterキーを押すと次の段落（ブロック）に移り、Shift＋Enterで同じ段落内での改行ができます。
1文が長くなりすぎないよう、適宜区切りながら書くと読みやすくなりますよ。

見出しのつけ方

ブログを読みやすくするために欠かせないのが「見出し」です。
SEO対策としても効果があるので、必ず使うようにしましょう。

本文のブロックを選択すると、上部にツールバーが表示されます。
左端のアイコン（段落と表示されているところ）をクリックすると、ブロックの種類を変更できる画面が出ます。
そこから「見出し」を選んでください。

見出しには「H1〜H6」まで階層があります。
記事タイトルがH1にあたるため、本文中で使うのはH2以下です。
大きな章の区切りにH2、その中でさらに分類したい場合にH3を使う、というのが基本的な使い方です。

記事内容にもよりますが、SEO目線で言えば、「H3」ぐらいまでを使用するといいと思います。

私の場合ですが「H4」以下は場合に応じて、記事が読みやすくなる場合のみ使うようにしています。
基本的にはタイトルの「H1」、本文中大見出しの「H2」、その中に必要であれば「H3」という感じで使っています。

文字の装飾とリンクの設定

文章の一部を太字にしたり、リンクを設定したりするのも簡単です。

装飾したい文字をドラッグして選択すると、上部にツールバーが表示されます。
「B」が太字、「I」が斜体、チェーンのようなアイコンがリンク設定です。
それぞれクリックするだけで適用されます。

文字色を変えたい場合は、右のパネル（※）から設定することができます。
※右にパネルが出ていない場合は、右上にある設定パネルアイコンをクリックして表示させてください。（下の画像を参考）

文字色を変更したい部分をドラッグして選択。
右に設定パネルが出たら、下の画像を参考に「色＞テキスト」をクリックし、色を変更してください。
「テーマ」に用意されている色を使用しても良いですし、ご自身で色を設定することもできます。
「色が選択されていません」上の、格子状のエリアをクリックすると好きな色を設定できます。

ここのパネルでは背景色や、文字のサイズを変更することもできます。

画像を挿入する

画像を挿入したい段落の下あたりにカーソルを置くと、左側に「＋」アイコンが表示されます。
これをクリックするとブロックの種類を選べる画面が開きます。

一覧の中から「画像」を選んでクリックしてください。
見当たらない場合は「すべて表示」を押すと、挿入できるブロックが一覧で表示されます。

画像ブロックが追加されたら、「アップロード」ボタンから新しい画像を選ぶか、「メディアライブラリ」から以前にアップロードした画像を選択して「選択」ボタンを押してください。

そのほかにも、YouTube動画の埋め込みや表（テーブル）の挿入なども「＋」ブロックから行えます。
状況に応じて活用してみてください。

公開前のページ設定

本文が書き終わったら、画面右側の「投稿」タブから各種設定を行います。

スラッグ

半角英数字で意味のわかる文字列を手入力するのをおすすめしています。
例えばこの記事であれば、wordpress_for_client_blog_write のようなイメージです。
日本語のまま自動生成されるURLは見た目も管理も良くないので、公開前に必ず確認してください。

カテゴリー

記事の内容に合ったものを選んでください。
設定しないままにしておくと、基本的には「未分類」になってしまいます。

アイキャッチ画像

記事の顔となる画像です。
トップページの新着記事一覧にも使われることが多いので、できるだけ設定しておくことをおすすめしています。

SEO設定など、お使いのプラグインによって、ここに表示される項目は異なります。
C3 Design.でホームページを制作したお客様は、納品時にお渡ししたマニュアルを参考にしてください。

【重要】下書き保存を忘れずに

記事を途中まで書いたところで一旦作業を中断したい場合は、画面右上の「下書き保存」をクリックしてから離席してください。

これを忘れてブラウザを閉じてしまうと、最悪、書いた内容が全部消えてしまいます。

書いている途中でパソコンが固まってしまった！！
という場合もあるので、頻繁にここをクリックして保存しながら記事を作成するのをおすすめします。
（実際に私も何度もやらかしています…）

最近のWordPressバージョンだと自動保存してくれたりもしますが、念には念を、です。

公開前にプレビューで確認を

実際に公開する前に、プレビューで仕上がりを確認しましょう。

画面右上のパソコンアイコンをクリックして、「新しいタブでプレビュー」をクリックします。
すると、読者が実際に見る画面と同じ状態で確認できます。
誤字脱字のチェックはもちろん、改行のバランスや画像の位置なども一度確認しておくと安心です。
スマートフォンでも見やすくなっているか、チェックしておけるとなおよいです。

いよいよ公開です！

確認まで完了したら、画面右上の「公開」ボタンをクリックするだけです。

公開後はスマートフォンからも実際の記事を確認してみてください。
今はスマホで検索・閲覧される方がほとんどですので、スマホ画面での見やすさも大切なポイントです。

慣れるまでは操作に戸惑うこともあるかもしれませんが、書けば書くほど自然に手が動くようになっていきます。
まずはマニュアルや本記事を見ながら、一本書いてみるところから始めてみてください。

継続してブログを書いていくことは、ホームページ全体のSEO対策にも繋がります。
はじめは完璧を目指さず、無理なく楽しんで続けられると良いですね。

C3 Design.でホームページを制作されていないお客様へ

何かわからないことがあれば、ホームページ診断＆改善アドバイスをご活用ください。

こちらは制作依頼前提ではないサービスなので、お気軽にご相談いただけます。

ホームページ診断＆改善アドバイス