この記事は2年以上前に公開されたものです。最新の情報を参考にしてください。
いつも弊社製品をご利用いただきありがとうございます。
次回アップデート VK Blocks Pro 1.13.0 にて、アコーディオンブロックのHTML構造の変更を行う予定です。
アコーディオンブロックのCSSを独自にカスタマイズしている方はご注意ください。
変更の理由
普段は後からクラス名やDOM構造を変更するという事はしないのですが、WordPressのアップデートでDOMの入れ子を少なく出来るようになった事、class名の命名と役割が一致していない事から、今後CSSでカスタマイズしようとする人が混乱しないように、まだカスタマイズしての利用者が少ないうちに変更を実施しようという判断です。
1.12.0 までのアコーディオンブロックが出力するHTML例
<div class="wp-block-vk-blocks-accordion vk_accordion-container">
<div class="vk_accordion-header"></div>
<div class="vk_accordion-body">
<div class="wp-block-vk-blocks-accordion-trigger vk_accordion-trigger">
<p>アコーディオンタイトル</p>
<span class="vk_accordion-toggle vk_accordion-toggle-close"></span>
</div>
<div class="wp-block-vk-blocks-accordion-target vk_accordion-target vk_accordion-target-close">
アコーディオン コンテンツ
</div>
</div>
<div class="vk_accordion-footer"></div>
</div>1.13.0 からのアコーディオンブロックが出力するHTML例
<div class="wp-block-vk-blocks-accordion vk_accordion">
<div class="wp-block-vk-blocks-accordion-trigger vk_accordion-trigger">
<p>アコーディオンタイトル</p>
<span class="vk_accordion-toggle vk_accordion-toggle-close"></span>
</div>
<div class="wp-block-vk-blocks-accordion-target vk_accordion-target vk_accordion-target-close">
アコーディオン コンテンツ
</div>
</div>
フルサイト編集対応ブロックテーマ
WordPress テーマ X-T9 は、WordPress 5.9 から実装されたフルサイト編集機能に対応した「ブロックテーマ」と呼ばれる新しい形式のテーマです。
ヘッダーやフッターなど、今までのテーマではカスタマイズが難しかったエリアもノーコードで簡単・柔軟にカスタマイズする事ができます。
パターンを使って
よりクオリティの高いサイトに
パターンとは、WordPressのブロックを組み合わせて作ったデザインテンプレートのようなもの。プロのデザイナーが制作したパターンを300以上公開中！コピペしながら高品質なサイトを簡単に作れます。
ブロックエディターで
ABテストを
自由に作成できる VK AB Testing
VK AB Testing は、ABテストを実施するための WordPress 用プラグインです。ブロックエディターでテストパターンを自由に作成でき、ランダム表示とクリック計測が可能です。Webサイトや広告などの施策の改善にぜひご活用ください。