Gutenberg’s Standard Blocks are also available to you. The ones you are most likely to use are demonstrated in another page.
The most useful blocks are the Spacer, which allows you to modify the spacing between blocks; Heading, which you can use to apply headings to your sections; and Paragraph, which you can use to add most any content.
Accordion
Accordions can be used inside columns, or used for the full width of the content. They each include a title, content area, and a branded button.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam.
The hero is often the first block placed on a page. It has opens for left and right image placement. This is not your H1. The page H1 is determined by the title of this page, which you can see in the browser tab. It is hidden on the page from sight, but it is available to assistive technology and search engines. You can add Headings, Paragraphs and Buttons to the InnerBlocks space.
My Hero Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam.
The custom button block allows you to choose an alignment (left, center, right, inline) so that you can place your buttons as desired. Some style options will be available according to your brand and design. Additionally there is a field for adding additional context for screen readers if needed.
A full width call to action with light and dark style options, a heading, content area, and button. There is also a split option, which will create two CTAs side by side.
CTA Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam.
This is a block with a heading, content, a popup dialog box, and an image. It can be used as a CTA, or to display additional information that users may wish to view. On mobile and smaller tablet views, the image disappears.
Sed non pretium quam. Ut sollicitudin, urna eu sagittis luctus, enim tortor bibendum purus, id vehicula ex nibh tincidunt nisl.
Donec nec massa nulla. Etiam ultricies, tortor vel porta ullamcorper, tortor justo feugiat purus, sed blandit mauris risus in metus. Nunc quis facilisis leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed non pretium quam. Ut sollicitudin, urna eu sagittis luctus, enim tortor bibendum purus, id vehicula ex nibh tincidunt nisl.
Donec nec massa nulla. Etiam ultricies, tortor vel porta ullamcorper, tortor justo feugiat purus, sed blandit mauris risus in metus. Nunc quis facilisis leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Icon Block
This block displays an icon beside a title and content. It can be used multiple times on a page, or inside column block to create a series of icons. For demonstration purposes, this is two icon blocks used inside a Gutenberg column block.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam. Ut sollicitudin, urna eu sagittis luctus, enim tortor bibendum purus, id vehicula ex nibh tincidunt nisl. Donec ultrices elementum dui, sit amet tempor mi bibendum et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam. Ut sollicitudin, urna eu sagittis luctus, enim tortor bibendum purus, id vehicula ex nibh tincidunt nisl. Donec ultrices elementum dui, sit amet tempor mi bibendum et.
Statistics
This stat block will allow you to place as many stats as desired. They will be presented in 3 columns on desktop, 2 column sets on tablet, and single columns on mobile. It is also possible to create only a single stat and place it into a Gutenberg Column or text area.
3 billion
lives saved by pants
200%
more pants in europe
+ 500
increase in pant wearing Swedes
0%
dissatisfaction with pants
Tabs
Tabs are an area where you can show groups of content that are hidden until activated. They are handy for providing a lot of information in a shorter area, or for providing users with the ability to go straight to the relevant sections.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam. Ut sollicitudin, urna eu sagittis luctus, enim tortor bibendum purus, id vehicula ex nibh tincidunt nisl. Donec ultrices elementum dui, sit amet tempor mi bibendum et. Duis sagittis erat ut lobortis accumsan. Vestibulum feugiat felis et porta porta. Maecenas faucibus diam quis risus efficitur auctor at eu nisl.
Aliquam eget gravida nisl. Sed et maximus eros. Duis porta lorem risus, et egestas purus tempus sit amet. Praesent in ligula sed eros facilisis ullamcorper in luctus enim. Aliquam dapibus tellus lorem, id commodo eros pulvinar vitae. Morbi suscipit ut nunc in imperdiet. Vestibulum vulputate, tellus commodo interdum imperdiet, magna tortor porttitor ex, volutpat euismod nunc dui at justo. Integer ac est sed erat imperdiet rutrum. Phasellus pulvinar ante et convallis aliquam. Nullam suscipit commodo eros.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis aliquet tortor et neque semper, in dictum justo posuere. In vitae ligula id velit molestie auctor. Etiam elementum vestibulum risus vel eleifend. Vivamus efficitur leo at nisi efficitur, in vulputate odio tristique.
Mauris gravida tortor venenatis, auctor nunc eu, congue est. Curabitur in aliquam libero, vitae finibus risus. Donec nec massa nulla. Etiam ultricies, tortor vel porta ullamcorper, tortor justo feugiat purus, sed blandit mauris risus in metus. Nunc quis facilisis leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer commodo justo ac nisi venenatis dignissim id a diam. In vitae nulla eget quam volutpat iaculis. Sed iaculis, lacus eu scelerisque bibendum, urna urna sagittis risus, non dignissim nulla augue at tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer commodo justo ac nisi venenatis dignissim id a diam. In vitae nulla eget quam volutpat iaculis. Sed iaculis, lacus eu scelerisque bibendum, urna urna sagittis risus, non dignissim nulla augue at tellus.
Testimonial
This block allows you to highlight a positive comment about your company / services / organization. It includes space for an image, the individual’s name and title, and the quote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam. Ut sollicitudin, urna eu sagittis luctus, enim tortor bibendum purus, id vehicula ex nibh tincidunt nisl. Donec ultrices elementum dui, sit amet tempor mi bibendum et.
Lorem ipsum Sed non pretium quam
Text / Media
This block allows you to post an image or embed a video with accompanying heading, content, and button. It’s useful for CTAs, but also in many other circumstances. It has basic alignment options.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam.
This block allows you to display tiled content in a card like fashion. These tiles have space for an icon, heading, content, and CTA. You can choose how many to include per row.
Sed non pretium quam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non pretium quam.
Similar to the tiles, this block allows you to pull content from various areas of your site known as “post types.” You can select which post type (Posts, Pages, Resources), then choose from the available posts which ones to display. You can display as many or as few as you like and you can add a title if you wish.
Unfortunately, in high cost-of-living areas like San Francisco, government-provided food assistance for families may still not be enough for pregnant people to purchase all the nutritious food they need. This is why, since 2017, Vouchers 4 Veggies has provided a key supplement by automatically enrolling pregnant WIC patients to receive additional benefits for purchase of fruits & vegetables. To this end, V4V partners with the San Francisco Department of Public Health and Women, Infants and Children program (WIC) to mail an additional $40 a month in fruit & vegetable benefits to pregnant participants, plus shopping and nutrition tips, for a total of 12 months. Benefits can be used at a variety of stores throughout San Francisco.
