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

Get access to all 610 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Bricks single mode – Limiting the number of posts to 1 in the editor

Bricks single mode – Limiting the number of posts to 1 in the editor

Creating a "Single Mode" for Bricks query loops to make sure only one post is rendered in the builder.
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…
Pro
Display 3 Category-related Posts and Supplement with the Latest Published Posts if Necessary

Display 3 Category-related Posts and Supplement with the Latest Published Posts if Necessary

In the Bricks Facebook group a user asks: Show latest 3 related posts based on category and IF THERE ARE NOT ENOUGH, fill the empty…
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…
Categories:
Tags: