{"id":10492,"date":"2017-11-06T16:30:03","date_gmt":"2017-11-06T21:30:03","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=10492"},"modified":"2020-05-01T13:27:52","modified_gmt":"2020-05-01T17:27:52","slug":"create-block-content","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/page-builder\/create-block-content\/","title":{"rendered":"How to create BoldGrid Blocks – Adding Content"},"content":{"rendered":"\n

This tutorial covers creating a custom WordPress Block with the Post and Page Builder<\/a>.<\/p>\n

After mastering the basic structure of a Block<\/a>, the next step is to add content<\/strong> to your Block<\/b> within the columns you have laid out. The following guide will walk you through adding content<\/strong> that uses the responsive breakpoints set up within the Boldgrid Theme Framework<\/b>. We will be using the following example Block that will show 4 full width columns on your phone, 2 rows with 2 columns in each on your tablet, and 1 row with 4 columns on your desktop.<\/p>\n

This is the example code we used in the first guide which explains the Block Structure, and we will be adding images to it.<\/p>\n