{"id":297,"date":"2019-11-20T04:19:17","date_gmt":"2019-11-20T04:19:17","guid":{"rendered":"http:\/\/cesarfelipelopez.com\/?p=297"},"modified":"2022-03-11T06:00:34","modified_gmt":"2022-03-11T06:00:34","slug":"the-breakdown-constructing-a-website-with-a-page-builder","status":"publish","type":"post","link":"https:\/\/cesarfelipelopez.com\/index.php\/2019\/11\/20\/the-breakdown-constructing-a-website-with-a-page-builder\/","title":{"rendered":"The Breakdown: Constructing a Website with a Page Builder"},"content":{"rendered":"\n

The Inspiration <\/h2>\n\n\n\n

For my next WordPress Site I wanted to try using a Page Builder. WordPress already offers default way to customize content. But page builders help do what WordPress does best. Simplify the web design process.<\/p>\n\n\n\n

WordPress offers support for several page builders. Each page builder includes drag and drop features that allow you to easily add and customize content on your website. Some of the most popular page builders are:<\/p>\n\n\n\n

  1. Elementor<\/li>
  2. Beaver Builder<\/li>
  3. Divi<\/li><\/ol>\n\n\n\n

    I ended up choosing Elementor <\/a>as it is the plugin that seemed to have the most support with different themes. Some features the free version of Elementor support are: <\/p>\n\n\n\n

    1. Live Preview<\/li>
    2. Fast Interface<\/li>
    3. Free Widgets<\/li>
    4. Unique effects for built in elements <\/li><\/ol>\n\n\n\n

      Lessons Learned<\/h2>\n\n\n\n

      Elementor<\/h3>\n\n\n\n
      \"\"<\/figure>\n\n\n\n

      Elementor uses its own window to make edits to your website’s page. When we first open Elementor’s page builder the screen is split up between a side panel and a preview of your website. The side panel is filled with draggable widgets that can be used to fill your website with customized content.<\/p>\n\n\n

      <\/div>
      \n
      \"\"
      <\/div><\/div>
      \n\n

      <\/p>\n\n<\/div><\/div>\n\n

      \"\"
      <\/div><\/div>
      \n\n

      <\/p>\n\n<\/div><\/div>\n\n

      \"\"
      <\/div><\/div>
      \n\n

      <\/p>\n\n<\/div><\/div>\n\n

      \"\"
      <\/div><\/div>
      \n\n

      <\/p>\n\n<\/div><\/div>\n\n

      \"\"
      <\/div><\/div>
      \n\n

      <\/p>\n\n<\/div><\/div>\n\n

      \"\"
      <\/div><\/div>
      \n\n

      <\/p>\n\n<\/div><\/div>\n\n

      \"\"
      <\/div><\/div>
      \n\n

      <\/p>\n\n<\/div><\/div>\n<\/div><\/div>