Best Of - Vanilla Success
<main> <article class="userContent"> <p>One of the easiest ways to showcase the best content in your community is the <strong>Best Of</strong> feature. Members of your community vote on the best content, as do your moderation team and staff. You and your staff also have the ability to personally curate the Best Of page through the use of the Promote reaction, which will update the page consistently as new posts are added. If your community is geared towards showing off your users’ best work, you can even make it your community homepage.</p><h2 data-id="how-to-set-up-the-best-of-page">How to set up the Best Of page</h2><p>Best Of is a feature associated to the <a href="https://success.vanillaforums.com/kb/articles/22-reacting-to-content" rel="nofollow noreferrer ugc">Reactions</a> addon, and the Best Of page will be available in your community when that addon is enabled. </p><p>You will also want to take a look at the Advanced Settings for the Reactions addon. This is where you can modify how Best Of is displayed and control how many points it takes to get on the Best Of page. Points are awarded when a member selects a reaction, so you can raise or lower the threshold for content to be displayed on the Best Of page.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/ZFUD2O15QHFZ/reactions-advanced-settings.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/ZFUD2O15QHFZ/reactions-advanced-settings.png" alt="reactions_advanced_settings.png" height="377" width="874" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>Changing the <strong>Promote Threshold </strong>will control how many points are required for a post to display on the Best Of page. By default, it will require 5 points.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/ZC5C8BRO6VX6/promote-threshold.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/ZC5C8BRO6VX6/promote-threshold.png" alt="promote_threshold.png" height="403" width="1022" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>To start, the Best Of page will be blank. Once content is voted on, your Best Of page will start to be populated.</p><h2 data-id="best-of-page-example">Best Of page example</h2><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/VDL2HXJDV4GA/best-of-page-example.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/VDL2HXJDV4GA/best-of-page-example.png" alt="best_of_page_example.png" height="842" width="1367" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="access-the-best-of-page">Access the Best Of page</h2><p>To access the Best Of page, click the <strong>Best Of</strong> quick link from the Discussions or Categories pages.</p><div class="embedExternal embedImage display-medium float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/A0TDHTWGY87X/access-bestof-page.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/A0TDHTWGY87X/access-bestof-page.png" alt="access_bestof_page.png" height="433" width="300" loading="lazy" data-display-size="medium" data-float="none"></img></a> </div> </div> <h2 data-id="layout-options">Layout Options</h2><p>Use the <strong>Best Of Style </strong>option to control how the content on the page is displayed.</p><ul><li>The default Best of Style is <strong>Tiles</strong>, which will display as a Masonry layout (example shown above). </li><li>If you choose <strong>List</strong>, the Best Of posts will be displayed one after the other as a list, with an image to the left and an excerpt to the right.</li></ul><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/VWV56HY1TND6/best-of-style.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/VWV56HY1TND6/best-of-style.png" alt="best_of_style.png" height="518" width="917" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="best-of-page-content-organization">Best Of page content organization</h2><p>Content is organized on the Best Of page according to the reaction it has received. These reactions are displayed at the top of the page, as you see below.</p><p><strong>📝 NOTE</strong>: The reaction buttons you see will depend on which reactions you have enabled for your community (on the <strong>Dashboard > Settings > Forum > Reactions</strong> page).</p><ul><li>Click these reaction buttons to view only content associated to that reaction. For example, content that has received the Like reaction will display when clicking <strong>Like </strong>at the top of the page.</li></ul><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/33XOOCK3OJHN/sort-options.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/33XOOCK3OJHN/sort-options.png" alt="sort_options.png" height="443" width="1061" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="promoted-content">Promoted content</h2><p>To show Promoted content, you must enable the <strong>Promote </strong>reaction (on the <strong>Dashboard > Settings > Forum > Reactions</strong> page). This ensures Admins and Moderators have the ability to promote the best posts in the community to the Best Of page.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/PEPSCD55KTF3/enable-promote-reaction.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/PEPSCD55KTF3/enable-promote-reaction.png" alt="enable_promote_reaction.png" height="380" width="1094" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h3 data-id="set-up-curate-permissions">Set up Curate permissions</h3><p>The Promote reaction, which adds 5 points to a posts score rather than the default 1 point, is normally reserved for Administrators or Moderators. For these users to have the reaction available to them, you need to ensure they have the <code class="code codeInline" spellcheck="false" tabindex="0">Garden.Curation.Manage</code> permission. </p><p>You can add this permission, by going to <strong>Membership > Roles & Permissions</strong> in your Dashboard. From there, edit a Role and check the <strong>Curation </strong>box in the Garden section, under Manage.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/R1RSQBCCX6SY/curation-permission.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/R1RSQBCCX6SY/curation-permission.png" alt="curation_permission.png" height="394" width="974" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><strong>✔️ TIP</strong>: To learn how to access and manage your Roles and permissions, check out the article below:</p><div class="js-embed embedResponsive" data-embedjson="{"body":"Two of the most important aspects of your Higher Logic Vanilla (Vanilla) community are Roles and permissions: Roles are like high-level categories in which your users are grouped. Each Role can be customized with a unique set of permissions to control what users with that Role can see and do in your community. 📝 NOTE:…","photoUrl":"https:\/\/us.v-cdn.net\/6030677\/uploads\/VWGAXAF5OFCO\/microsoftteams-image.png","url":"https:\/\/success.vanillaforums.com\/kb\/articles\/39","embedType":"link","name":"Roles & Permissions - Vanilla Success"}"> <a href="https://success.vanillaforums.com/kb/articles/39" rel="nofollow noreferrer ugc"> https://success.vanillaforums.com/kb/articles/39 </a> </div><h2 data-id="set-the-best-of-page-as-your-homepage">Set the Best Of page as your Homepage</h2><p>You can set your Homepage to the Best Of page (Trending) from the Layout tab in your Vanilla Dashboard. This gives the option to have the Best Of page to welcome new users to your community.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/L5VPP24RN98E/bestof-homepage.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/L5VPP24RN98E/bestof-homepage.png" alt="bestof_homepage.png" height="901" width="1187" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="faq">FAQ</h2><h3 data-id="will-only-discussions-show-on-the-best-of-page"><strong><em>Will only discussions show on the Best Of page?</em></strong></h3><p>Any content that has received the minimum points necessary will appear on the Best Of page, this will include; discussions, comments as well as questions, answers and polls if enabled.</p><h3 data-id="how-do-i-remove-content-from-the-best-of-page"><strong><em>How do I remove content from the Best Of page?</em></strong></h3><p>Content will need to be deleted to be removed from the Best Of page.</p><h3 data-id="how-is-content-sorted-on-the-best-of-page-and-can-we-change-this"><strong><em>How is content sorted on the Best Of page and can we change this?</em></strong></h3><p>Content is sorted by date from when it has crossed the threshold (minimum points needed). We do not have the ability to customize the order. </p><h3 data-id="can-i-remove-the-best-of-page-from-the-navigation-and-side-panel"><strong><em>Can I remove the Best of page from the navigation and side panel?</em></strong></h3><p>Yes, you can remove the Best Of page by add the following CSS to a <strong>Pocket</strong>;</p><pre class="code codeBlock" spellcheck="false" tabindex="0">.Reactions-BestOf, .Navigation-link.BestOf{ display: none!important; } </pre><p><br></p> </article> </main>