Skip to content

Instantly share code, notes, and snippets.

@simonrjones

simonrjones/WordPress block ideas for complex components

CreatedFebruary 4, 2017 14:32
    Show Gist options
    •
    • Save simonrjones/33541f7bf8599d56b60636b1d36ad7c0 to your computer and use it in Desktop.
    Save simonrjones/33541f7bf8599d56b60636b1d36ad7c0 to your computer and use it in Desktop.
    Download ZIP
    Raw
    WordPress block ideas for complex components
    <h1 data-wp-block="h1">My title</h1>
    <p data-wp-block="p">Some text</p>
    <div data-wp-block="custom-collapsable" class="faqs-component">
    <ul class="accordion">
    <li data-wp-block-item="1" class="accordion-navigation active">
    <a data-wp-block-field="title" aria-expanded="true" href="#panel691">My FAQ question title here</a>
    <div data-wp-block-field="contents" id="panel691" class="content active">
    <ul>
    <li>Text here on my answer.</li>
    <li>More text here.</li>
    </ul>
    <p>Find out more about <a href="link-here">how do this and that</a>.</p>
    </div>
    </li>
    <li data-wp-block-item="2">Next FAQ item..</li>
    </div>
    Sign up for free to join this conversation on . Already have an account? Sign in to comment