Aurelius – more adjustments

Before we can begin the conversion of the HTML template into a WordPress theme, we need to do some more adjustments to our AureliusWP theme code. The Aurelius HTML template has 5 pages listed in the main navigation menu: Home, About, Portfolio, Blog and Contact Us. We need to set up these pages within WordPress.

To set up the pages, login to localhost and then:

  • To add the Home page, click on Pages, then on ‘Add new’, on the title line, enter ‘Home’, add some dummy content, and enter ‘1’ in the Order field under Page Attributes on the right side of the screen, and then click on Publish to create the page.
  • Since the About page already exists, click on Edit to update the Order field in Page Attributes to ‘2’, then click on Update to save your changes.
  • To add the Portfolio page, click on ‘Add new’, on the title line, enter ‘Portfolio’, add some dummy content, and enter ‘3’ in the Order field under Page Attributes on the right side of the screen, and then click on Publish to create the page.
  • To add the Blog page, click on ‘Add new’, on the title line, enter ‘Blog’, but do NOT add content and enter ‘4’ in the Order field under Page Attributes on the right side of the screen, and then click on Publish to create the page.
  • To add the Contact Us page, click on ‘Add new’, on the title line, enter ‘Contact Us’, add some dummy content and enter ‘5’ in the Order field under Page Attributes on the right side of the screen, and then click on Publish to create the page.
  • This completes set up of the pages for the main navigation menu for the web site

One last step to do before we start is to click on Settings, then on Reading, and then click on the button for ‘A static page’ and enter ‘Home’ for Front page and ‘Blog’ for Post page, and then save your changes. Changing this setting tells WordPress that Posts will be displayed on the the Blog page and that the home page is static content. The default template file which displays Posts is ‘index.php’ and the default template file which displays Pages is ‘page.php’.

Next time, I will be taking a very close look at the HTML template and how the layout and details affect how we build a page within WordPress. Stay tuned…

Any comments or feedback?

Advertisements
This entry was posted in Aurelius. Bookmark the permalink.