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 allportfolio.

The same as above will apply to other post types (regular posts or galleries). The difference is in the Title Attribute which will either be allblog (for all blog posts menu item) or allgallery (for all galleries menu item).

 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!

The picture below illustrates everything perfectly:

This picture shows the same thing as above but for galleries:

Another really cool thing related to the portfolio items, is that 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.

UP NEXT: Adding posts