【賢威からSYNオウンド】　FAQセクションの引き継ぎ

【執筆時の環境】
賢威8　バージョン: 8.0.1.12
SYNバージョン：0.2.0
ワードプレス　バージョン：6.9

目次[閉じる]

1FAQブロック
2構造化データ

FAQブロック

ワードプレスのテーマを賢威8からSYNオウンドに変更する場合の、FAQブロックの引継ぎ方法です。
賢威8でのFAQブロックは以下のように表示されていました。

これが、SYNにテーマを変更すると・・・

タグに「よくある質問」とありますから、読者からすると質問/回答というのはわかるとは思いますが、やはり「Q」と「A」のアイコンは欲しいですよね。

SYNのテーマ上で書き換えてもよいのですが、FAQのある記事数が多いとそれも大変です。

賢威8のHTMLのコードを見ると以下のようになっています

<dl class="qa-list">
<dt>質問</dt>
<dd>解答</dd>
</dl>

SYNでは以下

<dl class="synx-block-qa is-a-outline wp-block-synx-block-qa">
<div class="wp-block-synx-block-qa-item synx-block-qa__item">
<dt class="synx-block-qa__q">質問</dt>
<dd class="synx-block-qa__a">解答</dd></div>
</dl>

プラグイン『Search Regex』で変換出来そうとは思うのですが、ちょっと面倒な感じですよね。

そこで、賢威8での記事はそのままで、SYNでも表示するには？と考えた場合、一番簡単なのは、賢威8のFAQセクションのCSSコードをSYNオウンドに加えることでした。

賢威8のbase.css　の中から、以下のFAQに関するコードをコピーします。大体80行くらいでしょうか。

/*Q&Aリスト*/
.qa-list{
	padding-top: 3px;
}

	・
	・
	・
	・
	・

	font-family: 'Lucida Sans Unicode', 'Lucida Grande', serif;
	color: #fff;
	line-height: 35px;
	text-indent: 0;
	text-align: center;
	vertical-align: middle;
}

これをSYNのカスタムCSSに貼り付けました。