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
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
This post is licensed under CC BY 4.0 by the author.