Homepage Layout

The homepage of the Oceanic demo site was created with SiteOrigin’s free Page Builder plugin. To achieve the same layout do the following:

  1. Install SiteOrigin’s free Page Builder plugin.
  2. Download the Page Builder layout file which you will then be able to import.
  3. Edit your homepage and select the “Full Width” page template from the “Template” dropdown located down the right hand side of the page.
  4. Click the “Page Builder” tab that is displayed on the right of the WYSIWYG editor. This will put the editor into Page Builder mode.
  5. Once the editor is in Page Builder mode click the “Layouts” button at the top of the editor. This will show you a popup, click the “Import / Export” link on the left and click the “Select Import File” button. Browse to the “oceanic-homepage.json” file that you downloaded and double click the file. Then click the “Insert” button at the bottom of the popup. A small menu will appear, click “Replace Current” (this will replace all the current content in the editor) and then click once more to confirm.

Your page now has the same layout as the Oceanic demo site homepage.

Plugins used on this Layout