初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

初心者向けに、WordPressの「投稿」機能に関する操作方法を纏めてみました。

当サイトもワードプレスで長年運営していますので、これから初めてWordPressを使う方は参考にしてみてください。ちなみにワードプレスについて体系的に学ぶのであれば、筆者も受講したワードプレスを学べるプログラミングスクールの活用がおすすめです。

筆者の場合は上場企業が運営するTechAcademyを受講しましたが、完全オンラインのプログラミングスクールのため、いつでも好きな時に自由に学習を続けることができました。

WordPressでの基本的なブログ記事の投稿フローとやり方

それではまずはWordPressでの基本的な投稿フローについてです(ワードプレスを最新版にしている方は、「Classic Editor」というプラグインを使うことで、当サイトと同じ画面にすることができます)。

1. ダッシュボード→投稿→新規追加

018e6c6a9b8617ec34766f7370fc3a52 1024x536 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

まず、Wordpressのダッシュボードにログインします。その後、「投稿」→「新規追加」へ行きます。

2. ビジュアルかテキストか選択

07893ceba76109df290fa006f0a2a82f 1024x691 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

次は、文章の入力方法を選びましょう。「ビジュアル」か「テキスト」か選択します。

ビジュアルとテキストの違いは、以下の通りです。

  • ビジュアル:ビジュアルエディタ。見た目に通りの記事作成ができるので、編集しやすい。
  • テキスト:プログラミングできる方向け。HTMLでの記述が必要。

基本的にはビジュアルエディタの方が初心者にとっては書きやすいと思います。当サイトも基本的にはビジュアルエディタで記載しています。

なお、たまにビジュアルでみたときに文字のフォントが変わっていたりする場合は、テキストに変なタグが入っていたりします。そういう際は、テキストタブをクリックして、不要なタグを削除しましょう。

例えば他のところで書いた文章を、ビジュアルタブに貼り付けてしまうと、表示が変になったりします。ですので、基本的に他のところで文章を書いた場合は、テキストタブに貼り付けるようにすると、表示が綺麗になります。

3. タイトル・文章を入力

9b85466622eed7575441829a030b7bfb 1024x535 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

次は、タイトルと文章を実際に入力していきます。ここでは実際は、文字の装飾(文字を赤色にする等)や太字を活用したりするとは思いますが、それについては下の項目でまとめて説明していきます。

4. 下書き・プレビュー・公開までの方法

92b4179f7410826dc66ff3956b32db02 1024x444 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

こうして文章が入力し終わったら、「公開」ボタンをクリックします。

また、Wordpressの場合は一旦「下書き」にして保存もできますので、右上の「ステータス」を上手く活用するのがおすすめです。また、記事を後悔する前に表示がどのようになるのかを確認する場合は、「プレビュー」機能を使ってくださいね。

初心者が知っておきたいWordPressの投稿に関する主な機能一覧(10個)

それでは、WordPressの投稿時に使える機能を一つ一つ知っていきましょう。

1. 見出し

c6fbeca21bb4ae9bbc965deaaebddb0d 1024x733 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

まず、見出しの設定方法ですが、見出しは「見出し1」〜「見出し6」まで選択できます。

※「段落」を選択することで、もとの状態に戻ります。

基本的には「見出し2」と「見出し3」を使うことが多くなるかと思われます。文章の構成としては、例えば下記のように階層構造になります。

  • 見出し2
    • 見出し3
    • 見出し3
      • 見出し4

2. 太字・斜字

9776f34917f17be1310527a6f705b867 1024x722 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

続いて、太字斜字は、「B」と「I」マークで行います。変更したい部分を選択状態にして、「B」などのマークを押してください。

もしくは、macの場合は、強調したい文字の部分を選択して、「Command + B」で太字にすることが可能です。

3. リスト

2671500144113dba5a047bc160840ce6 1024x708 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

リストは、「I」マークの横にある、リストマークで行います。左側が「順序なしリスト」、右側が「順序づきリストになります」

  • 順序なしリストの例1
  • 順序なしリストの例2
  • 順序なしリストの例3
  1. 順序ありリストの例1
  2. 順序ありリストの例2
  3. 順序ありリストの例3

4. 引用

a22208d33968ea571aa4c96ba5f7fa43 1024x667 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

引用は、どのテーマでも基本的にデザインが分かりやすく変わっていることが多いです。引用はダブルクオーテーションマークを押すことで行なえます。

5. リンクの貼り付け

4e3c49588792c85850489ea5a01ae838 1024x710 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

次は、リンクの貼り付け方法です。リンクは、リンクマークを押して、URLを入力することで貼り付けることが出来ます。

6. 画像の貼り付け・挿入

67f3635fcb0f0902b686ed1a9c8892e2 1024x766 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

画像は、「メディアを追加」から行うか、直接ドラッグ&ドロップをします。メディアを挿入する場合は、自分のPCのデスクトップなど、ローカルからファイルをアップロードします。

3a366fa102bb0d24bb3657cd428bdd95 1024x510 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

ファイルを選択してアップロードすると、メディアライブラリに画像がたまっていきます。

7071375756ce454165ec428fb0656e5d 1024x516 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

そうしてそのメディアライブラリから画像を選択して、「投稿に挿入」ボタンをクリックすると画像が追加されます。

7. 画像へのリンク貼り付け

画像へのリンクの貼り付けは、普通のリンクの貼り付け方法に似ています。

エディタ上に表示されている画像をクリックして、リンクマークを押します。

8. アイキャッチ画像の設定

afc20748827d3047d98438dd5a576712 1024x544 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

アイキャッチ画像は、カスタムフィールドから設定します。アップロード方法は画像の貼り付けの場合とほとんど同じです。

ちなみにプラグインを使って自動でアイキャッチを挿入することも可能です。「Auto Post Thumbnail」というプラグインをつかえば、アイキャッチ画像は投稿内にある画像が自動で挿入されます。

9. パーマリンクの変更

7e6409eeeeb412dca62c645a306bde05 1024x720 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

パーマリンクの変更は、タイトル下にあるURLの「編集」ボタンを押すことで変更できます。

綺麗なURLに揃えておくと、ページ全体がとても綺麗に見えます。最初に付け方の規則などを考えておくのがおすすめです。

10. カテゴリー・タグの追加

007685ded5da6b4e037330c147123143 1024x578 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

カテゴリーとタグは、別途追加して、記事に設定するシステムになっています。適切なカテゴリーを作ると、SEO効果もあります。

ブログ記事に既についているカテゴリーやタグを編集する場合

8ac8db187cacef8cbd055b94149d45de 1 1024x538 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

すでにあるタグやカテゴリーを編集したい場合は、ダッシュボードの「投稿」の下層ページからカテゴリーやタグを編集できます。

f675421d21b9a1b4343b34e4c1be429e 1024x563 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

また、表示したいタグやカテゴリーの順番を変えたい場合は、「Category Order and Taxanomy Order」などのプラグインがありますので、それらを活用するのがオススメです。カテゴリーの付け方やタグの付け方、それらの階層をどうするかはSEO対策においても重要な部分となりますので、最初にきちんと設計されるのがおすすめです。

初心者がWordPressに記事を投稿する際のTipsと今後の学び方

laptop 593673 640 530x342 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

以上になりますが、初心者の方が記事を書く際には、以下のことを気をつけるのがおすすめです。

最初に誰に向けて書くのか?を考える

まず、自分に日記であれば自分に向けて書けば良いのですが、誰かにみられるサイトを作りたいのであれば、最初に「誰に向けて書くのか?」を考えてから書き始めるのがおすすめです。

これは想像するターゲットでも良いと思いますし、例えば「過去に自分はこんなことに困ったから、同じようなことに困っている人の助けになりたい」と考えて、過去の自分に向けて書くのも一つの方法です。

まず見出しの構成を考えるのがおすすめ

また、最初に見出しを考えてしまうのもおすすめです。

書きたい内容とタイトルを考えて、その次に見出し2や見出し3を考えてから文章を書き始めると、読み手にも読みやすい整理された文章になると思われます。なお、文章力をあげるには、引き続き読書などのインプットと、自分が記事を書くアウトプットを継続して行うしかありません。

ですが、ワードプレスについての知識やスキルを磨きたいというのであれば、筆者も受講したワードプレスを学べるプログラミングスクールの活用がおすすめです。

ワードプレスの知識やスキルを最短で身に付けるには

e5a8872eafd46a0abb15ca131ccbd483 530x205 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

筆者は完全オンラインのプログラミングスクールのTechAcademyを受講したことで以下のようなことができるようになりました。

  • WordPressの概要の理解
  • サイト制作における企画・設計・制作・運用の理解
  • HTML/CSSの理解と既存WordPressテーマのカスタマイズ
  • プラグインを利用した機能追加
  • PHPの理解とオリジナルWordPressテーマの作成

これから本格的にワードプレスを学んでいきたい方には、TechAcademyの受講はおすすめです。ワードプレスの知識を体系的に学ぶことができますし、必ず今後のサイト運営にも役立つはずです。

TechAcademyは毎日オンラインで無料体験レッスンを提供していますので、そちらを受講してから決められるのも良いでしょう。それでは最後まで読んで頂き、ありがとうございました。

TechAcademyの口コミはこちら

TechAcademyの無料体験レッスンはこちら0 - 初心者向け!WordPressの投稿方法やブログ記事の編集方法を徹底解説

おすすめの記事