Tuesday, September 24, 2013

Creating The First Page In Word Press Guide

WordPress produces two main types of content posts and pages and while they displayed differently on the web and have different attributes in the back-end there not all that different a good way to figure out whether or not you want a specific content
to be a post or page is to think about it is this something I want to appear in the main menu if it is something that appears in the main menu it's more likely to be a page than a post this is the main difference.

 if you look at the standard layout for this tutorial website to see we have two buttons on the main menu home which points to the blog and then about which points to a paint so if you want to add   something like a contact page for instance you want it to appear on the main menu and that's a good indication that it should be a page.

 Creating a page is pretty much identical to creating a post go to your dashboard and you can click on the drop down menu here and select new page or you can go to pages drop it down and click add new when you get to the add new page or page editor you will see its almost identical to the post editor with a few differences.

First give the title will be contact me in then type your mail addresses inside the editor if you have a plugin you will only to put the code inside the editor after configure your information in the plugin settings page
before we do anything else  i just want want to bring your attention to one major difference between the page and the  post if you look at the URL for a post you see that the URL is always http://localhost/tutorial/ and then the date and then / and then the name of the post that is because I’m hosting the word press blog on my PC but for you if you have your own domain and website host will be your site name.com/ date/post name or yoursitename.wordpress.com/date/post name if you working on WordPress free host  but with a page you have the same core domain but it only says contact me this is a direct link same goes for the about page which  is just http://localhost/tutorial/about  you can still edit it when you edit it you're still editing it based on that core domain.

 the other major difference is that you have no categories on the site instead you have this thing called Page attributes parents or you can set a parent page.  Below at the bottom you have the discussion box which allows or disallows comments always turn this off for pages and then you have sharing it’s kind of weird if the sharing buttons are there so you need to turn it off too.

Just like with posts you have this published panel and have the exact same functions you set it to draft pending review publish you can set the visibility to public password-protected or private and you can set it to publish immediately or at a certain scheduled time.

when you publish a page  one thing happens that does not happen with your posts if preview your site now you will see  the page appears now on your main menu that's because the only way we ever get to it whereas the post will appear in the stream in the front page , the page will only appear  If you actually click on it which is why automatically gets added to the menu if you click on contact go directly to the contact page and as you can see no comments no sharing buttons  writing a basic page and WordPress is not all that different from writing a post the main difference is and how the page is displayed and how you navigate to it.

The post and WordPress have categories and tags to create taxonomy or organization or sorting, pages are ordered in a basic parent-child system any page can be the parents of any other page and children of pages can have children of their own this makes it easy to create logical relationships between different pages the parent-child relationship is also reflected in the URL of the pages and can be reflected in the menu nesting page relationships  are set in the page attributes tan in the right in the edit page  window

 To know how it work create a new page and set it as a child page of the about page or go to add new button then click new page to created new page name it more information for example now when you publish it  will have by default yoursitename.com/more information that the to make the more information page child of about page go to the page attributes panel and change the parent to about and then click publish you find the URL changed to yoursitename.com/about/more information this shows the parent and child relationship between these two pages.

With parents and child relationship you can create your drop down menu the main page will be the parents  then the menu will have the child pages you also can make child pages parents of new pages
if we go back to the dashboard and click on pages we can change this relationship I can go to click edit and change the parents to main page no parents click update again and when you reload the page will find more information  appears as one the main menu items.

one more important thing here that I'd especially as you can see right now the menu items apart from the home button are organized based on alphabetical order that means about page appears before the contact page which again the appears before the more information page.

but If you want to change the contact page to appear at the very end that you will find function called order you can set the order of your page and there's a better option for doing this in so I just want to show you how it works if I want contacted appear at the end and I know that old pages by default are set to zero go to to contact quick edit and change order to 10 is a much higher number and after clicking  update and reload the front page within a contact now appears in the end of page menu creating logical structures for your pages using parent-child relationships can make it much easier for your visitors to navigate your content is also a great way to create intuitive URLs for your pages.

One of the things that set the page apart from a post is the ability to natively change the template of certain pages to make them look different from the rest this can be done to create a custom front page the contact page or a multitude of other options whether you can use page templates are not depends on the current theme you're using some themes have multiple page templates while others don't the standard 2010 theme has to page templates default in one column on sidebar.

Changing the page template is an easy but important trick that can help you visually identify certain pages as different from other pages, there's no guarantee you'll find a layout you like you can always create custom page templates of your own but this can only be done if you have a self-hosted WordPress site.