top of page

言葉 x デザイン x ブランディング

'らしさ'を理想の顧客から「選ばれる理由」に翻訳して見える化

​あなたのビジネスのファンを作ります

'らしさ'を理想の顧客から「選ばれる理由」

に翻訳して見える化

​あなたのビジネスのファンを作ります

company_logo
まずは無料で相談する

【初心者向け】ワードプレス|ブログ記事の書き方(操作方法)

  • 2023年8月23日
  • 読了時間: 9分

更新日:2 日前

【初心者向け】ワードプレス|ブログ記事の書き方イメージ画像



先日ワードプレスを使ってWebサイトを作成し、納品が完了したお客様にワードプレスの使い方のマニュアルをお渡ししました。


せっかくなので、ブログ記事としても公開したいと思います。


  • 初めてワードプレスでブログ記事を書く方

  • 久しぶりでブログ記事の書き方を忘れてしまった方


など、、、初心者の方向けにワードプレスを使ったブログ記事の書き方(操作方法)をお伝えします。


※ワードプレスは日々進化していきますので、細かな部分はどんどんバージョンアップして変わっていきますが、基本操作は大体同じです。


目次


ワードプレスのブログ|記事を書く準備をする


①ワードプレスにログインする


まずはワードプレスにログインします。


レンタルサーバでワードプレスを開設した際に、ワードプレスのログインURLをメモしていると思いますので、そのURLを開きます。


セキュリティー用のプラグインでログインURLを変更されている場合には、変更後のURLを開いてください。


ログイン画面が表示されたら、必要事項を入力して「ログイン」をクリックします。


WordPressログイン画面

*CAPTCHAコードは、プラグインで別途設定している場合にのみ表示されます



②投稿編集画面を開く


ログインすると、下記のようなダッシュボード(管理画面)が開かれるので、左のバーから「投稿」にカーソルを合わせます。


管理画面


投稿には、「投稿一覧」「新規追加」「カテゴリー」「タグ」が紐づいています。


投稿

  • 投稿一覧 ・・・ ブログ記事一覧画面

  • 新規追加 ・・・ 新規ブログ記事の編集画面

  • カテゴリー ・・・ カテゴリーの編集画面

  • タグ ・・・ タグ編集画面



新しいブログ記事を書く際には、「新規追加」をクリックして編集画面を開きます。


ブログ編集画面
ブログ編集画面

*投稿一覧画面から「新規追加」をクリックしても編集画面が開かれます。



ワードプレスのブログ|記事の書き方


それでは早速ブログ記事を書いていきます。


①タイトルを入力する


まず、「タイトルを追加」と書かれている行をクリックして、記事のタイトルを入力します。


タイトル
*便宜上赤枠で囲っています

記事の内容に応じて、30文字以内でつけると良いでしょう。


②本文を入力する


続いて本文を入力します。


記事の構成や書き方はワードなどの文書と同じで、見出し・文章・画像などを自由に組み合わせて書いていきます。


タイトル下の、便宜上赤枠で囲っている部分にカーソルを合わせて文字を入力してみましょう。


テキスト


※ブロックについて


ワードプレスはブロックの集合体でできています。


ブロックというのは何かを入れるための「」のようなもので、入れたい内容に応じてまずは箱の「種類」を指定します。


例えば、文章を入れたい場合には、文章を入れるための「段落」ブロックを選びます。


デフォルトは「段落」になっていますので、文章を打ちたい場合にはそのままカーソルを合わせてテキストを入力することができます。


文章を改行したい場合、別の種類のブロックを利用したい場合には「エンターキー」を押して改行し、新しいブロックを出現させます。


ブロックの種類は、各ブロック右側の「+」マークを押すと、ポップアップから選ぶことができます。


ブロック

ポップアップにはよく利用するものが表示されますが、「すべて表示」を押すと利用できるブロックの一覧が出てきますし、キーワードで検索することもできます。


※ブロックの編集


ブロックには、それぞれ編集用のバーがポップアップで表示されます。


例えば、テキストを打ちたい場合に使用する「段落」ブロックには、下のようなバーが出てきます。




使用するテーマによって内容が違いますが、太文字にしたり、イタリックにしたり、文字の色を変えたり、マーカーを引いたり、リンクを貼ったりできますので、ご自身の画面でご確認ください。


また、上下のマークを押すと、ブロック単位で位置を入れ替えることができます。




③見出しをつける


長い記事を書く場合には見出しを利用しましょう。


見出しは「H2」から始まり、サブ見出しが「H3」、サブサブ見出しが「H4」・・・という順番でつける必要があり、飛ばして使わないように注意しましょう。



(H2)見出し1

(H3)サブ見出し1

(H4)サブサブ見出し1

(H4)サブサブ見出し2

(H3)サブ見出し2

(H2)見出し2



ワードプレスのブログ|画像を挿入する


文章が長くなる場合や写真で補足したい場合などには、画像を挿入することができます。


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


画像を入れたい箇所にブロックを追加し、「+」マークをクリックして「画像」ブロックを選択します。


画像ブロック

画像ブロック
「画像」ブロック

アップロード」をクリックして直接画像をアップロードしても良いですし、「画像を選択」から「メディアライブラリ(*)」を開き、既にアップロードしてある写真を選択したり、新たに画像をアップロードすることもできます。


*アップロードした画像が入っているライブラリのこと


あまり大きなサイズの画像だと重くなってしまうので要注意です。


②画像の説明を入れる


画像をアップロードしたら、一枚一枚に「代替テキスト」と「説明」を入力します。



代替テキストは画像が表示されない場合に代わりに表示される文字になり、説明は自分用ですが後から画像を検索する際に使います。


入れる内容は画像の説明になりますが、どちらも同じ内容を入れればOKです。


また、画像にキャプションをつけたい場合には「キャプション」に入力します。


③画像の大きさを設定する


表示させる画像の大きさを設定するには、画像ブロックを選択した状態で、右側の「編集」エリアから「ブロック」ー「設定(歯車のようなマーク)」を開きます。



最近ここのやり方が変わってしまったのですが、もしわからなければ、アスペクト比は「元のサイズ」、解像度を「フルサイズ」か「」のまま、幅の数値を指定するのが一番おかしなことにならずに簡単ではないかと思います。


幅の数値はパソコン画面でプレビューしながらお好みで調整してください。


ちなみに私は、敢えて大きく表示したいものでない限りは幅を700px以下に設定しています。


④画像のその他の設定をする


画像ブロックでは、編集用のバーで画像の位置を「右寄せ」や「中央揃え」などに設定することができます。


画像位置


また、画像をクリックした際に別のURLに飛ぶよう、リンクを貼ることもできます。


下記の四角で囲ったマークをクリックし、URLをペーストして矢印マークを押します。




なお、URLを入力せずに「メディアファイル」を選択すると、画像をクリックした際に拡大されて表示されます。


↑画像をクリックすると拡大表示されます

*正確には、クリックすると画像が元のサイズで表示されます。元のサイズが小さい場合にはクリックしても拡大されません。



ブロックのスタイルの編集について


ブロック全体に背景色をつけたり、ブロック全体の文字の色を変えたりすることができます


選んだテーマやブロックの種類によって編集できる内容は異なりますので、何ができるかはご自身の画面で試してみてください。


ブロックを選択した状態で右側に表示される「設定」エリアで、「ブロック」ー「スタイル」から編集できます。


スタイル設定
例)「段落」ブロックのスタイル

ワードプレスのブログ|記事を投稿する


タイトルと本文を入れることができたら、次はいよいよ記事の投稿です。


記事の投稿設定は、右側の「設定」エリアの「投稿」から設定します。


投稿設定

*公開の横にある「今すぐ」をクリックすると日時を指定できるカレンダーが表示されますので、予約投稿することができます。


①カテゴリーを選択する


まずは「設定」エリアを下にスクロールして、カテゴリーを選択しましょう。



カテゴリーについては、ワードプレスダッシュボード(管理画面)の「投稿」ー「カテゴリー」でお好きなカテゴリーを事前に作成しておくと、投稿画面のここに表示されます


チェックを入れてカテゴリーを選択します。


複数選択することもできますし、「新規カテゴリーを追加」からカテゴリーを追加することもできます。


②アイキャッチ画像を設定する


各記事にはアイキャッチ画像(サムネ画像)を入れましょう。


同じく「設定」エリアを下にスクロールして、アイキャッチ画像を設定します。



グレーのボックスをクリックするとメディアライブラリが開かれますので、アイキャッチ画像に使用したい画像を「選択」します。



③抜粋


同じく「設定」エリアを下にスクロールして、抜粋を入力します。



ここに入力した内容が、Googleなどの検索結果で表示されます。




④プレビューで確認する


全ての設定が完了したら、公開する前にプレビューで記事を確認しましょう。


画面右上の「プレビュー」をクリックすると、パソコン画面、タブレット端末、スマホ画面の3種類で確認できます。



プレビューで見てみると修正したい箇所が出てくると思いますので、毎回必ず確認しましょう。


⑤記事を公開する


確認が終わったら、「公開」ボタンを押して記事を公開します。



正しく公開されているか、ご自身のURLを開いて確認しましょう。



わからないことがあったら、、、


ワードプレスはどんどんアップデートされていきますので、使いこなすにはご自身で使ってみて慣れることが肝心です。


また、「こんな時はどうするんだろう」「これはどうやるんだろう」という疑問が出てきた際には、、、


「ワードプレス テーブル 使い方」

「Lightning(お使いのテーマの名前) 文字を赤くしたい」


などと検索すると、やり方を解説した記事が出てきますので、いくつか見比べながら参考になさってください。


(2026年6月追記|現在はchatGPTやGeminiが答えてくれますので以前よりやりやすくなっていると思います。)


この記事が、これからワードプレスでブログを書かれる方の参考になれば幸いです。



彩葉D&Wでは、ビジネスに必要なロゴや名刺、チラシなどの紙媒体から、webサイト作成、ご自身で作られたwordpressサイトのブラッシュアップなどを承っています。


まずはお気軽にご相談ください。

コメント


bottom of page