How to Make and Style WordPress Sticky Post?

How to Make and Style WordPress Sticky Post?

Often times, the newest posts are placed at the top of your WordPress blog, and the existing articles will be pushed down by every new entry. Thankfully, you can make sticky posts and keep displaying the most important articles first since the WordPress 2.7 release.

In this guide, we will discuss how to make and style your WordPress sticky posts to deliver a better blogging experience. In case you don’t understand what a sticky post is before, we’d like to give a quick definition to it as follows.

What Is a WordPress Sticky Post?

Simply put, a sticky post is such a blog post that always appears at the top of your main archive page even if new posts are published. This feature is firstly introduced in WordPress 2.7 version, and it is only available for the inbuilt post types rather than custom post types. This type of post is somewhat similar to featured post, and it is extremely helpful in keeping your audiences engaged and boosting your site traffic.

What Is Sticky Post

Creating sticky posts is a great way to welcome your readers with a specific post/article. But you would better limit yourself to one or two sticky posts as too many sticky posts will not help your site much and even drive away readers in some cases. As this sticky post feature is a standard part of your WordPress site, and you can locate and enable it easily by referring to the following steps.

How to Enable the Sticky Post Feature in WordPress?

To begin, log onto the WordPress dashboard and go directly to “Posts” > “Add New”. Just create a new post as you normally do and then bring mouse over this “Publish” check box as below. There is an option to password protect your posts inside this “Visibility” menu, and you should enter “Public” section to check the bracketed option. If done, hit “Publish” button and this post will show up at the top of your front page.

Enable Sticky Post Feature

It’s also possible to make an existing post sticky by following the same steps as above. Meanwhile, the “Quick Edit” option also lets you create a sticky post via the aforementioned “Publish” meta box. To stop the “Sticky” feature, just revert back to that post and uncheck the option saying “Stick This Post to the Front Page” there. Note that, your post will be re-ordered by the publish date instead of the current sticky status.

Quick Edit Your Post

How to Style Your Sticky Posts in WordPress?

The inbuilt sticky post feature won’t change the styling of your post by default, but there are multiple ways to style the appearance of your sticky post. According to this WordPress Codex page, the post_class() function can be used to modify your sticky posts’ background color, category, tag and many other values. To configure the border and padding width of a sticky post, just refer to the following code.

.category-sticky {
    border: 3px solid #E6E6E6;
    background: #D92B2B;
    padding: 15px;
}

Notes: If you are unsure about the blog’s (background) color hex codes and don’t want to look for theme’s CSS stylesheet, just use a Google Chrome extension named as ColorPick Eyedropper to check the exact colors that you are using. Once this tool is added to your Chrome, a new icon will show up on the upper-right toolbar. This will automatically generate a hex code that can be applied to the above code.

About Colorpick Eyedropper

How About Using a Handy WordPress Plugin?

Obviously, the above method requires basic CSS and WordPress theme knowledge, but you can take advantage of a plugin to perform that task. In this example, we suggest using this Category Sticky Post plugin to display sticky posts in categories. With over 6,000 active installs, this plugin is compatible up to WordPress 4.3 version. Above all, it is non-commercial and can be downloaded via the following link:

Free Download: https://wordpress.org/plugins/category-sticky-post/

About Category Sticky Post

As this WP plugin has no configuration settings, and you can notice a new “Category Sticky” meta box once it’s installed and activated. As shown, this menu appears under the “Publish” box and includes a drop-down menu by which you can select a preferred category there. This helps to showcase the most valuable and original ideas from the high volume content.

Choose Sticky Post Category

Note also that, this “Category Sticky” box is available on each of your post editor pages, but it only permits you to stick one single post per category. Although there are no additional customization choices, this plugin can provide light styling that will look good on most themes. Plus, it is fully localized and always ready for translation.

Hide Sticky Post Border

It’s at your option to hide the “Sticky Post” border, and this plugin can be deactivated right from the “Installed Plugins” page. As shown, those personalized WordPress custom fields also help to add spicy to your sticky posts, and there is no strict limits on the number of your custom fields.