{"id":13746,"date":"2018-05-09T14:48:07","date_gmt":"2018-05-09T18:48:07","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?page_id=13746"},"modified":"2024-02-05T09:48:24","modified_gmt":"2024-02-05T14:48:24","slug":"page-builder","status":"publish","type":"page","link":"https:\/\/www.boldgrid.com\/support\/page-builder\/","title":{"rendered":"BoldGrid Post and Page Builder Plugin"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><div class=\"boldgrid-section background-infinite landing-first-section\">\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-7\">\n<div class=\"sc-breadcrumb\"><script type=\"text\/javascript\">\n            var breadcrumb = document.querySelector(\".sc-breadcrumb\");\n            if (breadcrumb !== null) {\n                breadcrumb.parentNode.removeChild(breadcrumb);\n            }\n        <\/script><\/div>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-md-offset-1\">\n<div id=\"inner-rd\">\n<\/div>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"col-md-8 col-sm-8 col-xs-12\">\n<h1 style=\"margin-top: 0px;\" id=\"boldgrid-post-and-page-builder-plugin\">BoldGrid Post and Page Builder Plugin<\/h1>\n<hr class=\"orange\">\n<p>The BoldGrid Post and Page Builder, our <a href=\"https:\/\/www.boldgrid.com\/wordpress-page-builder-by-boldgrid\/\">WordPress page builder<\/a> allows you add personalized content to your site. Then drag and drop the content, rows, and columns to truly make it unique.<\/p>\n<p>Follow along to create your first site or improve an existing one using our simple WordPress page builder. Since the Post and Page Builder uses the existing WordPress interface, you can quickly and easily create beautiful pages with rich layouts.<\/p>\n<div class=\"mod-space-1x\"><\/div>\n<\/div>\n<div class=\"col-xs-12 col-sm-4 col-md-4\">\n<div class=\"plugin-sidebar inner-sidebar\">\n<div class=\"mod-space-2x\"><\/div>\n<p><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/05\/icon-editor.svg\" width=\"200\" alt=\"post and page builder logo\"><\/p>\n<div class=\"mod-space-1x\"><\/div>\n<\/div>\n<p class=\"text-center\"><a class=\"button-primary\" href=\"https:\/\/www.boldgrid.com\/get-premium-post-and-page-builder\/\">See All Premium Features<\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"mod-space-2x\"><\/div>\n<\/div>\n<\/div>\n<div class=\"boldgrid-section\">\n<div class=\"container\">\n<div class=\"row boldgrid-wp\">\n<div class=\"col-md-4 col-xs-12 col-sm-4 align-column-center\">\n<p class=\"\"><iframe loading=\"lazy\" title=\"Post and Page Builder - Getting Started with Sections, Rows, and Columns\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/8tolMBiKSY4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<\/div>\n<div class=\"col-md-8 col-xs-12 col-sm-8\">\n<h2 id=\"onboarding-video-tutorials\">Onboarding Video Tutorials<\/h2>\n<p>Our priority is to get you up and running creating a website as quickly as possible. We suggest exploring our video tutorials on YouTube in addition to the written guides. These tutorials offer step-by-step instructions, and show you exactly where to click to find what you need. Whether you&rsquo;re a seasoned WordPress user or a beginner, our videos cater to all expertise levels, providing practical insights to simplify your creation journey. For additional support, feel free to <a href=\"https:\/\/www.youtube.com\/boldgrid\" target=\"_blank\" rel=\"noopener\">explore our YouTube channel<\/a>.<\/p>\n<hr class=\"orange\">\n<div class=\"row\">\n<div class=\"col-xs-12 col-sm-12 col-md-6\">\n<ul>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=opXxNHOUr8E\" target=\"_blank\" rel=\"noopener\">How to Drag and Drop<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=rxCwWhFSL1c\" target=\"_blank\" rel=\"noopener\">Responsive Device Controls<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=xNJEUtWvD2w\" target=\"_blank\" rel=\"noopener\">Working with Backgrounds<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-6\">\n<ul>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=uDwQKeFe344\" target=\"_blank\" rel=\"noopener\">Working with Blocks<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=8tolMBiKSY4&amp;list=PLqNQzP6vlTnyuqeSu3aXcQCXknzkTxCN1\" target=\"_blank\" rel=\"noopener\">View More Videos<\/a><\/li>\n<\/ul>\n<div class=\"mod-space-3x\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"boldgrid-section background-infinite\">\n<div class=\"container\">\n<div class=\"row boldgrid-wp\">\n<div class=\"col-md-8 col-xs-12 col-sm-8\">\n<h2 id=\"post-and-page-builder-initial-setup\">Post and Page Builder Initial Setup<\/h2>\n<p>Setting up the Post and Page Builder is a breeze, whether you are using a BoldGrid theme or not. You can select what editor to use per page or post &ndash; meaning you can still occasionally use the WordPress (Gutenberg) or Classic Editor if you want to.<\/p>\n<hr class=\"orange\">\n<div class=\"row\">\n<div class=\"col-xs-12 col-sm-12 col-md-6\">\n<ul>\n<li><a href=\"\/support\/page-builder\/install-plugin\/\">Installing the Post and Page Builder Plugin<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/install-premium-plugin\/\">Installing the Post and Page Builder Premium Extension<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/page-builder-setup\/\">Initial Setup for the Post and Page Builder<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-6\">\n<ul>\n<li><a href=\"\/support\/page-builder\/preferred-editor\/\">Choosing a Preferred Editor<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/colors-other-themes\/\">Configuring your Color Palette with 3rd Party Themes<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/other-themes\/\">Configuring the Post and Page Builder with 3rd Party Themes<\/a><\/li>\n<\/ul>\n<div class=\"mod-space-3x\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"col-md-4 col-xs-12 col-sm-4 align-column-center\">\n<img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/www.boldgrid.com\/wp-content\/uploads\/2019\/01\/boldgrid-fresh-ideas-500.png\" alt=\"Editor popovers\">\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"boldgrid-section\">\n<div class=\"container\">\n<div class=\"row boldgrid-wp\">\n<div class=\"col-md-4 col-xs-12 col-sm-4 align-column-center\">\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15605\" src=\"https:\/\/www.boldgrid.com\/wp-content\/uploads\/2018\/08\/boldgrid-toolkit.png\" alt=\"Options within Post and Page Builder\" width=\"1153\" height=\"710\">\n<\/div>\n<div class=\"col-md-8 col-xs-12 col-sm-8\">\n<h2 id=\"how-to-use-the-post-and-page-builder\">How to Use the Post and Page Builder<\/h2>\n<p>The Post and Page Builder plugin by BoldGrid includes tons of design features just a few clicks away. Learn how to add or modify elements like backgrounds, images, buttons, text, animation and more. Images are easy to work with thanks to our automated image cropping, which allows you to swap images without changing the overall design.<\/p>\n<hr class=\"orange\">\n<div class=\"row\">\n<div class=\"col-xs-12 col-sm-12 col-md-6\">\n<ul>\n<li><a href=\"\/support\/page-builder\/using-page-builder\/\">How to Use the Post and Page Builder<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/sections\/\">Working with Sections<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/clone-section\/\">How to Clone a Section<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/rows\/\">Working with Rows<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/columns\/\">Working with Columns<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/fonts\/\">Working with Fonts<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/images\/\">Working with Images<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/how-to-change-backgrounds-in-the-post-and-page-builder\/\">Working with Backgrounds<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/working-with-tables\/\">Working with Responsive Tables<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/edit-contact-page\/\">How to Edit the Contact Page<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/edit-home-page\/\">How to Edit the Home Page<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/edit-about-us\/\">How to Edit the About Us Page<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-6\">\n<ul>\n<li><a href=\"\/support\/page-builder\/hover-boxes\/\">Working with Hover Boxes<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/shape-dividers\/\">Working with Shape Dividers<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/sliders\/\">Working with Sliders<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/icons\/\">Working with Icons<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/add-google-map\/\">Adding a Google Map<\/a><\/li>\n<li><a href=\"\/support\/wordpress-tutorials\/how-to-embed-a-video\/\">Embedding Videos<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/autoplay-and-loop-youtube-videos-in-wordpress\/\">Autoplay and Loop YouTube Videos in WordPress<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/tablet-mobile-views\/\">Using the Tablet and Phone Previews<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/how-to-create-an-inner-row-with-the-post-and-page-builder\/\">How to Create an Inner Row<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/difference-padding-margin\/\">Difference Between Padding &amp; Margin<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/create-parallax-effect\/\">Create a Parallax Effect<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/tabs\/\">Working with Tabs<\/a><\/li>\n<\/ul>\n<div class=\"mod-space-3x\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"boldgrid-section background-infinite\">\n<div class=\"container\">\n<div class=\"row boldgrid-wp\">\n<div class=\"col-md-8 col-xs-12 col-sm-8\">\n<h2 id=\"using-blocks\">Using Blocks<\/h2>\n<p>Blocks are professionally designed sections of content that come in all shapes and sizes to save you time. Learn about the structure of <a href=\"https:\/\/www.boldgrid.com\/how-to-create-your-very-own-boldgrid-block\/\">BoldGrid Blocks<\/a>, how to create your own BoldGrid Blocks, or drag and drop new sections of content right onto your pages, and save your favorite Blocks for use on multiple pages.<\/p>\n<hr class=\"orange\">\n<div class=\"row\">\n<div class=\"col-xs-12 col-sm-12 col-md-6\">\n<ul>\n<li><a href=\"\/support\/page-builder\/saving-blocks\/\">Adding and Saving Blocks<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/block-library\/\">How to Use the Block Library<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/how-to-export-saved-blocks-between-websites\/\">Export Saved Blocks Between Websites<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-6\">\n<ul>\n<li><a href=\"\/support\/page-builder\/create-block-structure\/\">Creating BoldGrid Blocks &ndash; Structure<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/create-block-content\/\">Creating BoldGrid Blocks &ndash; Content<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/create-block-styles\/\">Creating BoldGrid Blocks &ndash; Styling<\/a><\/li>\n<\/ul>\n<div class=\"mod-space-3x\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"col-md-4 col-xs-12 col-sm-4 align-column-center\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1126\" height=\"733\" class=\"alignnone size-full wp-image-15604\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-blocks-1.png\" alt=\"BoldGrid Blocks\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-blocks-1.png 1126w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-blocks-1-300x195.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-blocks-1-768x500.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-blocks-1-1024x667.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-blocks-1-250x163.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-blocks-1-550x358.png 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-blocks-1-800x521.png 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-blocks-1-277x180.png 277w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-blocks-1-461x300.png 461w\" sizes=\"auto, (max-width: 1126px) 100vw, 1126px\" \/>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"boldgrid-section\">\n<div class=\"container\">\n<div class=\"row boldgrid-wp\">\n<div class=\"col-md-4 col-xs-12 col-sm-4 align-column-center\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1124\" height=\"713\" class=\"alignnone size-full wp-image-15606\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/the-crew-grid3.png\" alt=\"edit html\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/the-crew-grid3.png 1124w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/the-crew-grid3-300x190.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/the-crew-grid3-768x487.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/the-crew-grid3-1024x650.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/the-crew-grid3-250x159.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/the-crew-grid3-550x349.png 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/the-crew-grid3-800x507.png 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/the-crew-grid3-284x180.png 284w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/the-crew-grid3-473x300.png 473w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/the-crew-grid3-788x500.png 788w\" sizes=\"auto, (max-width: 1124px) 100vw, 1124px\" \/>\n<\/div>\n<div class=\"col-md-8 col-xs-12 col-sm-8\">\n<h2 id=\"advanced\">Advanced<\/h2>\n<p>The BoldGrid Post and Page Builder will empower you to create and reuse beautiful Bootstrap layouts. We tie into the existing WordPress Editor to cut the learning curve and get you creating faster. The BoldGrid Post and Page Builder includes both a unique Visual Editing experience and traditional Text Editing to ensure you can work quickly and efficiently.<\/p>\n<hr class=\"orange\">\n<div class=\"row\">\n<div class=\"col-xs-12 col-sm-12 col-md-6\">\n<ul>\n<li><a href=\"\/support\/page-builder\/advanced-controls\/\">Advanced Controls<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/using-custom-html-in-post-and-page-builder\/\">Using Custom HTML<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/responsive-utilities\/\">Responsive Utilities<\/a><\/li>\n<\/ul>\n<div class=\"mod-space-3x\"><\/div>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-6\">\n<ul>\n<li><a href=\"\/support\/page-builder\/create-collapsing-accordion\/\">Creating Collapsing Divisions<\/a><\/li>\n<li><a href=\"\/support\/page-builder\/custom-classes-ids\/\">Using Custom Classes and Id&rsquo;s<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>BoldGrid Post and Page Builder Plugin The BoldGrid Post and Page Builder, our WordPress page builder allows you add personalized content to your site. Then drag and drop the content, rows, and columns to truly make it unique. Follow along to create your first site or improve an existing one using our simple WordPress page [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page_support-landing.php","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"","bgseo_description":"The BoldGrid Post and Page Builder plugin allows you add personalized content to your site. Then drag and drop the content, rows, and columns to truly make it unique.","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"class_list":["post-13746","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/pages\/13746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=13746"}],"version-history":[{"count":73,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/pages\/13746\/revisions"}],"predecessor-version":[{"id":124147,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/pages\/13746\/revisions\/124147"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=13746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}