Sridhar: Created page, added intro and = How to set up Arrival like the demo site =

2012-09-28T16:23:30Z

Created page, added intro and = How to set up Arrival like the demo site =

New page

= Intro =

Arrival features simple styling in either blue or pink for creating a baby announcement site to share with family and friends.

[[File:Arrival-2012-06-23-12-43-18.jpg|406px|none]]

[http://demos.ithemes.com/arrival/ Live Demo]

[http://ithemes.com/2012/04/27/due-next-week-new-child-theme-arrival/ Blog entry announcing the release of Arrival]

'''Arrival Blue''':

[[File:Arrival-2012-06-23-12-48-47.jpg|406px|none]]

= Demo site layouts & views export file =

A zip file of Arrival demo site's layouts & views can be downloaded from [http://demos.ithemes.com/arrival/files/builder-export-data/export-5064af25102aa8.02049761/builder-export-arrival.zip here] or [http://cl.ly/1B2s170X2P43 here]. These can be imported by going to My Theme -> Settings -> Import / Export (tab).

= How to set up Arrival like the demo site =

'''1.''' Create the Pages that you would like to be in the nav bar. Ensure that there is one named <code>Home</code> and another named <code>Blog</code>.

'''2.''' Go to Settings -> Reading. Set <code>Home</code> as Front page and <code>Blog</code> as Posts page.

'''3.''' Go to Appearance -> Menus, create a menu named say, <code>Main Menu</code> and add your desired Pages and any other items to it and save.

'''4.''' Create a layout named <code>Home</code> and set it up like this:

[[File:Arrival-2012-09-28-21-11-26.png|476px|none]]

== Header module ==

[[File:Screen Shot 2012-09-28 at 9.24.58 PM.png|471px|none]]

== Navigation module ==

[[File:Screen Shot 2012-09-28 at 9.29.30 PM.png|575px|none]]

== Widget bar module ==

[[File:Screen Shot 2012-09-28 at 9.30.40 PM.png|467px|none]]

== Footer module ==

[[File:Screen Shot 2012-09-28 at 9.31.42 PM.png|465px|none]]

'''5.''' Edit Page titled <code>Home</code> and apply <code>Home</code> layout in the Custom Layout meta box.

'''6.''' Set up (either duplicate <code>Home</code> or create from scratch or modify if present) another layout named <code>Right Sidebar</code>. It is basically similar to <code>Home</code> layout.

These are the differences:

# Header module: Tagline is "Show Tagline (default)".
# Third module is a content module instead of a widget bar module. The content module has 1 right sidebar that is 200px wide.

Set this as the default layout.

That's it.

FYI: In the demo site there's a <code>Blog</code> view to apply <code>Right Sidebar</code> layout to the Posts page. It is not needed in the current set up since <code>Right Sidebar</code> is the default layout.

BuilderChild-Arrival - Revision history

Sridhar: Created page, added intro and = How to set up Arrival like the demo site =