専業ブロガー４年目のあずきです🐥
あずきのワードプレスブログ「完全初心者」ガイド、【第７章】にあたる今回のテーマは…
WordPressで「記事」を作って投稿しよう
です
まずWordPressにおける記事作成というのは、お使いの「WordPressテーマ」によって…
- 編集画面の仕様
- 使用できるパーツ
- カスタマイズ可能な範囲
などが、当然変わってくるんですね
で、ここでは当ブログガイドの第３章「テーマ」編でもご紹介していて…
WordPressで「本格的」にブログを作っていきたい！
ブログに広告を貼ったりして「収益化」もしていきたい！
といった【本気でブログをやっていきたい方】に超おすすめな高性能＆人気テーマ、「ACTION AFFINGER6」を前提として解説していきます
＼ 当ブログで愛用しています ／
検証と改善を重ねた唯一無二のテーマ
今ならワードプレスプラグイン
「すごいもくじLITE」
の限定特典配布キャンペーンも実施中！！！
公式：「稼ぐ」に特化したワードプレステーマ『ACTION AFFINGER6』
関連：【1番の本質】ACTION AFFINGER6って実際どう？気に入ってる点・気になる点を、専業ブロガーが本気レビュー【愛用テーマ】
ACTION AFFINGER6は新エディタ「グーテンベルグ」への対応が強化されましたが、「クラシックエディタ」も引き続き使用できます
▼ ACTION AFFINGER6の購入・導入手順についてはこちらをどうぞ ▼
-
【2021年】ACTION AFFINGER6の購入手順＆WordPressへの導入方法を、初心者向けに1から解説【テーマ有効化までのやり方】
続きを見る
具体的には、箇条書きや画像ファイルの挿入といった「基本スキル」も押さえたうえで…
- WordPressテーマを問わず、記事作成において「事前に押さえておきたい」重要ポイント
- 自分も実際に使っている、『ACTION AFFINGER6』固有の「おすすめパーツ」の使い方
といった、”実践性” を特に重視している内容です
2020年1月から毎日コツコツ作ってきたワードプレス初心者ガイド、
・役に立ちました！
・わかりやすかったです！みたいな大変ありがたいお言葉を頂けるケースが最近増えてきたので、改めて載せておきますhttps://t.co/QJohn2MGlF
— あずき@ブロガー (@azuki_rinrin) July 13, 2020
※お探しの内容がピンポイントで決まっている場合は、
こちらの【目次】を開いてジャンプしていただくとスムーズです ↓
Contents
- 【2021年】ACTION AFFINGER6の記事作成・投稿で”超実践的”なポイントを１から徹底解説【あずきのワードプレスブログ「完全初心者」ガイド／第７章】
- 【重要】WordPress「投稿」と「固定ページ」の違いとは？使い分けのポイント
- 【重要】WordPress「ビジュアルエディタ」と「テキストエディタ」の違いとは？使い分けのポイント
- 【重要】WordPress「記事ごとで行うパーマリンク設定」のやり方と注意ポイント
- 【重要】WordPress「見出し」とは？見出しの作り方と『H1・H2・H3…』の使い分けのポイント
- 【重要】WordPress「段落」と「改行」とは？ 違いと入れ方、実践的な使い分けのポイント
- 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「メタタイトル」と「メタディスクリプション」とは？記事ごとの設定方法と「文字数」の上限
- 第７章「記事投稿」編における、そのほかの項目について【随時更新の予定です】
【2021年】ACTION AFFINGER6の記事作成・投稿で”超実践的”なポイントを１から徹底解説【あずきのワードプレスブログ「完全初心者」ガイド／第７章】
【重要】WordPress「投稿」と「固定ページ」の違いとは？使い分けのポイント
WordPressで記事を作るうえで、事前に押さえておきたい重要ポイントの１つが…
【投稿】と【固定ページ】の違いと使い分け
についてです
まずこの【投稿】と【固定ページ】というのは、WordPress管理画面の左側に表示されている…
↑ こちらの２ヶ所のこと
記事を作る際に、どちらを使えばいいか迷うかもですが、結論としては…
ブログ内の「新着投稿」などに載る、いわゆる通常の記事を作りたいとき
は、【固定ページ】ではなく【投稿】側の編集モードを使っていけばOKです
そんな【投稿】と【固定ページ】の違いについて、３つのステップで丁寧に解説していきます
- 「投稿」と「固定ページ」の違いと使い分けについて
- 「固定ページ」が活躍するシーンは、実質この３つ ※重要！
- 「固定ページ」は、どうすればブログ上で表示できるの？
【重要】WordPress「ビジュアルエディタ」と「テキストエディタ」の違いとは？使い分けのポイント
WordPressで記事を作るうえで、同じく重要ポイントの１つとなるのが…
【ビジュアルエディタ】と【テキストエディタ】の違いと使い分け
についてです
まず大前提として、現在のWordPressではここでご紹介する…
- ビジュアルエディタ
- テキストエディタ
という違い以前に、もっと大きな括りとして…
- クラシックエディタ
- グーテンベルグ（ブロックエディタ）
という「２タイプ」の投稿編集モードにわかれています
関連
「そもそもクラシックエディタとグーテンベルグってなに…？」という場合はこちらをどうぞ ↓（重要です）
-
【2021年】WordPressのクラシックエディタとグーテンベルグとは？プラグイン「Classic Editor」の導入方法まで1から解説
続きを見る
で！
前者の「クラシックエディタ」を選択してWordPressに導入した場合は…
↑ WordPress管理画面 ＞ 投稿 ＞ 新規追加 で「記事作成の画面」を開いたら、そのなかの右上に表示されている…
↑ こちらの…
- ビジュアル
- テキスト
という「２つの編集モード」を、好みや必要に応じて使い分けていく形になるんですね
これだけ聞くと、初心者さんにとっては「なんか面倒くさそう」と思うかもですが…
ビジュアルエディタ・テキストエディタの使い分けは「超簡単」
です（本当に）
【重要】WordPress「記事ごとで行うパーマリンク設定」のやり方と注意ポイント
WordPressで記事を作るうえで、こちらも重要ポイントの１つとなるのが…
記事ごとで行う「パーマリンク設定」
についてです
この「パーマリンク設定」を適当に放っておくと、あとから…
全記事のページURLを「リダイレクト」処理することになる
など、わりと面倒なことになりかねません
重要
ご紹介する内容は、あらかじめ…
パーマリンクの【初期設定】
を済ませている前提で解説していきます
「パーマリンクの初期設定ってなに…？」という場合や「そもそもパーマリンクってなに…？」という場合は、お先にこちらからどうぞ ↓
-
【2021年】WordPressのパーマリンク設定とは？初期設定のやり方を初心者向けに解説【スラッグの「共通設定」方法】
続きを見る
【重要】WordPress「見出し」とは？見出しの作り方と『H1・H2・H3…』の使い分けのポイント
WordPressにおける「見出し」というのは、実際のブログ画面上だと…
↑ この「青枠で囲った箇所」を指します
ブログ記事を作成するときには、これらの各種「見出し」を正しい使い方で設置していくことが大前提となります
なぜなら「見出し」の使い方がそもそも間違っていると、どれだけ記事内容にこだわっていても…
- ブログを訪れたユーザーが、記事の構成を掴みづらく困惑してしまう
（→満足度に悪影響） - 検索エンジンのクローラーも、同様にマイナスの評価を下してしまう
（→SEO面で悪影響）
となる可能性が高いからですね
【重要】WordPress「段落」と「改行」とは？ 違いと入れ方、実践的な使い分けのポイント
実際のブログ画面上で見ると、まず【段落】を使った場合が…
↑ こちらで、【改行】を使った場合が…
↑ こちらです
この【段落】と【改行】の違いをよく知らないままだと、例えば…
- 行間の余白が不足しているせいで、ブログ訪問者にとって読みづらいレイアウトになる
- もしくは余白が過剰にあるせいで、「間延び」したレイアウトでかえって見づらくなる
といったことにもなりかねません
ACTION AFFINGER6「記事タイトル」と「見出し」のカスタマイズ方法
「記事タイトル＆見出し」のカスタマイズとは、実際のブログ画面上で見ると…
↓（設定後の一例）
↑ 例えばこのような感じですね
ACTION AFFINGER6「会話ふきだし」の使い方とカスタマイズ方法
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における「ブログカード」とは、クリックすることによって指定のページへと遷移する「リンク機能」が…
↓（カスタマイズ後の例）
このように、「カード型」のデザインで作成できる機能です
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ブログにおける「メタタイトル＆メタディスクリプション」について、３つのステップで丁寧に解説していきます
- メタタイトルとメタディスクリプションとは？
- 記事ごとで「メタタイトルとメタディスクリプション」を設定する方法
- メタタイトルとメタディスクリプションの「文字数」上限について
第７章「記事投稿」編における、そのほかの項目について【随時更新の予定です】
※そのほかの項目につきましては、現在「WING AFFINGER5」版から「ACTION AFFINGER6」版に工事中です。 あしからずご了承ください（随時更新予定です）
次の章はこちらからどうぞ
全９章のTOPページです
＼ 当ブログで愛用しています ／
検証と改善を重ねた唯一無二のテーマ
✔ 洗練されたビジュアルと、ターゲットに合わせた「変幻自在」な柔軟性！
✔ 時間のかかる面倒なカスタマイズも「クリック１つ」でさくさく実現！
✔ 本気で戦うためのSEO対策と、「稼ぐ」に特化したアフィリエイト機能！
今ならワードプレスプラグイン
「すごいもくじLITE」
の限定特典配布キャンペーンも実施中！！！
公式：「稼ぐ」に特化したワードプレステーマ『ACTION AFFINGER6』
関連：【1番の本質】ACTION AFFINGER6って実際どう？気に入ってる点・気になる点を、専業ブロガーが本気レビュー【愛用テーマ】
ACTION AFFINGER6は新エディタ「グーテンベルグ」への対応が強化されましたが、「クラシックエディタ」も引き続き使用できます
-
【2021年】WordPressのクラシックエディタとグーテンベルグとは？プラグイン「Classic Editor」の導入方法まで1から解説
続きを見る
2020年1月から毎日コツコツ作ってきたワードプレス初心者ガイド、
・役に立ちました！
・わかりやすかったです！みたいな大変ありがたいお言葉を頂けるケースが最近増えてきたので、改めて載せておきますhttps://t.co/QJohn2MGlF
— あずき@ブロガー (@azuki_rinrin) July 13, 2020