Shimmer – Widget areas

Post Slider

Hero Image

Announcement

Header Social Media Icons

Primary Sidebar

About & Contact Page Icons

Before Footer

Footer Widgets


Post Slider

Post slider widget area is for Angie Makes post slider widget. If you want to use post slider above the blog content drag Angie Makes post slider widget in this area and enter the settings as followed;


Hero Image


This area is for an image widget and a custom HTML widget overlay. First add an image widget and make sure your image is at least 1920px wide and 850px long.

Set the image size as full size.

Secondly add a custom HTML widget. Copy and paste the following code to your text widget. Change the details for your needs. Make sure you don’t accidentally delete classes and brackets. Replace the hashtag with your own link.

<h3>A minimal WordPress blog theme</h3>
<p>Shimmer is for the entrepreneurs who sees blogging
as an integral part of their business!</p>
<p><a class="shim-button" href="#">See the Features</a></p>


Announcement

Announcement section is where you can display your important announcements site-wide. When enabled, announcement bar will be visible on all pages, posts and home page. To make it visible drag a custom HTML widget to Announcement widget area. Write your text in the title area. To display the button in this area copy and paste the following code into content area. Change the hashtag with your own link.

<a class="shim-button" href="#">Learn More</a>


Header Social Media Icons


This section is shown at the top bar of the website alongside with the announcement bar. To add your social media icons, add a custom HTML widget to Header Social Media Icons widget area, copy and paste the following code to the widget. Change the hashtags to your own social media links.

<ul class="shim-soc-icon">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a><li>
<li><a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a><li>
<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a><li>
</ul>


If you don’t need an icon from the following code, simply delete the line of that icon. A line of icon is as following;

<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>

To add a different icon to your social media links go to FontAwesome website. Choose your icon. Click on it.


Copy the icon code and replace it in your text widget. An icon link should look like below;

<i class="fa fa-facebook" aria-hidden="true"></i>

Primary Sidebar

Primary Sidebar section is to display your content in the blog sidebar. At a glance Shimmer theme supported primary sidebar widgets looks like this;

In order, primary sidebar widget settings are as follows;

  • Add an image widget for displaying author profile image. Set your image size as full size.
  • Add a text image for author bio.
  • Add a custom HTML widget to show your social media icons. Write a title in the title section. Copy and paste the Shimmer social media icon html code from the Header Social Media section above. Modify your links and icons as instructed in Header Social Media section.
  • Add search widget to display a search box on the sidebar.
  • Add recent posts widget to display your most recent posts on the sidebar.
  • Add WP subscribe widget to collect emails from your readers and followers.
  • Add Instagram widget to sidebar in order to display your latest Instagram posts. Enter your Instagram user name in the settings of this widget.
  • Add archive widget to sidebar if you want to display your content in years.
  • Add categories widget to sidebar if you want to display the available categories in your blog.
  • Add tag cloud widget to sidebar if you want to display the available tags in your blog.

About & Contact Page Icons


This section adds vertical social media icons to Shimmer contact and about pages. To show these icons drag a custom HTML widget in this area. Copy the following social media icon html codes from below, and paste it in the widget. Replace the hashtags with your own social media links. The title of this widget will be displayed vertically in the about and contact pages alongside with icons.
If you want to add or remove icons to this section follow the detailed instructions at Header Social Media Icons section.

<ul class="shim-soc-icon">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a><li>
<li><a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a><li>
<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a><li>
</ul>


Before Footer

This section adds one of the following widgets right before the footer. These widgets will be visible on all pages, posts and home page.

  • Add Instagram widget: This section allows you to add your latest 4 Instagram photos. Title of this widget will be displayed vertically on the right side of the widget.

  • Add WP subscribe widget: You can add a newsletter subscriber widget in this area. Footer text of this widget will be displayed vertically on the right side of the widget.


Footer Widgets

You can add custom menu, text, custom HTML, search, social media icons and Instagram widgets in these areas.

Join

our newsletter for sale news, updates, and blogging tips & tricks.

Thank you for subscribing.

Something went wrong.