プラグイン「Emanon Premium Blocks」を有効化すると、「FAQブロック」が利用できます。

設定方法

FAQブロックのQとAの区切りは4つスタイルから指定できます。

構造化データ設定

FAQブロックの構造化データを有効化すると、JSON-LDで記述したFAQPageがソースコードに出力されます。JSON-LD内に記述した内容は、Google検索の検索結果に表示される可能性があります。

<script type="application/ld+json">{
			"@context": "https://schema.org",
			"@type": "FAQPage",
			"mainEntity": [
						{
							"@type": "Question",
							"name": "Answer(回答)ラベルを非表示",
							"acceptedAnswer": {
							"@type": "Answer",
							"text": "<p>このFAQブロックは、A設定のラベルを非表示に指定しています。スタイルは枠線です。</p>"
							}
						}
					]
	}</script>

JSON-LDの出力例

開閉設定

開閉設定も可能です。初期状態はAnswer(回答)部分を非表示にし、クリックで開閉できます。

Q
開閉設定のサンプル

Q設定・A設定

Question(質問)とAnswer(回答)のラベル変更、ラベルの非表示やデザイン、配色の設定が可能です。

Q
Answer(回答)ラベルを非表示

このFAQブロックは、A設定のラベルを非表示に指定しています。スタイルは枠線です。

Q
Question(回答)ラベル[スタイル]を四角

質問設定

質問文のHTMLタグをdt/h2/h3/h4から選択できます。質問文を目次に表示したい場合は、h2/h3/h4のいずれかを選択してください。

ブロック設定

FAQブロック全体の背景色指定や影、ボーダースタイルの指定が可能です。

表示例

FAQブロックのスタイル設定や、配色設定などを組み合わせることでさまざなデザインのFAQの作成が可能です。

Q1
下線[Q]・ラベル編集
A1

このFAQブロックは、スタイルを下線[Q]に指定しています。ラベルをQからQ1、AからA1に変更しています。

Q2
開閉設定[閉じる]Qの背景色指定・アイコン配色変更
Q2
開閉設定[閉じる]Qの背景色指定・アイコン配色変更
Q
ブロック設定 背景色と影を指定
Q
ブロック設定 背景色と影を指定
Q
ブロック設定 背景色を指定
Q
ブロック設定 ボーダースタイル線指定
Q
ブロック設定 ボーダースタイル破線指定
Q
ブロック設定 ボーダースタイル二重線指定
Q
A