10th Feb '23
/
0 comments

Voting System in Bricks using WP ULike

Voting System in Bricks using WP ULike

Updated on 16 Feb 2023

This Pro tutorial provides the steps to add upvote and downvote buttons using WP ULike Pro for posts output via Bricks' Query Loop and order the posts by the number of upvotes first and then by published date.

Note

The steps in this article will also work with the templates in the free version. Voting-style templates are available only in the Pro version though.

Step 1

Install and activate WP ULike and WP ULike Pro.

Go to ULike → Configuration → Content Types → Posts.

Select the StackVotings template. See this page for a live demo of this template.

If you'd like the voting buttons to not automatically appear near the bottom of your single posts, set "Automatic display" to OFF.

By default, voting is enabled for everyone incl. non logged-in visitors. If you'd like to restrict this to only the users that are logged in, set "Only logged in users" to ON.

Step 2

Edit your posts list Template or Page with Bricks.

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Tagged:
Bricks
bricks/posts/query_vars
Filters
Plugins
Pro
WP ULike

Sridhar Katakam

Sridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.

Get access to all 610 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

How to create filters with IsotopeJS in Bricks (Part 2): Dynamic Image Galleries

How to create filters with IsotopeJS in Bricks (Part 2): Dynamic Image Galleries

This tutorial series will review how to create a dynamic filterable image gallery using the IsotopeJS library‘s features in Bricks. Requirements Create a custom taxonomy for your…
Read more →
Categories: Bricks, Free, Plugins
Tags: Filters, Image Gallery, Isotope
How to Exclude Elements from Bricks Editor

How to Exclude Elements from Bricks Editor

Bricks has a handy bricks/builder/elements filter using which the available elements that show up after clicking + (or ⌃/⌘ + ⇧ + E) in the…
Read more →
Categories: Bricks, Free
Tags: Filters
Pro
Conditionally Excluding Elements from Bricks Editor

Conditionally Excluding Elements from Bricks Editor

In the past, we shared How to Exclude Elements from Bricks Editor. This Pro tutorial shows how specific elements can be excluded selectively based on…
Read more →
Categories: Bricks, Pro
Tags: bricks/builder/elements, Filters
How to hide/remove the Block Element from the Bricks Builder

How to hide/remove the Block Element from the Bricks Builder

Don't like the new Block element in Bricks? Just copy/paste the following code into your child theme's functions.php. By the way, It's a terrible idea…
Read more →
Categories: Bricks, Free
Tags: Filters
Pro
ACF Relationship Select Filter in Bricks

ACF Relationship Select Filter in Bricks

In the BricksLabs Facebook group, a user asks: I'm learning about ACF relationships and attempting to output a list of posts on any given page,…
Read more →
Categories: Bricks, Plugins, Pro
Tags: ACF, Filters, Relationship