How does wordpress blocks?

But how does the actual HTML get on the page? How does that SQL data translate into a page full of blocks?

Normally the HTML for a block is inside the HTML comments.

However, much like shortcodes, ACF blocks are rendered in PHP, so when the post is processed during the_content filter, that block is replaced with the rendered HTML. WordPress knows to do this because ACF registered the block and provided a render callback function to call.

So this is essentially a more modern version of a shortcode with a better UI and developer features ( and the bonus that you don’t get a raw shortcode displayed on the frontend if ACF is deactivated )

As for how ACF then retrieved the data from the database, you would need to ask in an ACF forum, as that is unique to ACF blocks.

HTML not wrapped in the comments is interpreted as classic content from the classic editor when edited.

Related Posts:

  1. Is there a way to list all used/unused WP templates?
  2. Gutenberg & Pre-formatted Templates: Core Block Attributes
  3. Gutenberg Editor – Template Doesn’t Match Error
  4. How to replace WordPress sidebars (widget areas) with Gutenberg
  5. Display HTML only if Custom Field has a Value
  6. How do you override Post template when using Query Loop block?
  7. ACF image field to WordPress featured image
  8. Advanced Custom Fields – display when specific template used?
  9. How to Increment ID value within ACF Repeater Field Loop
  10. How to custom page template for the Gutenberg editor
  11. Use PHP templates as blocks
  12. Can I add a default Block to my custom theme?
  13. Is there a way to create a block template that is not limited to a post type?
  14. ACF costum date format [closed]
  15. Dynamically Insert Image Into Stylesheet
  16. Can you use block patterns in block templates or insert them programmatically?
  17. Change default template in the block editor (Gutenberg)
  18. Query the database after get_header() has been included
  19. How to set up page fields with gutenberg instead of ACF
  20. How to limit block activity (insertion/deletion) to inside of a Block Template on the Admin Screen?
  21. templates page not showing on gutenberg editor
  22. Category theme template becomes default template for child theme
  23. Adding new Template Parts in the Block Editor when using Classic Themes
  24. Where is get_header(‘shop’) file in Woocommerce templates
  25. Is it possible to access Gutenbergs reusable blocks in CPT block templates?
  26. WP frontend output of custom textarea fields not respecting line breaks. In admin it’s OK
  27. Custom reset password template after forgot password request
  28. Child Theme: how to override variables?
  29. How to create tag.php
  30. Get template part vs locate template function
  31. Tools for Converting an Existing Website Design to a WordPress Template?
  32. author.php added to template not working on Nginx server
  33. wordpress – load a template based on the URI
  34. How to include template according to meta post value
  35. Using Includes in Templates in Document Head
  36. How to show scaled featured image in template?
  37. Load template inside a parent template
  38. Child theme TEMPLATEPATH issue
  39. WordPress Gutenberg, update post content programmatically
  40. Which has more impact on site performance? Template overrides or hooks
  41. Subpage template
  42. Remove WordPress/Gutenberg button styles for ACF blocks
  43. What should I put on my index.php?
  44. How To Create WooCommerce Custom Template For Specific Product?
  45. How to Use Twig + Timber with Multiple Loops based on Meta Key Value
  46. Programatically create a page
  47. Missing .twig files in wordpress theme editor
  48. create-guten-block in wordpress theme?
  49. Directly using pure JWPlayer JS (but NOT WP Plugin)
  50. Login page theming?
  51. I want to add a custom “all posts by author” by authors name. How?
  52. Advanced templating / WordPress as a CMS questions
  53. Redirect template based on permalink rather than $wp_query
  54. displaying category and subject posts
  55. How to duplicate a page template but make minor changes to the header?
  56. Custom templates vs page-slug
  57. get_template_directory() still returning path to previous theme
  58. URL / Templating system advice [closed]
  59. What’s the purpose of $wp_did_header?
  60. Trying to display short code content in template file with do_shortcode()
  61. Unable to add template to page set as Posts page in WP V 4.6.1
  62. How to use index.php as a template for archives?
  63. How to customize WooCommerce templates to avoid override upon update [closed]
  64. Creating new content types (Pages, posts, testimonials, tigers, oh my!)
  65. How to access .html file that’s located in the theme folder from the browser?
  66. Way to use one template but be able to call different top graphics?
  67. Differnt page template for page 2 of blog feed
  68. How to implement my custom development multiple PHP page work into WordPress?
  69. How to get ACF value inside Gutenberg Block from another page or template? I’m using Timber too
  70. Create template for just a print
  71. dynamic_sidebar() stopped working
  72. How to use single.php for creating, reading and editing Custom Posts with ACF
  73. Index template always follows page_template() template?
  74. WP overwrites my setup_postdata() setup
  75. wp_list_authors() returning the wrong member url
  76. Sending email for the custom form in WordPress
  77. Hard Coding Components on a Client Specific Websites
  78. How to use another file instead of home.php
  79. Assigning custom page templates to a static blog page
  80. Can i exclude certain page templates for a specific role?
  81. Template_redirect for child custom post types
  82. Using a specific template for front page only
  83. Gutenberg blocks (block editor) with get_the_excerpt and get_the_content, using ACF
  84. ACF Gut block broke wordpress default style?
  85. Child theme enqueueing style.min.css not style.css
  86. Exclude certain template from wp_list_pages
  87. Why wordpress custom template comments shows Undefined index?
  88. How to add variables to a template
  89. Update body class based on theme as well as a html attribute
  90. Is it possible to set a custom post type template with code?
  91. Fix for Chart.js removing Admin Bar
  92. Why is this array not working?
  93. Single Post Templates Doubt
  94. strange behaviour of template_redirect in IE8
  95. How do i load a different template for different users screen width
  96. MailPress plugin: table inline style tag removed when sending the newsletter
  97. Custom Archive with Content for Custom Post Type
  98. Implement HEAD and TITLE tags with DB DATA
  99. Custom Post Type Trouble
  100. How to change the selected Template using javascript?