Sider Instructions

Theme Instructions

Sider

Sider is a clean, minimalist portfolio theme with a horizontal slider gallery layout. Use this theme for your unique portfolio feature, blog, or online store.

Installation

  1. Log in to your WordPress dashboard. This can be found at yourdomain.com/wp-admin
  2. Go to Appearance -> Themes and click on the Install Themes tab.
  3. Click on the Upload link.
  4. Upload the zip file that you downloaded and click Install Now.
  5. Click Activate.

Installing yoru theme - Step 1 Installing yoru theme - Step 2 Installing yoru theme - Step 3

Recommended Plugins

JetPack

The JetPack plugin is required in order to fully utilize the features of this theme. Key JetPack-supported features include: JetPack Custom Post Type Portfolio, Tiled Galleries, Site Logo, and Infinite Scroll.

Sell Media

The Sell Media plugin is recommended if you want to show your products on the homepage, like in the demo. Sell Media allows you to sell photos, prints and downloads directly from your WordPress website.

Demo Content

Optional: You can download a demo content file here that you can import in Tools -> Import. In many cases just importing the demo content will not work since you will also have to make some manual configurations. Please go through this documentation to fully understand how the theme works in order to customize it to fit your needs.

Setting Up Homepage Like The Demo

Install Jetpack

Please refer to Jetpack's offical documentation for installation instructions. Once Jetpack is installed and active:

  • Visit JetPack -> Settings and activate Tiled Galleries.

Set the homepage

  1. Visit Pages -> Add new and create a new page called Homepage or any other relevant term. Sider homepage 01

  2. In this page, insert an Horizontal Gallery. Sider homepage 02 Sider homepage 03 Sider homepage 04

  3. (Optional) Go to Appearance -> Widgets and drag widgets to any of the three widget areas. In the demo we are using Text widgets. Sider Widgets

  4. Go to Settings -> Reading. Under the Front Page Displays option, select a static page option. Then, select your Homepage page as Front page.

Setting up the rest of the site

Portfolio page

  1. Create several Portfolio Posts by going to Portfolio -> Add New.

  2. Create a Portfolio page using the Default Portfolio Template. You only have to enter the Title and choose the page template.

Sider Portfolio Page Template

Blog page

  1. Create a page and call it "Blog" or any other relevant term. This will be used to show your normal posts.

  2. Go to Settings -> Reading. Under the Front Page Displays option, select a static page option. Then, select your Homepage page as Front page and your Blog page as Posts page.

Shutterbox Blog Page Shutterbox Reading Settings Now, you should have a homepage that looks like the demo, and a Blog page with normal posts. You can also add the Blog page in the menu for easy access.

If you don't want to use JetPack to show portfolios, you can simply create a page and insert a gallery of images.

Gallery Layouts

If you have JetPack enabled, you'll have 7 different gallery layouts to select from including:

  1. Thumbnail Grid
  2. Tiled Mosaic
  3. Square Tiles
  4. Circles
  5. Tiled Columns
  6. Masonry Gallery
  7. Lightbox Slidehow

There gallery layout options appear in the right-side of the Gallery Editor after you're selected your images. Jetpack Gallery Types

Menus

To learn how to use Menus, please see this video.

This theme supports three menu locations:

  1. Primary Menu (in header)
  2. Top Menu (centered in header)
  3. Social Menu (in footer above the credits) Sider menus

Here is how we recommend you setup your menus:

  1. To Top Menu does not support submenus. It also keeps all links visible in mobile screens so only use it only for the most important pages and sections on your website.

  2. Use the Primary menu for all other links on your site. If you want you can rely solely in this menu and not use the Top Menu at all.

  3. Use the Social menu for social media links. Give each link a name and paste the urls to your social media websites. The theme will automatically convert the link to an icon for these sites: WordPress, Facebook, Twitter, Dribbble, Google Plus, Pinterest, Github, Tumblr, Youtube, Flickr, Vimeo, Instagram, Codepen and LinkedIn.

Featured Images

If you are using the Portfolio Content Type from JetPack as we recommend, you will want to make sure to set a Featured Image for all entries.

Changelog

1.0 - March 20 2016 - Initial release

Credits

Based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc., GPLv2 or later

normalize.css http://necolas.github.io/normalize.css/, (C) 2012-2015 Nicolas Gallagher and Jonathan Neal, MIT