初心者でもわかる!ブログ記事の書き方【WordPressの操作編】
![](https://okanemochininaro.com/wp-content/uploads/2023/04/ワードプレス操作.png)
WordPressでブログを開設して「いよいよ記事を書くぞ!!」と思った時に
![](https://okanemochininaro.com/wp-content/uploads/2023/04/2624407.jpg)
記事を書くための操作方法がいまいちわからない!
という方が意外と多くおられます
WordPressで記事を書くのは「Gutenberg(グーテンベルグ)」というブロックエディタを使用しています
![](https://okanemochininaro.com/wp-content/uploads/2023/04/2588076-6-150x150.jpg)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/2588076-6-150x150.jpg)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/2588076-6-150x150.jpg)
WordPressが初めての人は、この使い方に戸惑う方が多いね!
※ちなみに「グーテンベルグ」というのは、2018年にリリースされたWordPress5.0以降に搭載されたエディタの名称で、ブロックを組み合わせていくので「ブロックエディタ」とも呼ばれています
私も最初は「グーテンベルグ?ドイツ人?」なんて思いましたけど、使用するうえで名前は関係ないので、ぶっちゃけ覚えなくても大丈夫です(もし気になる方はググってください)
簡単に説明すると「見出し」「本文」「画像」など、様々なブロックを組み合わせて記事を書いていくイメージをしてもらえれば良いかと思います
![](https://okanemochininaro.com/wp-content/uploads/2023/04/見出し-2.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/見出し-2.png)
ブロックごとに構成されているので、「見出し」「文章の段落」「画像」などの移動や入れ替えが感覚的にでき、編集がしやすいのが特徴です
最初は少し戸惑うかもしれませんが、慣れればそれほど難しくないのでご安心ください
じゃあ、さっそく実際の記事をつくっていきましょう
ここでは無料テーマの「Cocoon」を使用して説明していますが、テーマによって若干違いがありますのでご了承ください
1、記事を書くための基本操作
では最初にWordPressの管理画面から「①投稿」→「②新規追加」をクリックしましょう
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-13-22.36.18-1.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-13-22.36.18-1.png)
次のような新しい記事の作成画面が開きます
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-13-22.44.38.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-13-22.44.38.png)
では、ここからブロックごとに記事を作っていきましょう
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-13-22.58.32.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-13-22.58.32.png)
上の画面のようにブロックごとのパーツで構成されています
記事は「見出し」「本文」「画像」などがよく使われますので、この基本的なブロックを作る方法から説明していきたいと思います
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-13-23.13.32.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-13-23.13.32.png)
最初に記事のタイトルを記入し、「Enter」を押すと下の「段落ブロック」に移動します
「段落ブロック」は文章ブロックなので、文章を書くならそのまま文字を入力すればOKです
※最初にリード文を書くと記事を読んでもらいやすくなります(※リード文:記事全体の内容がイメージでき、読むメリットを伝えるための文)
段落が一区切りしたら、「Enter」を押すと次の段落ブロックが現れます
![](https://okanemochininaro.com/wp-content/uploads/2023/04/2588076-6-150x150.jpg)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/2588076-6-150x150.jpg)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/2588076-6-150x150.jpg)
一つの段落は長くても2行におさえると読みやすい記事になるから、積極的に改行しようね!
読みやすい記事の書き方については、こちらで詳しく解説してるので参考にしてみてください
![](https://okanemochininaro.com/wp-content/uploads/2023/04/紫と黄とマゼンタ-プロフェッショナル-人生を楽しむ人-一般-ブイログ-YouTubeサムネイル-1200-×-675-pxのコピー-1-300x169.jpg)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/紫と黄とマゼンタ-プロフェッショナル-人生を楽しむ人-一般-ブイログ-YouTubeサムネイル-1200-×-675-pxのコピー-1-300x169.jpg)
「段落ブロック」を「見出しブロック」に変更する
「段落ブロック」を「見出しブロック」に変更したい場合は、ブロックの右側の「+」をクリックします
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-13-23.40.33.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-13-23.40.33.png)
「+」をクリックすると、ブロックの種類がポップアップ表示されるので「見出し」をクリックする
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-13-23.53.27-1.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-13-23.53.27-1.png)
見出しのサイズを変更する場合は、ブロックの上のツールバーから「H1〜H6」を選択してサイズ変更ができます(サイズは見出しを入力する前でも後でも変更できます)
H1はタイトルと同じサイズなので、見出しの場合は「H2〜H6」を選びましょう
見出し入力後は「Enter」を押し、次の段落ブロックに見出しに合わせた本文を入力します
画像ブロックの使い方
記事に画像を入れるときは「画像ブロック」を使用します
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-13-23.26.24.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-13-23.26.24.png)
段落ブロック右横の「①+をクリック」→「②ポップアップ表示されたら」→「③画像をクリック」
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-10.33.28-1.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-10.33.28-1.png)
「アップロード」をクリックして、PCに保存されている画像を選択したら、次のように「画像ブロック」が入ります
(※画像は「ドラッグ&ドロップ」直接挿入することもできます)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-10.46.24-1.jpg)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-10.46.24-1.jpg)
画像が大きすぎたり小さすぎてバランスが悪い場合、画像サイズを調整します
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-10.51.29-1024x505.jpg)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-10.51.29-1024x505.jpg)
「①画像ブロックを選択」→「②ブロックをクリック」→「③設定のアイコンをクリック」→「④画像の寸法」でサイズ調整する
ブロックの移動方法
「見出しブロック」を移動してみましょう
「見出しブロック」上のツールバーの矢印マークをクリックすると上下に移動できます
上に移動する時は「上の矢印マーク」をクリックします
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-11.11.04.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-11.11.04.png)
すると、ひとつ上の「段落ブロック(リード文)」と入れ替わり、上のブロックに移動しました
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-11.23.00-1-1024x581.jpg)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-11.23.00-1-1024x581.jpg)
このように矢印をクリックするたびに、上下に1ブロックずつ移動します
ブロックの変換
ブロックは記入後でも種類を変更することができます
わりとよく使う変換はこちらです
- 「段落ブロック」⇆「見出しブロック」
- 「段落ブロック」⇆「リスト(箇条書き)ブロック」
1、「段落ブロック」を「見出しブロック」に変換する方法
段落ブロックのツールバーから「段落ブロックマーク」をクリックします
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-11.55.45-1.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-11.55.45-1.png)
ポップアップ表示の中から「見出し」をクリックします
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-12.03.09.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-12.03.09.png)
以下のように「段落ブロック」が「見出しブロック」に変換されました
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-11.56.03-1.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-11.56.03-1.png)
2、「段落ブロック」を「リスト(箇条書き)ブロック」に変換する方法
リストにしたい段落ブロックを選択します
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-11.50.07-1.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-11.50.07-1.png)
ツールバーの「①段落ブロックマーク」をクリック→「②リスト」をクリック
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-11.50.47-2.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-11.50.47-2.png)
先ほど選択した3つの段落ブロックが「リストブロック」に変換されました
「数字リスト」に変更したい場合はリストのツールバーの「数字マーク」をクリック
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-11.51.03-1.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-11.51.03-1.png)
数字リストに変換されました
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-12.28.42-1.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-12.28.42-1.png)
以上で基本的な操作の説明が終わりました
基本ブロックの「段落」「見出し」「リスト」「画像」だけでも、なんとなくブログっぽくなったのではないでしょうか
2、記事を公開する
記事を仕上げたらいよいよブログに記事を公開しましょう
公開前に最低限設定しておいた方がいい項目が3つあります
- パーマリンク(URL)の設定
- カテゴリーの設定
- アイキャッチ画像の設定
この3つの設定は「サイドバー」でおこないます
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-15-1.18.43.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-15-1.18.43.png)
1、パーマリンク(URL)の設定
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-15-1.24.09-1.jpg)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-15-1.24.09-1.jpg)
①「URLの部分」をクリック→②「ポップアップ表示される」→③「パーマリンク」の部分に任意のURLを入力
「URL」は分かりやすいように、ある程度記事の内容に沿った「英語」か「ローマ字」にしておくといいでしょう
2、カテゴリーの設定
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-15-1.42.18-1.jpg)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-15-1.42.18-1.jpg)
- 「新規カテゴリー追加」をクリックすると「新規カテゴリー名」の枠がでてきます
- 「新規カテゴリー名」の枠に好きなカテゴリー名を入力します
- カテゴリー名を入力したらその下の「新規カテゴリーを追加」をクリックします
- 上に入力した「カテゴリー名」が表示されるのでチェックをいれます
これでカテゴリーの設定は完了です
3、アイキャッチ画像の設定
アイキャッチ画像を設定しましょう
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-15-1.57.51-1.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-15-1.57.51-1.png)
下の画像の中の、1番目の記事が「アイキャッチ画像なし」、2番目の記事が「アイキャッチ画像あり」です
![](https://okanemochininaro.com/wp-content/uploads/2023/05/スクリーンショット-2023-05-04-15.17.16.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/05/スクリーンショット-2023-05-04-15.17.16.png)
文字だけの記事よりも、アイキャッチ画像があった記事の方が目を引きますね
これで設定が完了です
それではいよいよ記事を公開しましょう
右上の「公開」をクリックします
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-16-15.28.19.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-16-15.28.19.png)
サイドバーに最終確認画面がでてくるので、もう一度「公開」をクリックしましょう
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-16-15.28.40.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-16-15.28.40.png)
これで記事が公開されました
![](https://okanemochininaro.com/wp-content/uploads/2023/04/2588076-6-150x150.jpg)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/2588076-6-150x150.jpg)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/2588076-6-150x150.jpg)
お疲れ様でした!これで晴れてブログデビューだね!
ここでは基本的なブロックの使い方を説明させていただきました
ブロックの種類は実にたくさんあり、それらを使いこなすことで記事がより読みやすくなり、内容が生きてきます
記事を書き進めながら少しずつ使い方を覚えていきましょう
![](https://okanemochininaro.com/wp-content/uploads/2023/04/ブログツール-4-300x169.jpg)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/ブログツール-4-300x169.jpg)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/ワードプレス操作-300x169.png)
![](https://okanemochininaro.com/wp-content/uploads/2023/04/ワードプレス操作-300x169.png)
コメント
コメント一覧 (4件)
[…] […]
[…] 記事の書き方【WordPress操作編】 記事の書き方【ノウハウ編】 […]
[…] 記事の書き方【WordPress操作編】 記事の書き方【ライティングスキル編】 […]
[…] 記事の書き方【WordPress操作編】 […]