Core block styles
Cover block
With stuff inside like text or a button
Heading 2
Heading 3
Heading 4
Paragraph-block – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nulla enim, dictum non nibh at, tincidunt blandit quam. Donec accumsan magna at faucibus dignissim. Vivamus fermentum, ipsum id malesuada tempus, ligula odio accumsan elit, sed posuere tortor dui id tortor.
Large text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu libero ultricies, feugiat lectus nec, condimentum nunc.
Small text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu libero ultricies, feugiat lectus nec, condimentum nunc.
Paragraph-block – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nulla enim, dictum non nibh at, tincidunt blandit quam. Donec accumsan magna at faucibus dignissim. Vivamus fermentum, ipsum id malesuada tempus, ligula odio accumsan elit, sed posuere tortor dui id tortor.
Lists
Unordered list
- List-item aenean fringilla vestibulum lorem, sed tristique odio sagittis ut. Aliquam erat volutpat.
- List-item nullam mollis egestas nisl, sed aliquet diam tincidunt sed. Nullam accumsan rhoncus leo, vel pellentesque ante consectetur et. Integer pulvinar auctor maximus. Integer ornare sit amet nisi sed porttitor.
- List item with inline fa icon
Ordered list
- List item imperdiet tristique sem, eu volutpat tortor egestas non. Donec bibendum dapibus hendrerit. Fusce convallis, ligula sit amet malesuada molestie, lorem augue fermentum orci.
- Step two is less involved
- Mauris imperdiet tristique sem, eu volutpat tortor egestas non. Donec bibendum dapibus hendrerit. Fusce convallis, ligula sit amet malesuada molestie, lorem augue fermentum orci,
Is-style-no-dots
- List-item
- List-item
- List-item with inline fa icon
- List-item with long text nullam mollis egestas nisl, sed aliquet diam tincidunt sed. Nullam accumsan rhoncus leo, vel pellentesque ante consectetur et. Integer pulvinar auctor maximus. Integer ornare sit amet nisi sed porttitor.
Is-style-icon-fa
Formatted
Paragraph-block – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nulla enim, dictum non nibh at, tincidunt blandit quam. Donec accumsan magna at faucibus dignissim. Vivamus fermentum, ipsum id malesuada tempus, ligula odio accumsan elit, sed posuere tortor dui id tortor.
Preformatted block Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nulla enim, dictum non nibh at, tincidunt blandit quam. Donec accumsan magna at faucibus dignissim. Vivamus fermentum, ipsum id malesuada tempus, ligula odio accumsan elit, sed posuere tortor dui id tortor.
Paragraph-block – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nulla enim, dictum non nibh at, tincidunt blandit quam. Donec accumsan magna at faucibus dignissim. Vivamus fermentum, ipsum id malesuada tempus, ligula odio accumsan elit, sed posuere tortor dui id tortor.
Code block
<div class="wp-block-code">
<?php echo 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nulla enim, dictum non nibh at, tincidunt blandit quam'; ?>
</div>Paragraph-block – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nulla enim, dictum non nibh at, tincidunt blandit quam. Donec accumsan magna at faucibus dignissim. Vivamus fermentum, ipsum id malesuada tempus, ligula odio accumsan elit, sed posuere tortor dui id tortor.
Quote block
Quote citation
Paragraph-block – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nulla enim, dictum non nibh at, tincidunt blandit quam. Donec accumsan magna at faucibus dignissim. Vivamus fermentum, ipsum id malesuada tempus, ligula odio accumsan elit, sed posuere tortor dui id tortor.
Buttons
Horizontal
Vertical
Paragraph-block – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nulla enim, dictum non nibh at, tincidunt blandit quam. Donec accumsan magna at faucibus dignissim. Vivamus fermentum, ipsum id malesuada tempus, ligula odio accumsan elit, sed posuere tortor dui id tortor.
Pullquote
Pullquote citation
Pellentesque vel fringilla nisl. Morbi tristique elementum velit, vitae porttitor justo tincidunt at. Sed enim neque, bibendum vitae lacus consequat, imperdiet bibendum velit. Morbi eget mattis arcu. Aliquam vestibulum, turpis at ornare venenatis, sapien urna ullamcorper odio, blandit mollis leo dolor eu ipsum. Aenean sit amet pretium dui, sed euismod nunc. Nulla dignissim commodo eros, vitae interdum eros varius a.
Pullquote nunc ut neque dictum vulputate eget a neque.
In text here
Tables
| wp-block-table | ||
| wp-block-table__cell-content | wp-block-table__cell-content | wp-block-table__cell-content |
| wp-block-table__cell-content | wp-block-table__cell-content | wp-block-table__cell-content |
| wp-block-table | ||
| wp-block-table__cell-content | wp-block-table__cell-content | wp-block-table__cell-content |
| wp-block-table__cell-content | wp-block-table__cell-content | wp-block-table__cell-content |
