The default themes included have been meticulously tested and use modern design best practices.
Let's go over one default theme to go over all of the various built-in features.
Designed to be 100% Symmetric
Browser Tested
The themes have been designed to be mobile-friendly and work in all modern browsers.
Same CSS for Front-end and Block Editor
The block should look 100% the same in the back-end and the front-end by design.
Semantic Markup
The theme is designed with semantic markup with room to grow.
The entire quote is wrapped by a div with class quotes-dlx-wrapper.
Quote HTML Markup
The Quote HTML markup is as follows:
<div class="quotes-dlx-wrapper">
<figure>
<blockquote class="quotes-dlx-text quotes-dlx-text-wrapper">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lobortis gravida lorem, in dignissim arcu
tincidunt et. Vestibulum semper magna eget magna porta, non tempus nunc condimentum.<br>
<br>
– By <a href="https://bridgetwillard.com">Bridget Willard</a>
</blockquote>
</figure>
<!-- more markup -->
</div>
The above markup is recommended for modern blockquote symantic HTML. There's also room to grow in case the block has a citation needed.
No citation? Citations within blockquote elements are not a best practice. With trying to make the block as versatile as possible, it was decided to allow the user of the block to place whatever they want in the quote and not be forced to a standard.
The blockquote is designed deliberately to not be clickable. Most Click to Tweet solutions make the entire block clickable. This is not desirable behavior from a user standpoint.
With making the blockquote not being clickable, the user can:
Select any Blockquote text
Click on any links within the Blockquote
Open up the meatball menu (contextual menu) to perform other tweet actions
Click on the dedicated Click to Tweet button
There is also an option to disable to Click to Tweet button, so users of the block can just use the block for quotes only and not have to worry about click states.
Another reason Blockquotes are generally left alone in this plugin is that the contextual menu and Click to Tweet block can be made optional.
