Canvas Magazine Page Template and Magazine Image Slider Setup
We’ve made it to part 3 in our series on how to build a professional magazine style site with WordPress and the Canvas theme. WooThemes is the creator of Canvas and to date, it’s their most flexible and easy to customize theme. Our focus in this tutorial series is on the Canvas Magazine template functionality which we’ll continue to build on. It’s also important to note that the Canvas theme has the ability to function as a business style site, a portfolio style site, a straight up blog style site or a mix of all of them. Towards the conclusion of this Canvas theme tutorial series, we’ll touch on the Business and Portfolio templates so stay tuned for that.
The focus of this tutorial is on setting up the Canvas Magazine template and the magazine featured image slider. In the first video below we’ll show you how to create the magazine page template and set it up so that it acts as the home page of your site. In the second video we’ll show you how to configure the general settings of the magazine template. Finally, in the third tutorial video we’ll show you how to setup the Canvas Magazine image slider.
Creating the Canvas Theme Magazine Page Template
Follow the steps below to begin the process of transforming Canvas into a magazines style site…
In the WordPress admin go to Pages > Add New > give the page a title of “Magazine” > scroll down the page to the Page Attributes widget on the right-hand-side of the page and in the “Template” drop-down select “Magazine” > Publish the page
Now that you’ve created the Magazine template page the next step is to update your “Reading Settings” so that the Magazine page is set as your Home page…
To set the Magazine template as the sites Home page go to Settings > Reading > change the “Front page displays” settings to “A static page” and in the Front page drop-down select Magazine > Save Changes
The Home page of your site should now be the Magazine template. The video below will demonstrate this process in more detail…
Configuring the Canvas Theme Magazine Template Settings
The home page layout of your site is now set to the magazine template but we still have work to do. Specifically, we need to decide on the overall number of posts to display on the home page. We also need to decide on the number of feature posts to display on the home page. Follow the steps below to configure the magazine template…
In your WordPress admin g0 to Canvas > Theme Options > Magazine Template > Magazine Setup > Set “Number of Posts to Display” to 6 > Save All Changes
Next go to Featured Posts and set the number of Featured Posts to 4 > Save All Changes
Through trial and error, we’ve found that six overall home page posts and four featured posts is a good starting place. However, please keep in mind that you’ll have the ability to change the “Number of Posts to Display” and the “Number of Featured Posts” at any time as your site grows. The video below demonstrates just how easy it is to configure the Canvas Magazine template…
Canvas Magazine Featured Image Slider Setup
It’s now time to setup the Canvas magazine featured image slider. In the WordPress admin we need to first upload our initial featured image slides to their individual posts. After the slides have been uploaded to each post we need to connect them / link them to the magazine Post Slider via the use of “Post Tags”. Follow the steps below to enable the magazine featured image slider…
In the WordPress admin go to Posts > go to the post that you want to upload your first featured slide to and click Edit > scroll down to the Canvas Custom Settings section and click Upload > Use this image > Update Post > repeat this process for each of your featured image posts
Now that the featured image slides have been uploaded to their respective posts, it’s time to tie them together with the Canvas magazine image slider…
Go to Canvas > Theme Options > Magazine Template > Post Slider > check the “Enable Featured Slider” check-box > paste in the Tags used for each post that you uploaded a featured slide to separating each with a comma > set the “Number of Posts to Display” via the drop-down > click Save All Changes
The Canvas magazine image slider should now display on the home page of your site. You have the ability to tweak the functionality of the image slider by updating the “Slider Settings” as shown in the tutorial video below. Spend some time playing around with the slider settings until you find what works best for your Canvas theme site.
Canvas Magazine Template Post Image Slider Notes:
- Post Tags are the key… Post Tags are what tie the featured image slides to the actual Post slider. Post Tags make the magazine image slider show up on the site.
- Recommended Canvas Magazine Image Slider image slide dimensions: 620 x 320
- You can have up to 19 featured image slides
- If you don’t have Photoshop then I recommend using Gimp to create your featured slides. Gimp is an open source (free) image edition program that functions much like Photoshop. Simply Google “Gimp” to download it.