Using the Featured Content option, you can display your best four posts on the blog page along with your latest three portfolio items. You can also add optional sidebar and footer widgets as well as Portfolio and Blog section titles.
Below are steps on how to set up the theme’s different features.
- Featured Content
- Portfolio Section & Section Title
- Site Logo
- Social Media Menu
- Sidebar & Footer Wigets
- Image Animation
- Drop Caps
- Sub Headings
- Overhanging Images
Featured Content
Perle allows you to highlight up to four Featured Content. Here’s how to set it up:
- Go to Appearance → Customize.
- From the Featured Content section, set a tag name for your Featured posts.
- Then hit Save & Publish.
- Add the featured content tag to the posts you wish to highlight.
And you’re done!
Portfolio Section & Section Title
Perle lets you showcase your three latest Portfolio items directly on the blog. Simply create your post and they’ll display on your blog page.
If you’d rather not show them, you can easily hide this from the theme’s Customizer.
You can also set a title for the Portfolio and Blog Section.
Site Logo
Perle lets you customize your site even further by letting you upload your very own Site Logo from the Customizer’s Site Identity panel.
Social Media Menu
Set up is as simple as creating a Social Links Menu. Find out how to do that here.
Simply add your social media link (ex:http://facebook.com/my-awesome-page) as a custom link to your menu and the icon will appear.
Perle has 21 different social media icons for you to choose from. They include:
- Behance
- Bitbucket
- Contact page
- Dribbble
- Dropbox
- Flickr
- Github
- Google +
- Snapchat
- Soundcloud
- Spotify
- Stumbleupon
- Twitch.tv
- Tumblr
- Vimeo
- Vine
- WordPress
- YouTube
Sidebar & Footer Widgets
Sidebar
With Perle adding a sidebar to your main post or archive page is as simple as adding a widget in the Customizer‘s Widgets panel. The layout will automatically adjust from a three-column grid layout to a two-column grid layout with sidebar.
And the result will be:
Footer Widgets
With Perle, you can add widgets to your site’s footer. Simply drop your widgets in and the layout will automatically get set to a three-column layout.
Image Animation
From the HTML Editor, simply add an “animate”
class to your <img alt="" />
tag. Here’s what that will look like:
<img class="animate size-full wp-image-83" alt="" />
And the result will be:
Drop Caps
From the HTML Editor, wrap your first paragraph with a <p>
tag and add class="drop-cap"
to it. The first letter will automatically get transformed into a drop cap.
Here’s a visual example:
<p class="drop-cap">Your awesome paragraph</p>
And the result will be:
Sub Headings
From the HTML Editor, wrap your first paragraph with the <p>
tag and add “sub-heading”
class to it. Here’s what it’ll look like:
<p class="sub-heading">Your awesome introduction paragraph</p>
And the result:
Overhanging Images
Also from the HTML Editor, simply add an “extra-wide-image”
class to your <img alt="" />
tag. Here’s what that will look like:
<img class="extra-wide-image size-full wp-image-83" alt="" />
And the result will be:
If you’re having trouble with anything, you can also ask a question on Perle‘s support forum.