この記事がお勧めな方
- AFFINGER6でFAQ風の記事を作成する機能を知りたい方
- AFFINGER6で見出し機能以外でFAQ風の記事を作成する方法を知りたい方
FAQ風の記事作成方法
- FAQブロックを利用して作成する方法 NEW
- 見出し機能を使用してFAQ風の記事を作成する方法
- インライン画像を利用してFAQ風の記事を作成する方法
- 会話吹き出しを利用してFAQ風の記事を作成する方法
FAQブロックを利用して作成する方法
この項目は2023年7月6日にこの記事に更新した内容になります。
AFFINGER6のFAQブロック機能は「AFFINGER ver20230703」で追加された機能です。
アップデートしないと使用できない機能なので注意してください。
「AFFINGER ver20230703」以前のバージョンでは編集の自由度が高いFAQ機能がAFFINGER6にはありませんでした。
そこで、この記事では限られた手段でFAQ風の記事を作成する方法を紹介していましたが、アップデートでFAQブロックが追加されたことにより簡単に編集自由度の高いFAQ風の記事を作成することが可能になりました。
なので、以下で紹介していた方法よりもアップデートしてFAQブロックを利用する方がお勧めです。
FAQブロックの使い方や出来ることについては別記事で解説していますので、そちらを参考にしてみてください。
-
AFFINGER6:FAQブロックの使い方と出来ること
2024/7/18 AFFINGER6(アフィンガー6), アフィンガー6の使い方
この記事がお勧めな方 AFFINGER6のFAQブロックの使い方を知りたい方 AFFINGER6のFAQブロックで出来ることを知りたい方 AFFINGER6のFAQブロックがどんな感じか知りたい方 A ...
見出し機能を使用してFAQ風の記事を作成する方法
AFFINGER6では「見出し」機能でFAQ風の記事を作成することができます。
下画像のスタイル部分をクリックします。
「質問」「答え」のスタイルにてFAQ風の記事を作成することができます。
実際の表示はこんな感じです。
「見出しレベル」の違いでサイズ感が違ってきます。
見出し機能でFAQ風の記事を作成するときの注意点
見出し機能でFAQ風の記事を作成する場合、作成した「質問」と「答え」が「見出し」扱いになることに注意する必要があります。
何を当たり前のことをと思うかもしれないですが、「見出し」扱いなることで別の箇所に影響を与えてしまうこともあります。
例えば、「すごいもくじLITE」など目次を自動で作成してくれるプラグインを利用していると自動で目次に「質問」と「答え」が記載されてしまいます。(見出しレベルによっては表示させないことも可能)
見出しについて知りたい方は別記事で解説していますので、参考にしてみてください。
こちらの記事もチェック!
-
AFFINGER6の見出し作成方法-初心者必見!見出しの基本
2024/7/18 AFFINGER6(アフィンガー6), アフィンガー6の使い方
この記事がお勧めな方 AFFINGER6の見出し作成方法を知りたい方 見出しの作成について知りたい初心者の方 AFFINGER6の見出し表示がどんな感じか知りたい方 見出しとは? 見出しとは 記事の内 ...
インライン画像を利用してFAQ風の記事を作成する方法
この方法は「質問」と「答え」を「見出し」扱いにしたくない場合には有効ですが、アイコン画像を自分で作成する必要もありますので少し手間がかかります。
例えば、インライン画像を利用すると下のようなFAQ風の記事が作成できます。
AFFINGER6の機能を併用すればデザイン性はいろいろと応用可能です。
質問を入力
答えを入力
参考までに上のようなFAQ風の記事を作成する手順を説明していきます。
- アイコン画像を準備する
- 段落ブロックを利用してFAQ風の記事を作成する
アイコン画像を準備する
まずアイコン画像を準備します。
準備するのにとても便利なのが「Canva」という無料で使用できるグラフィックデザインツールです。
有料で利用できるプランは素材が豊富でとてもお勧めですが、機能が限定される無料プランも利用できるのでそちらを利用してみてください。
「Canva」を開いたら「デザイン作成」→「カスタムサイズ」を選択します。
カスタムサイズで入力欄に作成したいアイコン画像サイズを入力します。
ここでは「500×500」ピクセルで作成してみました。
アイコン画像を作成します。
詳しい「Canva」の使用方法は「Canva」でアイキャッチ画像を作成する方法を解説している別記事を参考にしてみてください。
-
「Canva」でアイキャッチ画像を作成する方法【初心者向け】
この記事がお勧めな方 この記事は次のような疑問を解決したい方にお勧めになっています♪ アイキャッチ画像を作成したいけど、どうしたらいいの? アイキャッチ画像のサイズはどれくらいがいいの? 「Canva ...
段落ブロックを利用してFAQ風の記事を作成する
段落ブロックを選択します。
「インライン画像」を選択します。
段落のスタイルでここでは「付箋」を選択しています。
画像サイズを変更することが可能です。
質問内容を入力します。
文字のサイズ感に関しては「タイポグラフィ設定」で調整してみてください。
会話吹き出しを利用してFAQ風の記事を作成する方法
会話吹き出し機能を利用してもFAQ風の記事を簡単に作成することができます。
例えば、こんな感じです。
FAQ風の記事を作成するには?
この記事を参考にしてみてくださいね。
会話吹き出しを利用すると簡単にFAQ風の記事を作成できますし、見やすい記事にもなりますのでお勧めです。
会話吹き出しの詳しい使い方や作成方法については別記事を参考にしてみてください。
-
AFFINGER6:会話吹き出しの作成方法【初心者向け】
2024/10/26 AFFINGER6(アフィンガー6), アフィンガー6の使い方
この記事がお勧めな方 AFFINGER6の「会話吹き出し」の作成方法を知りたい方 AFFINGER6の「会話吹き出し」がどんな感じか知りたい方 「会話吹き出し」用の画像を用意する方法を知りたい方 この ...
ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。
AIなんて難しそう・・・
そう感じて活用しないのは勿体無いです。
気軽に使うのに無料お試しがお勧め♪
現在は多くのAIライティングツールがあります。
そのほとんどが無料お試しでの利用が可能です。
お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。
無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。
\\ 無料お試し利用がずっと可能なAIライティングツール//
-
無料お試しがずっと可能なAIライティングツール
「記事作成にAIを活用してみたいなぁ」 「でも料金はかけたくないなぁ」 そんな方に無料お試しがずっと可能なAIライティングツールをいくつか紹介します。 もちろん無料お試しなので、機能をフルに使用するこ ...
AFFINGER6:記事一覧
-
AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
2024/11/28
AFFINGER6を使ってみたい!気になる!という方向けに AFFINGER6ってどんなテーマ? AFFINGER6でどんなことができるの? AFFINGER6を使うにはどうすればいいの? といった内 ...
-
(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違い【まとめ】
2024/11/28 AFFINGER6(アフィンガー6)
AFFINGER6を購入しようと検討している方や既に通常版のAFFINGER6を使用している方で、その違いが気になる方も多いと思います。 そこで、この記事では(通常版)AFFINGER6と(上位版)A ...
-
『SWELL』ってどうなの?-実際に利用したメリットとデメリットをガチレビュー!
2024/11/28 SWELL(スウェル)
SWELLはとても人気の高いテーマです。 この記事はSWELLが気になる方向けにメリットとデメリットを紹介しています。 価格 17,600円(税込み) シンプル&高機能なWordPressテーマ! 最 ...
-
AFFINGER6は初心者が購入しても大丈夫?-初心者にお勧めの理由
2024/11/28 AFFINGER6(アフィンガー6)
AFFINGER6を購入しようと思っている初心者の方は、解らないことが多いからこそ購入に対して不安を感じるかもしれません。 この記事は、実際に知識ゼロからAFFINGER6を使用した私が断言できる内容 ...
AFFINGER6の購入とインストール方法
-
【知っておくべき!】AFFINGER6の購入方法と購入プランの選び方-⑤種類から最適を選択!
2024/12/4 AFFINGER6(アフィンガー6)
AFFINGER6を使ってみたい! という方に ちょっと待ってください! AFFINGER6を購入する際には複数のプランが存在しますので、自分の取り組み方に合った購入方法を選択した方がお得に購入できま ...
-
AFFINGER6(アフィンガー6)のインストール方法-初心者でも安心!購入プランから徹底解説!
2024/10/18 AFFINGER6(アフィンガー6)
初心者でも大丈夫! AFFINGER6の購入からインストールして使えるようにするまでの手順や注意点を詳しく解説しています。 AFFINGER6を使うまでの手順 AFFINGER6を利用する手順は次のよ ...
-
AFFINGER6(アフィンガー6)EX版の購入とアップグレードの方法
2024/11/3 AFFINGER6(アフィンガー6), AFFINGER6初期設定
この記事ではAFFINGER6の上位版である「AFFINGER6EX」へのアップグレード方法を解説しています。 AFFINGER6EX版にアップグレードする為の条件 AFFINGER6からEX版にアッ ...
AFFINGER6の設定関係
-
AFFINGER6導入後にまず何をしたらいいの?-初心者にお勧めの初期設定4項目
2024/10/17 AFFINGER6(アフィンガー6)
「ブログで稼ぎたい!」 って思いブログを始めた初心者の方も多いと思います。 収益化するには何より記事を作成しなければ話になりません。 この記事ではAFFINGER6を始めたばかりの初心者の方向けに、い ...
-
AFFINGER6(アフィンガー6)にお勧めのプラグイン【初心者向け】
2024/7/18 AFFINGER6(アフィンガー6), AFFINGER6初期設定
AFFINGER6にお勧めのプラグインを9つ紹介しています。 初心者の方は何を導入すればいいのか解らないと思いますので、是非参考にしてみてください。 プラグインとは? 「プラグイン」とはワードプレスを ...
-
AFFINGER6のアップデート方法(2パターンを解説)
2024/10/28 AFFINGER6(アフィンガー6), AFFINGER6初期設定
この記事がお勧めな方 AFFINGER6のアップデート方法を知りたい方 AFFINGER6の手動でのアップデート方法が知りたい方 AFFINGER6で自動更新のお知らせを設定する方法を知りたい方 AF ...
-
AFFINGER6(アフィンガー6)でGoogleアナリティクスを導入する方法
2024/7/18 AFFINGER6(アフィンガー6), AFFINGER6初期設定
ここではAFFINGER6(アフィンガー6)でGoogleアナリティクスを導入する方法を初心者向けに解説しています。 AFFINGER6(アフィンガー6)では簡単にGoogleアナリティクスを導入して ...
-
AFFINGER6:Googleサーチコンソールへの登録方法
2024/7/18 AFFINGER6(アフィンガー6), AFFINGER6初期設定
Googleサーチコンソールではあなたのサイトが「どんなキーワードで表示されたのか」を確認することができたり、あなたのサイトのページが「どれくらいインデックスされているか」などを調べることができます。 ...
-
AFFINGER6のステマ規制対策-広告表記を表示させる方法
2024/7/18 AFFINGER6(アフィンガー6)
この記事ではステマ規制対策としてAFFINGER6(アフィンガー6)で記事に「広告」表記を表示させる方法を解説しています。 ステマ規制とは2023年10月から開始された「ステルスマーケティング」に対す ...
AFFINGER6の使い方
-
AFFINGER6の使い方【まとめ】-初心者向けガイド-
2024/11/5 AFFINGER6(アフィンガー6), アフィンガー6の使い方
この記事はAFFINGER6(アフィンガー6)の使い方を初心者向けに詳しく解説しています。 見出しの作成方法 記事作成の基本!見出し作成や見出しについての記事です。 カテゴリーの作成とカテゴリーページ ...
AFFINGER6のデザインカスタマイズ
-
AFFINGER6のカスタマイズ方法-初心者向けガイド-
2024/11/21 AFFINGER6(アフィンガー6), AFFINGER6デザインカスタマイズ
この記事ではAFFINGER6のカスタマイズ方法を初心者向けに詳しく解説しています。 デザインカードプラグインでサイトデザインを変更する方法 プラグインでサイトデザインを簡単に変更できるようになりまし ...