DW Page: Create Page – Configure Menu
Home Section
To show the page theme look like our demo, you need to create the pages and create the menus.
Create page
– To create a new Page, log in to your WordPress installation with sufficient admin privileges to create new pages. Select the Pages > Add New option to begin writing a new Page.
The Add the following HTML code to the page content.
<div class="header">
<div class="hero-unit">
<h1>Simplicity Isn't Simple.</h1>
Design is a word that's come to mean so much that it's also word that has come to mean nothing.
<a class="btn btn-primary btn-large btn-tpl-1" href="http://www.designwall.com/">View Our Works</a>
<a class="arrow-down img-circle" href="#">arrow down</a>
</div>
</div>
– Click Publish button to save this page.
– After Create the Home page, you can go to the Menu tab to configure the menu for the Home section.
Create Menu
– Log in to the WordPress Dashboard.
– From the ‘Appearance’ menu on the left-hand side of the Dashboard, select the ‘Menus’ option to bring up the Menu Editor.
– Select Create a new menu at the top of the page
– Enter a name for your new menu in the Menu Name box
– Click the Create Menu button.
After Create the menu:
– Locate the pane entitled Pages.
– Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.
– Select the Home Pages by clicking the checkbox next to each Page’s title.
– Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
– Click the Save Menu button once you’ve added all the menu items you want.
Add the class to the menu item:
– Click the Home menu in the Menu Structure section then add the following Class to the CSS Classes (optional)
home hidden-title header style-1
You can refer here about the how to create or configure the Menu
Introducing Section
Create Page
– Add new page then insert the following HTML code into the page content.
URL: http://snippi.com/s/nheaugt
Create Menu
– Select the Introducing page then add to the menu
– Open this menu and add the following Class to the menu.
introducing
– You can change the following text “Hello, We are DW Page. What We Can Do?” under the Introducing Title in the Section title attribute of the menu item.
Portfolio Section
This section shows the project that you have created in the Project menu.
Create Page
– Add new page then insert the following Shortcode into the page content.
[onepage_projects]
Create Menu
– Add the Portfolio page and add the following Class to the menu item:
portfolio style-1
– You can change the following text “Below are some of our best design works we have done for client” under the Page Title in the Section title attribute of the menu item.
Team Section
This section shows the user from the site, you can use the ID to get the user
Create Page
– Add new page then insert the following Shortcode and demo content into the page content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque venenatis elit, quis aliquet mauris malesuada vel. Donec vitae libero dolor, eget dapibus justo. Aenean facilisis aliquet feugiat. Suspendisse lacinia congue est ac semper. Nulla ut elit magna, vitae volutpat magna. Vivamus eu erat lectus, vel auctor nisi. [onepage_ourteam include="1,2,5 " exclude=" " col="4"]
Create Menu
– Add the Team page and add the following Class to the menu item:
about
– You can change the following text “Who We Are? Information About Us” under the Page Title in the Section title attribute of the menu item.
Clients Section
You wish to quote the customer’s comments? This section is here to help you do that. The Client section is divided into two blocks: The testimonials block and the clients block.
Create Page
– Add new page then insert the following Shortcode into the page content.
[onepage_testimonials] [onepage_clients]
Create Menu
– Add the Team page and add the following Class to the menu item:
clients style-2
– You can change the following text “We’re Trusted by Over 20,000 Handsome Customers.” under the Page Title in the Section title attribute of the menu item.
Contact Section
We have used “Contact Form 7” plugin to build this section. Please follow the instruction below on how to set up a contact section.
Create form
After install the Contact form 7, you can go to the Contact menu and create new form then add the following code to the form content:
[textarea* your-message x4 watermark “Message*”] [submit class:btn class:btn-primary “Everything? Send!”]
Create Page
– Add new page then insert the following code into the page content.
<div class="contact"> <div class="row-fluid"> <div class="info span6"> Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero, a pharetra augue. Duis mollis, est non sit amet dui felis ommodo luctus. Suspendisse in lorem ipsum ut magna pharera aliquet non sodales lorem ipsum belit. Donec sed odio rera aliquet. <div class="row-fluid"><address class="adr span6"><i class="fa fa-map-marker"></i>123 S Main St Los Angeles, CA 90012</address><address class="span6"><span class="phone"><i class="fa fa-user"></i>(415) 124-5678M</span> <a class="mail" href="mailto:[email protected]"><i class="fa fa-envelope"></i>[email protected]</a></address></div> </div> <div class="contact-form span6">[contact-form-7 id="364" title="Contact form 1"]</div> </div> <div class="row-fluid map"><img src="http://localhost/joom/dw_page_1.0.6_quickstart/wp-content/uploads/2012/11/map.jpg" alt="map" /></div> </div>
Create Menu
– Add the Contact page and add the following Class to the menu item:
contact style-1 style-solid-1
– You can change the following text “Thanks for looking. We’d love to hear from you.” under the Contact Title in the Section title attribute of the menu item.
Blog Section
DW Page theme allows you to create a blog page as usual. Here is our instruction on how to build the blog page.
Create Page
– Add new page then insert the following Shortcode into the page content and change the categories slug in the cat””
[onepage_blog numer=" " row="2 " col="4" cat="freelancing,photography,travel" ]
Create Menu
– Add the Contact page and add the following Class to the menu item:
style-1 blog
– You can change the following text “Latest News & Update” under the page Title in the Section title attribute of the menu item.
