The version 1.1 of the WordPress Starter Theme brings some cool and useful novelties.
Important update Notice
Version 1.1 brings new features and if you already work on projects with the previous version of the Starter theme (V1.0), the only way to import the new components in your project is to create a new Starter Theme project with v1.1 and copy / paste the relevant bits to your old project.
If you start a new project from scratch, you will be able to use the new features immediately.
How to install the new version?
The recommended way is to overwrite the previous version of the Starter Theme and restart Pinegrow.
New Slider component
We introduce the highly anticipated Slider component.
The slider component uses Bootstrap carousel and it can be deeply customized from the lib.html page of any Starter Theme project. It displays the featured images AND excerpts from the last 10 posts of the Home Slider category.
All the slider settings including the default delay between each slide can be changed from the PROP panel in Pinegrow.
In WordPress, Home Slider category must be created and posts added to that category.
Posts must have a featured image and an excerpt.
The loop settings can be modified (category to target, number of posts ….) from the WP panel in Pinegrow.
Important: There are 2 loops with the exact same settings for the Slider component. One for the Carousel indicators (List items), and one for the Carousel slides. So if you make a change, you have to make the edit on both loops.
The Bootstrap Carousel component which powers the Starter Theme slider is generally not compliant with accessibility standards. If you need to be compliant, please consider other options for presenting your content.
Bootstrap exclusively uses CSS3 for its animations, but Internet Explorer 8 & 9 don’t support the necessary CSS properties. Thus, there are no slide transition animations when using these browsers.
IMPORTANT: While you can use the slider component everywhere in your templates, it is advised to prevent the display of sliders on mobile views under 480px. You can create specific media queries to handle the situation.
Pro Tip: The easiest way to replace the default static header with the Home Slider is to select the Jumbotron element in the header and then, from the LIB panel, right-click on the Home Slider component and click -> Make selected instance of Home Slider.
We love JetPack because its a versatile and easy to use plugin but also because its from Automattic the maker of WordPress so we feel confidents with the quality!
With JetPack, you can activate Portfolio and Testimonials Custom Content Types and while we already had several related templates in the Starter Theme, the “archive display” of tags and project types were missing. It’s fixed now and you can offer both views to your users.
- taxonomy-jetpack-portfolio-tag.html : This template will allow you to add an archive of the tags from your Portfolio projects.
- taxonomy-jetpack-portfolio-type.html : This template will allow you to add an archive of the project types from your Portfolio.
New Master Page template
sliderheader.html is a master page template that you can use to replace the standard index.html HEADER and FOOTER.
- From any template, in WordPress site settings define Use master page to sliderheader.html to use it.
- Save your page and then, use WordPress > Apply master page to import the new header/footer into your template.
IMPORTANT: You must add this template to your project before adding the page-slider.html template (which uses it).
New custom page templates
page-slider.html is a custom page template which uses sliderheader.html as its master page.
You can select that template from any page in WordPress under the Page Attributes > Template metabox.
The WordPress functionality plugin is the perfect way to add features and sometimes, workarounds for touchy situations. For the V1.1, we address 2 very useful cases.
Important: If you have already modified the Functionality plugin from v1.0 with your own snippets, you can just copy the new sections from v1.1.
Add Custom Post Types to Tags and Categories in WordPress
Because out of the box, WordPress does not automatically take your newly created custom post types and add them to the archive pages for existing taxonomies ‘categories’ or ‘tags.’ we provide you with a fancy solution.
Remove Jetpack Sharing Buttons from Excerpts
We are pretty sure that you don’t want JetPack social sharing buttons to appear in your sliders (if you have activated the feature). So here is the workaround!
We have removed unnecessary elements from the Enqueue scripts and Enqueue styles sections in the default functions.php file.
Last updated on July 3, 2016 at 1:17 pm