Page Builder Pre Built LayoutsPrefabricated layouts
Getting Started >> Recommended Plugins). The Builder layouts are the predefined layouts that you can apply to any page for faster prototyping. This example uses a ready-made layout to get started.
Bring our latest contents to your mailbox.
If I customize pages with the Page Builder ex:home page, how do I get more ready-made layouts with the Page Builder? Currently my Page Builder has (3) ready-made layouts to use. Hi Randy, Style sheets are imports from style sheets you have already made. You need to make a style sheet with the Page Builder and then you have to start exporting when you pick Exports style sheet, a pop-up will appear with the style sheet reference, copy the reference and past it into the section for importing.
Creating a one-page website
When you want to make a one-page website, Ultra and SiteOrigin Page Builder make it simple. Make the page that you will use by going to PagesAdd New. When you want this page to become your home page, go to SettingsReading to set it as your statical home page after saving.
Next, we will make the page layout appropriate for a one-page full width website. Next, browse down to the Page Preferences submenu and select No Sidebar for the page layout. Finish by deactivating the lower border of the headline and the upper border of the bottom line, as we want our first and last lines to be aligned with the headline and the bottom line respectively.
On the Page Builder screen, click the Page Builder pushbutton to go to the Page Builder user area. This example uses a ready-made lay-out to get going. Press the Layouts pushbutton, and then click the Layouts directory on the far right. Choose one of the pre-configured layouts, then click the Insert pushbutton at the bottom right, followed by Replace present.
After pasting, you can modify any section of the prebuilt layouts and paste your own contents. Of course you can rebuild your One-Pager from the ground up with the Page Builder, but for this example we use a ready-made lay-out to make things faster. Now our site is set up, albeit with a prefabricated outline.
The next step is to prepare the page for navigational hyperlinks that will lead the visitor to each section. In the Page Builder GUI, click the right spanner symbol and then click Modify Line to modify the first line. Unless you've already customized a meal and mapped it to Ultra's prime item, click Make a New Die, name your meal, and use the check box at the bottom of the page to map it to the theme's prime item.
In order to include hyperlinks to your page segments, click on Custom hyperlinks in the upper right hand corner, in the boxURL add a hatch followed by the name of your first line ID. Enter the name of the submenu in the Link text box, this is what the user will see. Then click Append to Menus.
Click the Store button. We have used section anchors in the above section as follows: You can use the full address if there are other pages in your menu: If you want to easily browse from a hyperlink outside the top level menus, just append the following class:
"en colophon" "puro-scroll" When scanning, the actual colour of the selected section of the screen is highlighted. If you click on a hyperlink, the page gently scrolls to that section.