Categories

PRO templates. How to add a new page and a menu item

Jason Bentley September 28, 2012
Rating: 5.0/5. From 1 vote.
Please wait...

Hello, this tutorial will show you how to add a new page to the PRO template.

A newly created tutorial will be a good guidance for those who fail to create a new page in PRO websites.

PRO templates. How to add a new page and a menu item
  1. In the template package you can see the blank.html file that can be used to add a new page:

  2. PRO_website.How_to_add_new_page_in_PRO_website-1
  3. Open the file with your editor to add page content. As you can see, it already contains all the necessary styles and scripts included, so you can concentrate on adding the page content:

  4. PRO_website.How_to_add_new_page_in_PRO_website-2
  5. Let’s copy header and footer from other pages:

  6. PRO_website.How_to_add_new_page_in_PRO_website-3
  7. Now we’ll add a new menu item and make it active for the current page:

  8. Edit main-menu list in the page header to add a new item.

    Use class=”current” for the list item to make the button active for the current page:

    PRO_website.How_to_add_new_page_in_PRO_website-4
  9. Now let’s add a content layout and a gallery:

  10. PRO_website.How_to_add_new_page_in_PRO_website-5
  11. Working with the gallery you’ll need to add your big images and thumbnails:

  12. PRO_website.How_to_add_new_page_in_PRO_website-6
  13. Template package contains a collection of stock images so you can use them for your gallery:

  14. PRO_website.How_to_add_new_page_in_PRO_website-7
  15. Replace “Banner content” with your text to create your image captions:

  16. PRO_website.How_to_add_new_page_in_PRO_website-8
  17. Duplicate list items for the big images and thumbnails to add more items to your gallery.

  18. Using the typography page styles let’s add a new title to our page:

  19. PRO_website.How_to_add_new_page_in_PRO_website-9
  20. Thank you for watching this tutorial. Now you know how to add a new page to the PRO template:

  21. PRO_website.How_to_add_new_page_in_PRO_website-10

Feel free to check the detailed video tutorial below:

PRO templates. How to add a new page and a menu item

If you’re looking for a professional template to build a website, check out our rich collection of business premium wordpress themes.

This entry was posted in JS Animated tutorials and tagged add, page, pro, website. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket