Conventional website ui patterns

What are blocks?

Blocks are designed and coded content components that are placed onto a page to makeup a complete webpage. Typically we use acf blocks to create our own page builder

• Blocks are reusable
• Blocks are orderable
• Blocks hold content which is easy to edit
• blocks take the complexity out of content entry

what is the acf block builder?

Text with image

could also be two column content, both columns should cabable of containing an image

fields

• wysiwyg
• image
• link

Image gallery with lightbox

fields

• wysiwyg

Grid

fields

this could be one row of 3 boxes or 3 rows of 3 boxes

• repeater
• wysiwyg
• image
• link

Testimonial slideshow

• repeater
• text
• textarea

cards

• image
• textarea
• link

accordion

often used for faq’s

• see accordion html5 code snippet

fields

• repeater
• title
• text

anchor links

links that link the user to content on the page

fields

• repeater
• links

cta strip

fields

• link
• text

subscribe strip

• form field
• text