While many native WordPress widgets can be used in Brevier’s sidebar or footer, <em>press has designed 4 custom widgets for the Brevier theme. This article reviews those widgets, and how to implement them.
The four custom Brevier widgets are:
- Brevier: About Widget
- Brevier: Featured Posts
- Brevier: Shop Widget
- Brevier: Topics Widget
WHERE TO FIND THESE WIDGETS
You can customize your widgets by going to Appearance > Customize > Widgets. Then, click Sidebar > Add A Widget. A full list of all widgets available to you will appear in a flyout menu. These are listed alphabetically, so you should see the Brevier: widgets near the top.
Note: For the purposes of this article, we’ll focus primarily on how the widgets look and work within the sidebar (which assumes you have it enabled; click here for more info on how to turn Brevier’s sidebar on and off).
Here is a short video showing you how to access widgets for the Sidebar menu:
ADDING A WIDGET
To add a custom Brevier widget to your sidebar, simply click on it. The Customizer will automatically add it to your widgets list on the left. You can drag widgets around to reorder them once they have been added to your Sidebar editor. This video shows you how to do this:
BREVIER: ABOUT WIDGET
This widget looks great at the top of a sidebar, and can feature an image of you to welcome people to your blog. The image for the widget should be sized at 300px wide, or 600px if you have Retina settings enabled on your blog.
You will notice a field named Image Link. This corresponds to where you wish to link the photograph you upload. For example, if you upload a photograph of yourself, it is most intuitive to link this to your blog’s About page.
Links #1 and #2
Below this, you will space for Link Title #1 and Link URL #1 (with Link Title #2 and URL #2 proceeding it). These correspond to small links you can place below your photograph. Get creative here! You can link this to your About page, a Shop page, a Contact page, Subscribe page, really anything! They can also be linked externally, if you’d prefer to add an additional push to Instagram, or a portfolio that lives on another website.
Pro Tip: The About widget doesn’t have to be used JUST for About related content. Consider it as just another way to feature an image and two links related to any content you choose. For example, you could apply a second iteration of the About widget further down your sidebar, and use it to feature a particular outfit photo, with calls to action to view your outfit posts, or an external platform such as Instagram or LiketoKnow.it!
This graphic shows you where each link corresponds to:
BREVIER: FEATURED POSTS WIDGET
This widget features a set number of posts from any category you choose. You can also edit the title at the top of the widget to reflect the type of content you’re featuring.
Use the title field to change the title. Some good examples of titles are things like “Featured Posts,” “Trending Now,” “Reader Favorites,” “Popular Posts,” “From the Archives,” or even seasonal titles such as “Holiday Gift Guides,” or “#NSale Favorites.” How can you ensure the posts that are featured are specifically related to a title? We’ll get to that in a sec!
Use the Featured Category dropdown menu to select which category you would like your widget to pull from.
Pro Tip: If you want control over which posts are shown here regardless of what category they are a part of, we recommend creating a Featured category for your blog. Once created, assign your new Featured category to a few individual posts, in addition to any other category you wish for them to be a part of. This way, if you select Featured as your category with this widget (as pictured above), any posts labeled with the Featured category would appear here! You can add or remove the Featured category from any published posts as you wish, giving you a ton of control over the content that goes here. This is especially useful if you want to feature older content from a particular category, or seasonal content that’s relevant in the here and now.
Finally, use Number of posts to show to designate how many tiles should appear in this feature. We think 3 is a great place to start, and probably would not recommend more than 5.
BREVIER: SHOP WIDGET
The Shop widget was created to help you leverage affiliate links in your sidebar. You can upload any image you wish, then create calls to action based on the product or what you want users to do.
The title field allows you to add a title above the widget image. Examples include “Recent Obsession:” or “Lust List:” or “Shop My Faves.” If you leave this field blank, it (and the border above it) will disappear. See Pro Tip below for how to take advantage of this!
Images should be uploaded at 300px in width, with 600px in with if you are optimizing images for Retina displays. The height is variable, so feel free to customize the height based on the product or photograph you are uploading! If you are uploading a picture of a product, we find leaving some white space around the item will look cleanest on your sidebar.
Use this field to attach a URL to the image, so that if users click on the image (which many will naturally do), the image directs them to the product in the photo. If you have an affiliate link for the product you are featuring, this is a great place to drop it in.
Shop Link Title
While the name of this field is Shop Link Title, you can actually use it for any text you wish to feature. A call to action, such as “Shop More Finds” can work great, but you could also specifically list out the product you’ve featured (e.g., “Gabrielle Perfume, $138”). Even using a title such as “Shop my Instagrams” can work! Since the field is fully editable, it’s up to you to decide what to put here!
This link corresponds to the Shop Link Title, as described above. Drop in the link that corresponds with the call to action you have written, whether that is an affiliate link to the product, or a link to another page on your blog.
Pro Tip: You can add multiple Brevier: Shop Widgets in sequence and leave the title blank on all but the first to create a string of featured products in your sidebar. Voilà! Insta-sidebar shop!
BREVIER: TOPICS WIDGET
This widget gives you a ton of control over visuals and links you feature on your sidebar. Use it to upload custom images and write specific calls to action to encourage users to visit different pages on your site, external pages, or individual posts.
Images should be uploaded at 300px in width, or 600px in width if you are optimizing images for Retina displays. While the height is variable, we recommend you select a constant height for all the images you upload to this widget, so it looks clean and cohesive. If you want the images to be square, the height should be 300px, or 600px if you are optimizing for Retina displays.
This field corresponds to the title that will be laid over the image. Keep in mind that while the text is built to naturally wrap, titles that are extremely long will overwhelm the image. Try to be clear, but concise.
For this field, input the target link you wish to direct users to once they click on the image. Easy!
Pro Tip: The Topics widget naturally loads with space for two thumbnails. Once you edit the second one, space for a third will automatically load beneath. You can upload as many thumbnails as you wish, but we think 3-5 is an appropriate number!