WordPress基礎ブログ投稿する手順を初心者向けに解説（画像付き）

ワードプレスにログインして、管理画面に入ります。
左の画面の「投稿」をクリックすると、下に表示される「新規投稿」クリックします。

タイトルの入力方法

投稿ページが開きました。
「タイトルを追加」のところに、テキストを入力してEnterを押しましょう。
前回の記事「SEO対策の基本を徹底解説！女性起業家さんのためのブログ集客術」で詳しく説明しているのですが、タイトルにはキーワードを入れるとSEO対策になります。

webデザイナーkayo

タイトルはシンプルに、読者にわかりやすいものが良いですね。

ねこの手デザイン| 東京都八王子の…

SEO対策の基本を徹底解説！女性起業家さんのためのブログ集客術 | ねこの手デザイン| 東京都八王子のホーム… この記事ではブログで効果的に集客するために、SEO対策をした記事を書く方法について解説しています。アメブロなど無料ツールで集客している方も、SEOを意識して記事を書く…

タイトルが入力できました。
次に、ブロックを選択するには「/」を入力と書かれている場所をクリックしてみましょう。文章を入力できます。

文章を入力できました。

改行する方法

Enterを押すと、次のブロックになります。

• 改行したいときは、Shift ＋ Enter。続けて文章を入力できます。
• Enterを押すと次のブロックになります。文章の次に画像や見出しを入れたいときはEnterです。

ブロックの移動方法

文章を上へ移動させたいときは赤枠の「 」印をクリックしましょう。ブロックごと文章が移動します。
移動は、ブロック単位です。

「テキストテキスト」と書かれた文章のブロックが上へ移動しました。

ブロックを削除・コピーする方法

縦の「・・・」の印をクリックすると、ブロックを丸ごと削除したり、コピーできます。

webデザイナーkayo

Deleteキーで削除できるのですが、時々うまくいかない時はこの方法を試してます。

削除やコピーを選ぶと、ブロックが削除、コピーできます。

見出しをつける方法

①編集画面で「見出し」と入力して、②の印をクリックします。

「見出し」をクリックします。

H1からH6まで表示されるので、適切な見出しを選びます。
タイトルがH1になるので、H2以下は自分で選んで設定します。

見出しの付け方はSEOの視点でも重要なので、記事の後半で詳しく説明しています。詳しく知りたい方は見出しの付け方のルールへ。

今回はH3を選びました。

見た目がH3のデザインに変わりました。H2（中見出し）よりH3（小見出し）の方が文字の大きさが小さくなります。

webデザイナーkayo

ブログを書くときは、H2、H3をよく使います。H5以降はほとんど使わないです。

画像を挿入する方法

＋ボタンを押すと、機能一覧が表示されるので「画像」をクリックします。

パソコンから画像をアップロードするやり方と、
前もって取り込んでおいた画像をワードプレスのメディアライブラリから選んで挿入する方法があります。
アップロードかメディアライブラリのどちらかを選びましょう。

①画像をアップロードする方法

前のステップで、アップロードを選んだ場合は、
メディアライブラリの画面で、パソコンのデータをドロップ＆ドラッグで移動させましょう。簡単にワードプレスに画像を取り込むことができます。

webデザイナーkayo

画像をまとめて選んで、移動させると時短になります。

②メディアライブラリから
画像を選ぶ方法

既に画像をメディアライブラリに取り込んでいる場合、
メディアライブラリ内の画像を選びます。

赤枠のところが、取り込まれた画像です。
画面右下の選択を押すと画像が編集画面に挿入されます。

補足の説明：管理画面のメディアからも画像を取り込むことができます。

画像を小さくする方法

画像が挿入できたら、赤枠の円のマークをドラッグするとサイズを小さくできます。

画像が小さくなりました。

画像の配置を変える方法

赤枠のマークを押すと、左・右・中央のいずれかに位置を変えることもできます。

文字の色を変える方法

色を変えたい部分をドラッグして選びます（選ばないと色が変わらないので注意）。

webデザイナーkayo

部分的に色を変えたり、太字にして強調すると読者がテンポよく読み進めることができます。

「 」の印をクリックすると、一覧が表示されるのでハイライトを選びます。

表示されたパレットの中から、好みの色を選んでクリックしてみましょう。

色が変わりました。

文字の大きさを変える方法

Tのアイコンをクリックします。

元々の文字サイズは16pxなので、20と入力すると文字が大きくなります。

文字の太さを変える方法

Bのアイコンをクリックします。ドラックした文字が太字になりました。

リンク（外部サイトの場合）を設定する方法

この記事では、XサーバーのURLをコピーして説明します。
リンクを貼りたいURLをコピーしてきましょう。

エックスサーバー公式サイト

https://www.xserver.ne.jp/

次にリンクを貼りたい文字をドラッグします。
鎖（リンク）マークをクリックします。

赤枠の部分にURLを入力してEnterを押します。
内部リンクの時はリンク設定は完了です。

自分のホームページやブログのURLのリンクを貼ることを内部リンクと呼びます。
外部リンクは、他社のサイトのリンクを貼ることです。

外部リンクの場合は、赤枠のペンのマークをクリックしましょう。
ちなみにペンマークの横の鎖を切るマークをクリックするとリンクを外すことができます。

新しいタブで開くをクリックして、チェックを入れます。

webデザイナーkayo

読者が元のページに戻れるように、外部サイトのリンク先は、別タブで開くようにするのが一般的です。

投稿画面左に投稿とブロックがタブが並んでします。
投稿を選びましょう。
下にカテゴリーが表記されます。表示されないときは「 」
を選ぶと表示されます。

webデザイナーkayo

以前、「カテゴリーがない！」と焦っていたら、【ブロック】タブを選択していました。

「新規カテゴリーを追加」を選びます。
「新規カテゴリー名を入力して、「新規カテゴリーを追加」ボタンを押すと追加できます。

新しいカテゴリーの追加方法②

カテゴリーを前もって作る方法があります。
管理画面の投稿の下にカテゴリーがあるので、クリックします。

webデザイナーkayo

カテゴリーが見当たらない時は、投稿をクリックしましょう。

名前、スラッグ両方に入力しましょう。
【例】
名前に「テスト」、スラッグに「test」と入力しました。新規カテゴリーを追加の青色のボタンを押しましょう。
右の一覧に追加されます。

管理画面の「表示」をクリックすると、右に「パーマリンク」が出てくるので、クリックします。

投稿名か数字ベースのどちらかがおすすめです。
SEO的には投稿名がおすすめされています。
個人的にはブログを書くたびに末尾の単語を英語で考えるのが地味にストレスなので、数字ベースを選ぶのもアリだと思ってます。

webデザイナーkayo

【https://paws-design.com/eyecatch_setting/】このURLだと、eyecatch_settingを自分で設定する必要があります。
元々はタイトルの日本語が自動的に入ります。
日本語のままだと、リンクを共有された時に長ーい英語に変換されてしまうので、推奨されてません。

ここから先は、完成した記事が実際の画面でどう見えるか確認するステップです。
公開する前に、誤字脱字がないかプレビュー画面で確認しましょう。

webデザイナーkayo

スマホとパソコンで表示の確認をします。

アイキャッチの設定方法は以下の記事で解説しています。

ねこの手デザイン| 東京都八王子の…

初心者も簡単！Canvaでアイキャッチ作成とWordPress画像設定のやり方 | ねこの手デザイン| 東京都八王子の… この記事では、WordPress初心者の方がアイキャッチを作って、WordPressに画像をアップロードする手順を画像付きで分かりやすくご紹介します。WordPressに掲載可能な画像が…

デスクトップ・タブレット・モバイル（スマホ）のいずれかにチェックを入れて、新しいタブでプレビューをクリックします。

画像圧縮ツールは色々あるので、ご自身が使いやすいものを選んでOKです。

webデザイナーkayo

私は、Optimizillaを使ってます。最大20個までまとめて圧縮できます。

パソコン内の画像をクリックしたままドラッグして、Optimizillaの画面にポイっと放り込みます。
ワードプレスのメディアライブラリに画像を取り込むと時と同じやり方です。

ダウンロードが終わったら、黒いボタン全てダウンロードをクリックしましょう。これで、画像の圧縮が終わりました。
圧縮した画像をワードプレスのメディアライブラリに取り込みましょう。

私がよく使う便利な機能をご紹介します。
間違えた時に前に戻りたい時は、①をクリックしましょう。
もう一つはブロックがうまく選べない時は②のところを見ると、現在地が分かります。
投稿＞リスト＞リスト項目になっているので、現在地はリスト項目です。
もしリスト全体を選びたかったら、リストの文字をクリックするとリストのブロックを選ぶことができます。

webデザイナーkayo

リスト項目でEnterを押すと、リスト項目が追加されてしまうので、②のリストをクリック→Enterという使い方をよくします。