Homepage & menu setup

Setting your homepage

To set up your homepage, you first have to create a basic page, or any page template(about page templates later). After you decide what page do you want to use, go to Settings > Reading and in the Front page displays choose A static page, then select your just created page.

Also, please don’t select anything for your Posts page, otherwise your blog will not work!

Next, you should setup your permalinks to look pretty. Please go to Settings > Permalinks, choose the Custom Structure, and use this:  /%category%/%postname%/

READ THIS about permalinks on Windows Servers!

Setting your menu

For creating your main menu, go to  Appearance > Menus and you will see a panel where you can create new menus. Create one, add your created pages to it (from the left side panels) and save it. After this, in the left side you have a drop down box where you can select the Primary Navigation. Choose your newly created menu, hit “Save” and you’re all set.

Portfolio menu (filters)

To add the portfolio categories as filters to the menu is really easy. After you create projects and categories and you see them working, you can go in the Menu editor and add the Portfolio page to the menu as a parent. Then, you should add all portfolio categories as children under the main portfolio page. In the end, in order to add the all filter, you need to insert a link (it can be anything, so you could just use a hashtag #) and put it at the top and change it’s Title Attribute to all.

 Make sure that all the categories which you put in the menu have at least one item in the portfolio grid. Otherwise, the grid won’t work. Don’t add all categories in the menu if you will not use them.

If you don’t see the portfolio categories, make sure you make the visible from the Screen Options!

However, if you have a large portfolio and use the pagination heavily and don’t want animated filters (because they have the downside of not displaying projects that are on other pages), the theme allows you to create custom menu filters using the ?filter key.

Let’s take a practical example. You are using a portfolio page with pagination, which can be found at this URL: http://yourwebsite.com/portfolio/. You should create menu links with absolute URLs to the inner categories, using the key above. With this in mind, you could create several menu items, linking to:

Your filters will be the categories slugs (not names or ids). And so, you can get rid of the animated filters and have dedicated category pages which work well with pagination.

Coming back to the animated filters, this is how your menu should be created and structure (att! animated, not dedicated as explained above - this is the default menu that you saw in the online preview):

Menu icons

To setup menu icons you need to first activate the CSS Classes from the Screen Options (refer to above screenshot - you can see the CSS Classes toggle there). After the classes are toggled, inside each menu item you will get a CSS Classes box. Remember that classes are only available for first level menu items.

To see the available classes please check out this link:  http://krownthemes.com/wp-content/themes/huge/font/fontello-3691309b/demo.html

You need to add krown- before each class name. For example, if you want to use the first icon from that list, the menu class should be: krown-icon-case

UP NEXT: Adding posts