初心者向けWordPressブログの書き方 編集＆投稿方法を解説

この記事では「WordPressでのブログの書き方」を基本操作やテーマごとの装飾を画像付きで解説しています。

紹介する基本操作は以下の通りです。

※基本操作に加えてcocoon/SWELL/AFFINGER/SANGOのよく使用する装飾もまとめています。

どのテーマもちょっとしたコツでおしゃれに装飾できるので、参考にしてみてください。

WordPressブログの書き方 基本情報

はじめにWordPressでブログ記事を書くにあたり基本的なことを解説します。

＞WordPressの編集から投稿までに進む

投稿ページと固定ページの違い

WordPressでは投稿する方法が2種類あります。

投稿ページ

ブログの記事を作成・編集するページ。

固定ページ

プロフィール、問い合わせ、プライバシーポリシーなどを作成・編集するページ。

ブログ記事を投稿するときは「投稿ページ」を使用します。
※以下、投稿ページの書き方を解析しています。

クラシックエディタとブロックエディタの違い

WordPressには2種類のエディタが使えます。
※エディタとは記事を編集する機能のことです。

• クラシックエディタ（旧エディタ）
• ブロックエディタ（新エディタ）

ブロックエディタはWordPress5.0から標準で採用されたエディタです。
※2018年12月から

クラシックエディタに慣れている人は初めのうちはブロックエディタに戸惑うかもしれませんが、今はデフォルトでブロックエディタになっています。

わざわざクラシックエディタを使用する必要はないので、これからブログを始める人は「ブロックエディタ」に慣れておきましょう。
※本記事では、ブロックエディタを使用することを前提に解説しています。

WordPressテーマごとの違い

WordPressは使用するテーマによって記事の編集方法が違います。

元々、標準で使えるブロックもありますが、テーマごとにデザインが違うので好みのテーマで編集しましょう。

今回解説するテーマの特徴は以下の通りです。

	cocoon	SWELL	AFFINGER	SANGO
デザイン性
カスタマイズ性
SEO内部対策
複数サイト	OK	OK	OK	OK
販売価格 ※価格は税込みです。	無料	17,600円	14,800円	14,800円

初心者向けWordPressブログの書き方 編集＆投稿方法を解説

ではここからは画像付きでWordPressブログの書き方を解説します。

書き方の流れは使用頻度が高い10項目を解説しています。

記事の編集画面を開く

WordPressの管理画面から新しい記事を編集する画面を開きます。

編集画面の開き方は2種類です。

• 画面左の［投稿］→［新規追加］
• 画面上の［＋］→［投稿］

どちらも同じなので使いやすい方法でOK。

記事タイトルの付け方

記事のタイトルは編集画面の［タイトルを追加］に入力します。

タイトルは読者が読みたいと思ってもらえる内容が適しています。

その際、必ずタイトルにキーワードを含めましょう。

そしてタイトルの文字数は、あまり長過ぎては読者に伝わりにくいので、32文字以内が良いとされています。
※文字数に制限はありません。

他にも32文字以内の理由は、検索ページで以下のように途中で切れてしまうからです。

見出しの付け方

ブロックを選択して一覧から［見出し］を選択します。

見出しを選択すると画面上部に「H2」と表示されます。

編集中の見出しの確認は編集画面上部から確認できます。

記事本文の書き方

本文は［ブロックを選択するには「/」を入力］に本文を書きます。

基本的に改行ごとにブロックを選択して文章を入力します。

また注釈など改行させたくないときはキーボードの［Shift＋Enterキー］ですぐ下に改行できます。

例：本文のすぐ下に文章を載せる場合。
※Shift＋Enterキーですぐ下に改行できます。

また、WordPressには60秒ごとに自動で下書き保存してくれる機能が付いています。

うっかり「×」で画面を閉じても保存されているので安心です。

本文を装飾する

ブロックを選択して文章を書いた後にツールバーから選択します。

その他［  ］リンクは文字にURLを載せるときに使用します。

リンクは外部リンク、内部リンクどちらでも使用可能です。

内部リンクは読者が自身のWebサイトに留まる効果が期待できます。

Googleの評価にも左右されるので、積極的に活用しましょう。

下線はリンクテキストと混同してしまうため多様しないようにしましょう。

記事に画像を入れる

画像の挿入方法は3つあります。

アップロード

パソコンやスマートフォンなど外部端末から画像を取り込むときに使用。

メディアライブラリ

WordPressに保存された画像を使用するとき。（主にメディアライブラリの画像を使用します）

URLから挿入

WordPressに保存された画像を使用するとき。（ほとんど使いません）

画像サイズはWordPressに取り込む前に変更できますが、WordPressに取り込んだ後も編集可能です。

本文に挿入する画像容量は大き過ぎると読み込みが遅くなってしまうため50KB以下が目安です。

記事にパーマリンクを設定する

画面右のサイドバーの［投稿］→［パーマリンク］を選択して記事のパーマリンクを入力します。

パーマリンクとは

https://www.dekkiblog.com /（ここの部分）

パーマリンク自体の設定はWordPressの管理画面左のツールバーから［設定］→［パーマリンク］から設定できます。

パーマリンクを好きな文字列にしたいときは「カスタム構造」にチェック→「/%postname%/」と入力→［変更を保存］で設定できます。

ですが、読者の利便性を考えると分かりやすいURLにするのをおすすめします。

↓ブログについて書かれている
例①：https://○○○.com/blog
↓アフィリエイトについて書かれている
例②：https://○○○.com/affiliate

記事にカテゴリー・タグを設定する

画面右のサイドバーから［カテゴリー］を選択します。

そのすぐ下に［タグ］とあるのでこちらにタグを入力します。

タグは［よく使うもの］からも選択できます。

記事にアイキャッチ画像を設定する

画面右のサイドバーの［アイキャッチ画像を設定］から使用する画像を選択します。

推奨サイズ以下だとボヤけたり画像が途切れたりすることがあるので注意しましょう。

また画像容量が大きくなってしまったときは圧縮して使用します。

画像圧縮ツールは以下のサイトがおすすめです。

どちらもブラウザ上で圧縮できて便利です。

＞JPEG/PNGの圧縮ツール［TinyPNG］

＞webp圧縮ツール［PNG・JPEGをWebP画像に一括変換｜サルワカ道具箱］

webp（ウェッピー）とは

webpはGoogleが開発したファイル形式でPNG画像よりも約26%、JPEG画像よりも約25%〜35％画像容量を軽くできます。

ファイル形式ごとの違いは以下の通りです。

ファイル形式の違い

項目	PNG	webp	JPEG
容量	重い	軽い	軽い
透過	可能	可能	不可
可逆圧縮	可能	可能	不可
主な用途	Webサイトの画像 ロゴ 文字を含む画像	Webサイトの画像 ロゴ 文字を含む画像	写真

最近は色々なサイトでwebp形式が使われています。

記事を公開（投稿）する

最後は記事を確認をして［公開］します。

公開は「今すぐ」できますし、日時指定で公開もできます。

WordPressブログの書き方 テーマごとの編集方法

ここからはWordPressテーマごとによく使うブロックを解説します。

紹介テーマは次の通りです。

WordPressテーマcocoonの編集方法

箇条書きを入れる

ブロックを選択して［＋］→［リスト］を選択します。

すると、ブロックに箇条書きが表示されます。

もう少し装飾に変化をつける場合は［＋］→［タブボックス］を使用します。

他には［見出しボックス］［タブ見出しボックス］で箇条書きがボックス形式で作成できます。

ボックスの中をクリックして［＋］→［リスト］を選択します。

またボックスには「アイコン」と「タイトル」が付けられます。

画面右のサイドバーからアイコンの選択、ボックスの色が設定できます。

ふきだしを入れる

ふきだしは［＋］→［吹き出し］で呼び出します。

ふきだしはデフォルトで選択できるものと、自身で設定したふきだしが使えます。

ふきだしのカスタマイズはWordPress管理画面左のサイドバーの［cocoon設定］から変更可能です。

ふきだしは色の設定が可能です。

吹き出し色設定
背景色/文字色/ボーダー色が変えられます。

表を入れる

表は［＋］→［テーブル］を選択。

ブロックに「表形式のデータを挿入します。」と表示されるので、カラム数と行数を入力します。

表を増やすときは、画面上部のツールバーから表の挿入・削除が選べます。

続いてテーブルに画像を挿入します。

［ ］→［インライン画像］を選択して画像を挿入します。

評価スターは［/］→［/］評価スターを選択します。

[ star rate=”3.7（ここの数字を変更します）” max=”5″ number=”1″ ]

こんな感じで表示されます。

cocoonのテーブルブロックはシンプルですが、文字サイズやカラーを変更することで少し変化を付けられます。

フォントサイズの変更

［  フォントサイズ］→［  32px］を選択。

文字色の変更

［  さらに表示］→［ハイライト］で文字色を選択します。

このように少し変化を付けられます。

ボタンを入れる

［＋］→［ボタン］を選択。

ボタンは画面右のサイドバーから変更可能です。

cocoonのまとめ

cocoonはマウス操作で直感的に装飾できるので使いやすさでは随一です。

しかし、カスタマイズできるバリエーションが少なくどうしても簡易的なサイトに見えてしまいがちです。

もっとオシャレな装飾をしたいと考えている人は不向きなテーマといえます。

WordPressテーマ SWELLの編集方法

箇条書きを入れる

［＋］→［リスト］を選択。

画面右のサイドバーから［親のリストブロックを選択］から好きな装飾を選びます。

［キャプションボックス］を選択してリスト（箇条書き）が挿入可能です。

ふきだしを入れる

［＋］→［ふきだし］を選択。

画面右のサイドバーから吹き出しの装飾ができます。

表を入れる

［＋］→［パターン］→［SWELL テーブル］から表（テーブル）のテンプレートを選んだほうがすぐに編集できます。

画面右のサイドバーから表（テーブル）の装飾ができます。

ボタンを入れる

［＋］→［SWELLボタン］を選択。

画面右のサイドバーからボタンのスタイル/ボタンサイズ設定/フォントサイズが変更できます。

ボタンにテキストを入力して［  リンク先］を設定します。

SWELLのまとめ

SWELLはcocoonと同じような操作性でマウスを動かすだけで簡単に装飾できます。

WordPressテーマの中でも人気が高く、シンプルでおしゃれにカスタマイズしたいと考えている人はSWELLが最適です。

WordPressテーマ AFFINGERの編集方法

AFFINGERはクラシックエディタ・ブロックエディタどちらにも対応しています。

以下、ブロックエディタの解説をしています。

AFFINGERのまとめ

カスタマイズの幅ではAFFINGERが断トツで優れています。

細かいカスタマイズが多くて使い慣れるまで時間がかかるのはデメリットとも言えますが、一度慣れてしまえば問題ありません。

機能も豊富なので、本格的にブログで収益化するならAFFINGERをおすすめします。

WordPressテーマ SANGOの編集方法

箇条書きを入れる

箇条書きは［+］→SANGO［リスト］から選べますが、「SANGO land」を使用したほうがカスタマイズの幅が広がります。

ふきだしを入れる

［＋］→SANGO［吹き出し］を選択。

画面右のサイドバーから吹き出しの装飾ができます。

表を入れる

表（テーブル）に関しても「SANGO land」から選択したほうがカスタマイズ済みの表が作れるので便利です。

ボタンを入れる

ボタンも［＋］→SANGO［ボタン］から選択可能ですが「SANGO land」を使用したほうが色々なボタンが選べます。

SANGOのまとめ

SANGO landではカスタマイズ済みのブロックが使用できるので、カスタマイズに悩むことはありません。

しかし、AFFINGERやSWELLと比較すると、どうしても見劣りしてしまう点は否めません。

もちろんカスタマイズ次第では好みのサイトは作れますが、スマートでかっこいいサイトを作りたい人はAFFINGERやSWELLをおすすめします。

まとめ WordPressの編集は覚えたら簡単

今回はWordPressのブログの書き方を基本操作とテーマごとの装飾方法を解説しました。

WordPressは操作を覚えるまで難しく感じるかもしれませんが、何度か使っているうちに覚えられます。

また、装飾は今回紹介したブロック以外にも色々ありますが、使用頻度の高いブロックはある程度パターン化されます。