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
- Log in to your WordPress dashboard. This can be found at yourdomain.com/wp-admin
- Go to Appearance -> Themes and click on the Install Themes tab.
- Click on the Upload link.
- Upload the zip file that you downloaded and click Install Now.
- Click Activate.
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
Visit Pages -> Add new and create a new page called Homepage or any other relevant term.
In this page, insert an Horizontal Gallery.
(Optional) Go to Appearance -> Widgets and drag widgets to any of the three widget areas. In the demo we are using Text widgets.
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
Create several Portfolio Posts by going to Portfolio -> Add New.
Create a Portfolio page using the Default Portfolio Template. You only have to enter the Title and choose the page template.
Blog page
Create a page and call it "Blog" or any other relevant term. This will be used to show your normal posts.
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.
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:
- Thumbnail Grid
- Tiled Mosaic
- Square Tiles
- Circles
- Tiled Columns
- Masonry Gallery
- Lightbox Slidehow
There gallery layout options appear in the right-side of the Gallery Editor after you're selected your images.
Menus
To learn how to use Menus, please see this video.
This theme supports three menu locations:
- Primary Menu (in header)
- Top Menu (centered in header)
- Social Menu (in footer above the credits)
Here is how we recommend you setup your menus:
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.
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.
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