This method uses the newly available Import / Export feature in Builder. We have re-built the demo site and exported the layouts and views. In the instructions we provided a link to download and use this exported zip file.

+

This method uses the newly available Import / Export feature in Builder. We have re-built the demo site and exported the layouts and views. In the instructions below we provide a link to download and use this exported zip file.

Note: It is not possible to export and import widgets (yet). Therefore, after following the instructions below you have to populate the widget areas with widgets manually.

Note: It is not possible to export and import widgets (yet). Therefore, after following the instructions below you have to populate the widget areas with widgets manually.

Line 17:

Line 17:

'''3.''' Ensure that Builder is present in wp-content/themes. Upload and activate BuilderChild-Foundation theme.

'''3.''' Ensure that Builder is present in wp-content/themes. Upload and activate BuilderChild-Foundation theme.

'''6.''' Go back to Layout manager and note the fact that widget areas of all layouts except that of Default layout are hidden. Therefore, when you go to Appearance -> Widgets, no widget areas will appear in the right side since we have set it so only widget areas of Default layout are shown there and there are no sidebars (widget areas) in the Default layout.

'''6.''' Go back to Layout manager and note the fact that widget areas of all layouts except that of Default layout are hidden. Therefore, when you go to Appearance -> Widgets, no widget areas will appear in the right side since we have set it so only widget areas of Default layout are shown there and there are no sidebars (widget areas) in the Default layout.

'''3.''' Add the following at the end of child theme's style.css (WP dashboard -> Appearance -> Editor):

+

+

<pre class="brush:css;">

+

.entry-footer .tags {

+

background: url("images/tags-bg.gif") no-repeat left center;

+

padding-left: 25px;

+

font-size: 0.8em;

+

}

+

</pre>

+

+

'''4.''' Repeat the above in other template files depending on where you would like the tags to appear. For Posts page it is <code>index.php</code>, for search results page it is <code>search.php</code> and so on. If a template file is not present in the child theme, copy it from parent Builder directory into the child theme

How to set up Foundation to look like the demo site

This method uses the newly available Import / Export feature in Builder. We have re-built the demo site and exported the layouts and views. In the instructions below we provide a link to download and use this exported zip file.

Note: It is not possible to export and import widgets (yet). Therefore, after following the instructions below you have to populate the widget areas with widgets manually.

Steps

1. Create Pages that you would like to appear in your site. Ensure that a page titled "Home" and another titled "Blog" exists. They should be empty.

2. Go to Appearance -> Menus. Create a custom menu which should contain the items that you would like to appear on the navigation bar. To avoid a small extra work going forward, you might want to name it as "Main Menu".

3. Ensure that Builder is present in wp-content/themes. Upload and activate BuilderChild-Foundation theme.

Scroll down to Import Data section. Browse to and select builder-export-foundation-church-demo.zip which you have downloaded.

In the next screen, select the option to import Layouts and Views in the zip file indicating whether you want to add all the layouts or do this selectively or replace the existing ones. For the purpose of this tutorial, it is assumed that there are no changes done to the default Builder layouts and views. Therefore, pick Replace and go to next step.

If a custom menu titled "Main Menu" does not exist, select the source of navigation module for all the layouts. Go to next step.

Click Run Import.

5. Go to Settings -> Reading. Set Home to appear on front page and "Blog" as Posts page.

6. Go back to Layout manager and note the fact that widget areas of all layouts except that of Default layout are hidden. Therefore, when you go to Appearance -> Widgets, no widget areas will appear in the right side since we have set it so only widget areas of Default layout are shown there and there are no sidebars (widget areas) in the Default layout.

To populate the widget areas of your desired layout(s), first have them appear at Appearance -> Widgets by clicking Show widget areas for the layout(s). Then visit Appearance -> Widgets and add your desired widgets.

4. Repeat the above in other template files depending on where you would like the tags to appear. For Posts page it is index.php, for search results page it is search.php and so on. If a template file is not present in the child theme, copy it from parent Builder directory into the child theme