New Post Menu - HL Vanilla Community
<main> <article class="userContent"> <p>On the front end of your <strong>Higher Logic Vanilla</strong> community, the <strong>New Post</strong> menu makes it easy for users to contribute content. The discussion types available in the menu will depend on what is enabled in 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/YSYPNAD70JSY/menu-example.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/YSYPNAD70JSY/menu-example.png" alt="menu_example.png" height="626" width="855" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><strong>📝 NOTE</strong>: This menu is automatically available for communities using our Foundation theme.</p><p>The menu displays differently when accessing the community via <strong>desktop </strong>or a <strong>mobile device</strong>. </p><h2 data-id="desktop-example">Desktop example</h2><p>On desktop, the New Post button displays above the Quick Links list.</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/WU7Z4YP9DM4Z/screen-shot-2021-08-03-at-2-14-06-pm.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/WU7Z4YP9DM4Z/screen-shot-2021-08-03-at-2-14-06-pm.png" alt="Screen Shot 2021-08-03 at 2.14.06 PM.png" height="619" width="1278" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="mobile-example">Mobile example</h2><p>On a mobile device, the New Post menu displays as a toggle at the bottom-right of a page.</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/5QOR7Y49T93H/screen-shot-2021-08-03-at-2-17-26-pm.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/5QOR7Y49T93H/screen-shot-2021-08-03-at-2-17-26-pm.png" alt="Screen Shot 2021-08-03 at 2.17.26 PM.png" height="695" width="410" loading="lazy" data-display-size="medium" data-float="none"></img></a> </div> </div> <h2 data-id="enable-new-post-menu-for-legacy-themes">Enable New Post menu for Legacy themes</h2><p>The New Post menu can be enabled for legacy themes through our <strong>Vanilla Labs</strong> feature.</p><ol><li>Access the Dashboard.</li><li>Navigate to <strong>Settings > Addons > Labs</strong>.</li><li>Locate the New Post Menu feature and click the toggle to enable it.</li></ol><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/X5H2BMWKYJFJ/labs-page-example.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/X5H2BMWKYJFJ/labs-page-example.png" alt="Labs_page_example.png" height="965" width="1135" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="icons-only-theme-variable">Icons-only theme variable</h2><p>If you would like for the discussion options to display as icons only, you can add the following theme variable in the Theme Editor's Advanced Settings:</p><pre class="code codeBlock" spellcheck="false" tabindex="0"> "newPostMenu.toggle.iconsOnly": true </pre><p>Check out the article to learn more:</p><div class="js-embed embedResponsive" data-embedjson="{"body":"The Advanced Settings section of the Theme Editor brings a JSON variable editor and inline documentation for hundreds of variables that are not currently included in the Theme Editor user interface. 📝 NOTE: Using theme variables requires an understanding of basic CSS and JSON formatting. ✔️ TIP: Refer to the article…","photoUrl":"https:\/\/us.v-cdn.net\/6030677\/uploads\/VWGAXAF5OFCO\/microsoftteams-image.png","url":"https:\/\/success.vanillaforums.com\/kb\/articles\/414","embedType":"link","name":"Advanced Settings: Getting Started with Theme Variables - Vanilla Success"}"> <a href="https://success.vanillaforums.com/kb/articles/414" rel="nofollow noreferrer ugc"> https://success.vanillaforums.com/kb/articles/414 </a> </div><p><br></p> </article> </main>