Builder Layouts: Landing Page Example 01
The Landing Page Example 1 layout has 2 components.
The first component is the layout that contains the building blocks of the page.
The second component is assigning the layout to a page we’ve created.
We’ll walk through both steps below.
- In the WordPress Dashboard, select My Theme > Layouts and Views.
- Create a new layout, and name it “Landing Page” or a name of your choosing.
- Choose a width. To decide on a width, you would most likely base it off of the width of the rest of your site. Of course, you can choose any width with Builder.
Below the settings section, you’ll find the Design options. This is where you’ll start to add modules to create a new layout.
Here’s a screenshot of the “Landing Page Example 01" Layout we’ve created:
Steps to reproduce this layout:
- Add a “Content” module, with no sidebar.
- You’re done!
That’s it for the layout portion. Now, let’s talk about the assigning the layout to a page.
Assigning the Layout
In the WordPress Dashboard, select Pages > Add New.
Name your Page, and add your content.
Depending on your settings, you should see a block on your page’s edit screen labeled “Custom Builder Layout”. Choose the layout you’ve created for this page by selecting it in the drop-down list.
Publish or Update your page, and you’re done! (Be sure to add a link to the page so visitors can find it!
You can download this layout and view combination to import into your own site below:
Be sure to upload your own photo to the layout if you use it as-is. However, experiment and have fun tweaking this layout or creating your own custom landing pages!