専業ブロガー５年目のあずきです🐥
あずきのワードプレスブログ「完全初心者」ガイド、【第７章】にあたる今回のテーマは…
WordPressで「記事」を作って投稿しよう
です
まずWordPressにおける記事作成というのは、お使いの「WordPressテーマ」によって…
- 編集画面の仕様
- 使用できるパーツ
- カスタマイズ可能な範囲
などが、当然変わってくるんですね
で、ここでは当ブログガイドの第３章「テーマ」編でもご紹介していて…
WordPressで「本格的」にブログを作っていきたい！
ブログに広告を貼ったりして「収益化」もしていきたい！
といった【本気でブログをやっていきたい方】へ超おすすめな高性能＆人気テーマ「ACTION AFFINGER6」を前提に、１からまるっと解説していきます
＼ 当ブログで愛用しています ／
インフォトップ ワードプレステーマ売上
第１位※
すごいもくじLITE
の限定特典キャンペーンも実施中！！！
公式：「稼ぐ」に特化したワードプレステーマ『ACTION AFFINGER6』
関連：【１番の本質】ACTION AFFINGER6って実際おすすめ？良い点＆気になる点を専業ブロガー５年目が本気レビュー【愛用テーマ】
-
【１番の本質】ACTION AFFINGER6って実際おすすめ？良い点＆気になる点を専業ブロガー５年目が本気レビュー【愛用テーマ】
続きを見る
※2021年発表Infotop Affidemy
▼ ACTION AFFINGER6の「購入・導入手順」はこちらから ▼
ACTION AFFINGER6の購入＆導入方法を初心者向けに１から解説。「子テーマ」のインストール＆有効化手順まで
-
ACTION AFFINGER6の購入＆導入方法を初心者向けに１から解説。「子テーマ」のインストール＆有効化手順まで
続きを見る
- 「ACTION AFFINGER6」が実際に使用できるようになるまでの ”一連の手順” を、
画像付きでまるっと解説しています - 作業そのものは、正味【15分程度】でおわります（子テーマまで含めて）
そんな今回の【第７章】ですが、箇条書きや画像ファイルの挿入といった「基本スキル」はもちろん押さえたうえで…
- テーマを問わず、WordPressの記事作成・投稿で押さえておきたい「実践的なポイント」
- 上記のポイントに加えて、ACTION AFFINGER6固有の「おすすめ機能」とその「使い方」
といった、”実践性” を特に重視した内容となります🐥
2020年1月から毎日コツコツ作ってきたワードプレス初心者ガイド、
・役に立ちました！
・わかりやすかったです！みたいな大変ありがたいお言葉を頂けるケースが最近増えてきたので、改めて載せておきますhttps://t.co/QJohn2MGlF
— あずき鈴々 - suzu azuki (@azuki_rinrin) July 13, 2020
※お探しの内容がピンポイントで決まっている場合は、
こちらの【目次】を開いてジャンプしていただくとスムーズです ↓
Contents
- AFFINGER6の記事作成でおすすめな機能＆使い方まとめ！WordPress投稿の実践的なポイントをまるっと解説【あずきのワードプレスブログ「完全初心者」ガイド／第７章】
- 【重要】WordPress「投稿」と「固定ページ」の違いとは？使い分けのポイント
- 【重要】WordPress「ビジュアルエディタ」と「テキストエディタ」の違いとは？使い分けのポイント
- 【重要】WordPress「記事ごとで行うパーマリンク設定」のやり方と注意ポイント
- 【重要】WordPress「見出し」とは？見出しの作り方と『H1・H2・H3…』の使い分けのポイント
- 【重要】WordPress「段落」と「改行」とは？ 違いと入れ方、実践的な使い分けのポイント
- ACTION AFFINGER6「記事タイトル」と「見出し」のカスタマイズ方法
- ACTION AFFINGER6「本文テキスト」のカスタマイズ方法
- ACTION AFFINGER6「会話ふきだし」の使い方とカスタマイズ方法
- ACTION AFFINGER6「箇条書きリスト」の使い方とカスタマイズ方法
- ACTION AFFINGER6「マイボックス」の使い方とカスタマイズ方法
- ACTION AFFINGER6「見出し付きフリーボックス」の使い方とカスタマイズ方法
- ACTION AFFINGER6「Webアイコン」の使い方とカスタマイズ方法
- ACTION AFFINGER6「画像ファイル」の貼り方とカスタマイズ方法
- ACTION AFFINGER6「アイキャッチ画像」を設定するやり方とカスタマイズ方法
- ACTION AFFINGER6「テキストリンク」＆「画像リンク」の貼り方とカスタマイズ方法
- ACTION AFFINGER6「ブログカード」の作り方とカスタマイズ方法
- ACTION AFFINGER6「カスタムボタン」の作り方とカスタマイズ方法
- 【記事を公開する前に】WordPress「カテゴリー」＆「タグ」の作り方と設定方法
- 【記事を公開する前に】WordPress「INDEX」と「NOINDEX」とは？記事ごとの設定方法
- 【記事を公開する前に】WordPress「FOLLOW」と「NOFOLLOW」とは？記事ごと＆リンクごとの設定方法
- 【記事を公開する前に】WordPress「メタタイトル」と「メタディスクリプション」とは？記事ごとの設定方法と「文字数」の上限
- 【記事を公開・更新したら】WordPressの記事を「URL検査」でインデックス要請するやり方
- 【その他】個人ブログにおける「プライバシーポリシー＆免責事項」の作成例
AFFINGER6の記事作成でおすすめな機能＆使い方まとめ！WordPress投稿の実践的なポイントをまるっと解説【あずきのワードプレスブログ「完全初心者」ガイド／第７章】
【重要】WordPress「投稿」と「固定ページ」の違いとは？使い分けのポイント
WordPressで記事を作るうえで、事前に押さえておきたい重要ポイントの１つが…
【投稿】と【固定ページ】の違いと使い分け
についてです
まずこの【投稿】と【固定ページ】というのは、WordPress管理画面の左側に表示されている…
↑ こちらの２ヶ所のこと
記事を作る際に、どちらを使えばいいか迷うかもですが、結論としては…
ブログ内の「新着投稿」などに載る、いわゆる通常の記事を作りたいとき
は、【固定ページ】ではなく【投稿】側の編集モードを使っていけばOKです
そんな【投稿】と【固定ページ】の違いについて、３つのステップで丁寧に解説していきます
- 「投稿」と「固定ページ」の違いと使い分けについて
- 「固定ページ」が活躍するシーンは、実質この３つ ※重要！
- 「固定ページ」は、どうすればブログ上で表示できるの？
【重要】WordPress「ビジュアルエディタ」と「テキストエディタ」の違いとは？使い分けのポイント
WordPressで記事を作るうえで、同じく重要ポイントの１つとなるのが…
【ビジュアルエディタ】と【テキストエディタ】の違いと使い分け
についてです
まず大前提として、現在のWordPressではここでご紹介する…
- ビジュアルエディタ
- テキストエディタ
という違い以前に、もっと大きな括りとして…
- クラシックエディタ
- グーテンベルグ（ブロックエディタ）
という「２タイプ」の投稿編集モードにわかれています
関連
「そもそもクラシックエディタとグーテンベルグってなに…？」という場合はこちらをどうぞ ↓（重要です）
-
WordPressクラシックエディタとグーテンベルグとは？初心者向けに１から解説【プラグイン「Classic Editor」の導入方法まで】
続きを見る
で！
前者の「クラシックエディタ」を選択してWordPressに導入した場合は…
↑ WordPress管理画面 ＞ 投稿 ＞ 新規追加 で「記事作成の画面」を開いたら、そのなかの右上に表示されている…
↑ こちらの…
- ビジュアル
- テキスト
という「２つの編集モード」を、好みや必要に応じて使い分けていく形になるんですね
これだけ聞くと、初心者さんにとっては「なんか面倒くさそう」と思うかもですが…
ビジュアルエディタ・テキストエディタの使い分けは「超簡単」です
【重要】WordPress「記事ごとで行うパーマリンク設定」のやり方と注意ポイント
WordPressで記事を作るうえで、こちらも重要ポイントの１つとなるのが…
記事ごとで行う「パーマリンク設定」
についてです
この「パーマリンク設定」を適当に放っておくと、あとから…
全記事のページURLを「リダイレクト」処理することになる
など、わりと面倒なことになりかねません
重要
ご紹介する内容は、あらかじめ…
パーマリンクの【初期設定】
を済ませている前提で解説していきます
「パーマリンクの初期設定ってなに…？」という場合や「そもそもパーマリンクってなに…？」という場合は、お先にこちらからどうぞ ↓
-
【2022年】WordPressのパーマリンク設定とは？初期設定のやり方を初心者向けに解説【スラッグの「共通設定」方法】
続きを見る
【重要】WordPress「見出し」とは？見出しの作り方と『H1・H2・H3…』の使い分けのポイント
WordPressにおける「見出し」というのは、実際のブログ画面上だと…
↑ この「青枠で囲った箇所」を指します
ブログ記事を作成するときには、これらの各種「見出し」を正しい使い方で設置していくことが大前提となります
なぜなら「見出し」の使い方がそもそも間違っていると、どれだけ記事内容にこだわっていても…
- ブログを訪れたユーザーが、記事の構成を掴みづらく困惑してしまう
→ 満足度に悪影響 - 検索エンジンのクローラーも、同様にマイナスの評価を下してしまう
→ SEO面で悪影響
となる可能性が高いからですね
【重要】WordPress「段落」と「改行」とは？ 違いと入れ方、実践的な使い分けのポイント
WordPressにおける【段落】と【改行】とは、実際のブログ画面上で見ると、まず【段落】を使った場合が…
↑ こちらで、【改行】を使った場合が…
↑ こちらです
この【段落】と【改行】の違いをよく知らないままだと、例えば…
- 行間の余白が不足しているせいで、ブログ訪問者にとって読みづらいレイアウトになる
- もしくは余白が過剰にあるせいで、「間延び」したレイアウトでかえって見づらくなる
といったことにもなりかねません
ACTION AFFINGER6「記事タイトル」と「見出し」のカスタマイズ方法
「記事タイトル＆見出し」のカスタマイズとは、実際のブログ画面上で見ると…
↓（設定後の一例）
↑ 例えばこのような感じですね
ACTION AFFINGER6「本文テキスト」のカスタマイズ方法
「本文テキスト」とは、各記事における…
↑ こういった、タイトルや日付などを除いた「記事ページの大半を占める通常テキスト」のこと
そもそも「本文テキスト」の文字色って、一般的には「真っ黒」のイメージかもしれませんが、それだと案外 ”キツイ印象” になりかねないんですね
で、個人的には…
黒に近いダークグレー系
にしてあげると、いい感じに ”柔らかさ” が出て「視覚的に読みやすいページ」になるのでおすすめです
参考までに、当ブログの本文テキストは #515151 というカラーコードを愛用しています
またACTION AFFINGER6では、今回ご紹介する「本文テキスト」の文字色カスタマイズの際に、別途…
↑ こういった「記事一覧のタイトル名」まで、カスタマイズの適用範囲を広げることも可能です
ACTION AFFINGER6「会話ふきだし」の使い方とカスタマイズ方法
ACTION AFFINGER6における「会話ふきだし」とは、実際のブログ画面上で見ると…
↑ このようなもの
こうした「会話ふきだし」を記事内にバランスよく差し込むことで、ブログに「個性」や「柔らかい雰囲気」を加えることができます
そんな「会話ふきだし」について、３つのステップで解説していきます
- 「会話ふきだし」アイコンの設定方法
- 「会話ふきだし」の使い方（反対向きのやり方も）
- 「会話ふきだし」色やデザイン設定のカスタマイズ方法
＼ 「なぜ売れないか？」を徹底解析 ／
結果が見えるサイト運営に
AffiliateRun～なぜ売れないか？
PDFマニュアル付き！
公式：「AFFINGERタグ管理マネージャー4 + PVモニター」プラグインセット
関連：WordPressにおける広告リンクの貼り方を「３つのパターン」で１から解説【 ”タグ管理” が最強におすすめ】
-
WordPressにおける広告リンクの貼り方を「３つのパターン」で１から解説【 ”タグ管理” が最強におすすめ】
続きを見る
※別売りのWordPressテーマ「ACTION AFFINGER6」最新版が必要です
ACTION AFFINGER6「箇条書きリスト」の使い方とカスタマイズ方法
ACTION AFFINGER6における「箇条書きリスト」というのは、実際の画面上で見ると…
↓（カスタマイズ後の一例）
↓（カスタマイズ後の一例）
↑ このようなもの
こうした「箇条書きリスト」は、ブログを訪れたユーザーに記事内容を整理してわかりやすく伝えるのに極めて便利です
ACTION AFFINGER6「マイボックス」の使い方とカスタマイズ方法
ACTION AFFINGER6における「マイボックス」というのは、実際の画面上で見ると…
↑ こういったものになります
この「マイボックス」というボックスデザインは…
- クリック１つで呼び出し可能な「テンプレート」が、【基本・関連・ポイント・注意ポイント】など、実用的なデザインパターンで多数用意されている！
だけでなく…
- それらのテンプレートをもとに、【タイトル・アイコン・背景・枠線】の色やデザインなど、ボックス１つ１つ自由に「カスタマイズ」できる！
という ”二段構え” の仕様になっています
カスタマイズした「マイボックス」の例 ↓
ACTION AFFINGER6「見出し付きフリーボックス」の使い方とカスタマイズ方法
ACTION AFFINGER6における「見出し付きフリーボックス」というのは…
↑ こういったものになります
カスタマイズした「見出し付きフリーボックス」の例 ↓
「マイボックス」との組み合わせ例 ↓
ACTION AFFINGER6「Webアイコン」の使い方とカスタマイズ方法
ACTION AFFINGER6における「Webアイコン」というのは…
↓（カスタマイズ後の例）
↑ こういったものになります
ACTION AFFINGER6「画像ファイル」の貼り方とカスタマイズ方法
まず画像ファイルの貼り方そのものは、「WordPressテーマを問わず共通」でいたって簡単ですが…
- 画像ファイルを貼るときに押さえておきたい、基本的なポイント
- ACTION AFFINGER6で可能な、ブログに貼った画像のカスタマイズ
というのがいくつかあるので、実際に画像を貼り始めてしまう前に、一通りチェックしておくことをおすすめします🐥
ちなみに【おまけ】として…
- ブログに貼る画像のおすすめなサイズ（px）
- ブログに貼る画像を「リサイズ＝縮小」する方法
についても、あわせてご紹介しています🐣（重要です）
ACTION AFFINGER6「アイキャッチ画像」を設定するやり方とカスタマイズ方法
ブログにおける「アイキャッチ画像」とは、記事ごとの冒頭エリアに表示される…
↓（カスタマイズ後の一例）
こうした「見出し画像」のこと
ちなみにこの「アイキャッチ画像」として設定した画像は、各記事ページの冒頭に「見出し画像」として表示されるだけでなく…
↑ このように、記事一覧エリアなどの「サムネイル画像」としても自動で反映されます
ACTION AFFINGER6「テキストリンク」＆「画像リンク」の貼り方とカスタマイズ方法
WordPressブログにおける「テキストリンク」とは、クリックすることによって指定のページへと遷移する「リンク機能」が…
↑ こういった、テキスト（青字部分！）内に埋め込まれたものを指します
そして「画像リンク」とは、そのまま「テキストリンク」の画像版です
ちなみに「テキストリンク」は、一般的に「ブルー」の文字色で表示されることが多いですが、ACTION AFFINGER6では任意の色にカスタマイズ可能です
ACTION AFFINGER6「ブログカード」の作り方とカスタマイズ方法
ACTION AFFINGER6における「ブログカード」とは、クリックすることによって指定のページへと遷移する「リンク機能」が…
↓（カスタマイズ後の例）
このように、「カード型」のデザインで作成できる機能です
＼ 「なぜ売れないか？」を徹底解析 ／
結果が見えるサイト運営に
AffiliateRun～なぜ売れないか？
PDFマニュアル付き！
公式：「AFFINGERタグ管理マネージャー4 + PVモニター」プラグインセット
関連：WordPressにおける広告リンクの貼り方を「３つのパターン」で１から解説【 ”タグ管理” が最強におすすめ】
-
WordPressにおける広告リンクの貼り方を「３つのパターン」で１から解説【 ”タグ管理” が最強におすすめ】
続きを見る
※別売りのWordPressテーマ「ACTION AFFINGER6」最新版が必要です
ACTION AFFINGER6「カスタムボタン」の作り方とカスタマイズ方法
ACTION AFFINGER6における「カスタムボタン」とは、クリックすることによって指定のページへと遷移する「リンク機能」が…
このように「ボタン型」のリンクデザイン（リンクボタンと言います）で作成し、またその「カスタマイズ」もできる機能です
カスタマイズ例 ↓
【記事を公開する前に】WordPress「カテゴリー」＆「タグ」の作り方と設定方法
WordPressブログにおける「カテゴリー」とは…
↑ このように、「記事ごとの冒頭エリア」や「サイドバーエリア」などに表示される…
「大小さまざまなジャンル」でブログ内の記事ページを分類する
ためのもの
で、もう一方の「タグ」とは…
↑ このように、「記事ごとの末尾エリア」などに表示される…
「カテゴリーとはまた違った角度や属性」で記事ページを分類する
ための「さまざまなキーワード」を指します（例 時短レシピ / おすすめ料理グッズ ）
こうした「カテゴリー」や「タグ」は、それぞれの記事ページが属している…
「ジャンル」や「キーワード」をユーザーに示すことができる
という役割に加えて、それらの「カテゴリーリンク」や「タグリンク」をクリックすると…
↑ このように、ブログ内で…
同じカテゴリーやタグに属している「記事一覧」ページ
に遷移することが可能です
【記事を公開する前に】WordPress「INDEX」と「NOINDEX」とは？記事ごとの設定方法
「INDEX」と「NOINDEX」についてよくわかっていないまま記事を公開してしまうと、せっかく頑張って書いたその記事が…
- Googleなどの「検索結果ページに記事が認識されない」ことで、検索からのアクセスがゼロになる
- もしくは「検索結果に載らなくていい記事まで認識される」ことで、ブログ全体のSEOに悪影響を及ぼす
といった ”致命的なデメリット” にもつながりかねません
そんなWordPressブログにおける「INDEX」と「NOINDEX」について、３つのステップで丁寧に解説していきます
- 「INDEX」と「NOINDEX」とは？
- 「NOINDEX」をあえて使う具体例
- 記事ごとで「INDEX」or「NOINDEX」を設定する方法
【記事を公開する前に】WordPress「FOLLOW」と「NOFOLLOW」とは？記事ごと＆リンクごとの設定方法
「FOLLOW・NOFOLLOW」を適当に設定してしまうと…
ブログの「SEO評価」に悪影響をもたらしてしまう
といったことにもなりかねません
そんなWordPressブログにおける「FOLLOW」と「NOFOLLOW」について、４つのステップで丁寧に解説していきます
- 「FOLLOW」と「NOFOLLOW」とは？
- 「NOFOLLOW」をあえて使う具体例
- 記事ごとで「FOLLOW」or「NOFOLLOW」を設定する方法
- リンクごとで「FOLLOW」or「NOFOLLOW」を設定する方法
【記事を公開する前に】WordPress「メタタイトル」と「メタディスクリプション」とは？記事ごとの設定方法と「文字数」の上限
「メタタイトル」と「メタディスクリプション」が適当な状態だと、記事の中身がどれだけ良くても…
それ以前に検索画面でクリックしてもらえない
といった機会ロスにもつながりかねない、とても重要な設定です
そんなWordPressブログにおける「メタタイトル＆メタディスクリプション」について、３つのステップで丁寧に解説していきます
- メタタイトルとメタディスクリプションとは？
- 記事ごとで「メタタイトルとメタディスクリプション」を設定する方法
- メタタイトルとメタディスクリプションの「文字数」上限について
【記事を公開・更新したら】WordPressの記事を「URL検査」でインデックス要請するやり方
「URL検査」は、Googleが無料で提供しているアクセス解析ツール【Googleサーチコンソール】に備わっている機能です
具体的には、公開や更新したページ情報を検索エンジンの「クローラー」にいち早く…
インデックス ＝ 認識
してもらうための、代表的な手段の１つとなります
そもそも公開した記事ページというのは、あえて「NOINDEX」に設定していない限り、放っておいても遅かれ早かれ「インデックス」してもらえるかもしれません
とはいえ、記事の公開・更新からインデックスまでの時間が空いてしまうほど…
- インデックスされるまでの間、ユーザーに「古いページ情報」を表示してしまう
- 悪質な「コピーサイト」に先にインデックスされてしまい、オリジナルであるはずの自分のページが「重複コンテンツ」判定されてしまう
といったリスクを高めてしまうんですね
結論、その記事ページを「公開」もしくは「更新」したら…
インデックスをこちらから要請しておく
のが、ブログ運営においては定石となります
【その他】個人ブログにおける「プライバシーポリシー＆免責事項」の作成例
WordPressを始めとしたブログ運営において欠かせない、重要なページの１つ…
プライバシーポリシー＆免責事項
の書き方について、このブログでも実際に掲載している作成例（雛形）と要点をご紹介していきます
- 法人などではなく個人ブログ！
- アドセンス広告・アフィリエイト広告あり！
- アクセス解析ツールあり！（Googleアナリティクス）
- （電子書籍や物販などの）自社商品・サービスの直接販売なし！
まず大前提として…
- この記事の執筆者である私自身（当ブログの運営者）は、法の専門家というわけではまったくありません
- よって今回ご紹介する一連の内容における法的な正当性や正確性などについては、一切保証できません
- この記事で掲載している作成例を、雛形（テンプレート）としてコピペ使用されること自体は構いません
- ただしそれによって生じたいかなるトラブルや損害、損失についても一切の責任を負いかねます
上記の点を踏まえたうえで、あくまで一般的な個人ブログにおける「書き方の一例」程度にご認識ください
で、具体的には次の「８つのポイント」にわかれます
- 運営者情報
- 制定日＆最終改定日
- 広告の配信
- アクセス解析ツール
- 著作権
- 画像の取得元
- リンク
- 免責事項
人気記事
あずきのワードプレスブログ「完全初心者」ガイド！
”全８章” の総合TOPページです
＼ 「なぜ売れないか？」を徹底解析 ／
結果が見えるサイト運営に
✔ よく使用する文章や画像、広告リンクを「テンプレート化」して使い回せる！
✔ 元データの更新だけで全記事に「一括反映」されるため、広告の差替えも一瞬！
✔ 広告の「クリック回数」や「クリックされたページ」などを自動計測！
AffiliateRun～なぜ売れないか？
PDFマニュアル付き！
公式：「AFFINGERタグ管理マネージャー4 + PVモニター」プラグインセット
関連：WordPressにおける広告リンクの貼り方を「３つのパターン」で１から解説【 ”タグ管理” が最強におすすめ】
-
WordPressにおける広告リンクの貼り方を「３つのパターン」で１から解説【 ”タグ管理” が最強におすすめ】
続きを見る
※当プラグインの使用には、別売のWordPressテーマ「ACTION AFFINGER6」最新版が必要です
About me
suzu azuki
あずき鈴々
独立5年目の専業ブロガー / 元アパレル → 歴10年
20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます。 普段はTwitter（@azuki_rinrin）にいるので覗いてもらえると嬉しいです^^