Community sidebar (new reddit/redesign)

https://www.reddit.com/r/modguide/comments/ff14q4/community_sidebar_new_redditredesign/

created by SolariaHues on 07/03/2020 at 20:38 UTC*

35 upvotes, 6 top-level comments (showing 6)

In redesign the sidebar is made up of sections called widgets. There are different kinds of widgets you can use, and you can have multiple widgets.

Redesign = The new reddit layout. New users will see this by default. Both new and old layouts exist together and it's important for mods to keep both up to date.

Using redesign mod tools[1]

Using classic reddit for the first time[2]

1: https://www.reddit.com/r/modguide/comments/elfwfq/transitioning_from_old_to_redesign/

2: https://www.reddit.com/r/modguide/comments/emduif/using_classic_reddit_for_the_first_time/

Reddit's guide on the sidebar widgets

How to edit/add sidebar widgets

Go to Mod Tools at the top of your sidebar.

Image showing the mod tools button at the top of the sidebar

Select community appearance.

Image showing the community appearance option within mod tools

Then sidebar widgets..

Image showing the sidebar widgets option within community appearance

Here you can see the different widgets you have already, if you've already set some up. You can click on them to edit them.

Image showing the widget list and add widget button

Click on 'add widget' to see the the kinds of widget you can have and to add one.

Image showing the widget options

Select the type you want and fill in the details to create the widget and then save it. Here are guides for each type of widget:

How to add text area, rules, image, and community list widgets[3]
How to add button widget[4]
How to add a calendar widget[5]

Plus, here's u/Anonboxis' video showing how to add a community list widget[6]

3: https://imgur.com/a/xCe96O8

4: https://imgur.com/a/SPAgI5q

5: https://www.reddit.com/r/modguide/comments/de5wio/how_to_set_up_the_calendar_widget/

6: https://www.youtube.com/watch?v=8DPJGpaxNfU

More details for each type below.

---

Example images of each type of widget

Types of widget

*Text area** - This is a simple text box widget. It's often used for community information in addition to the community description.

*Rules** - This is for displaying your sub's rules. It'll automatically appear once you've added rules via mod tools[7], or there's a link to add them in the add rules widget options. It lists the rules either with further description or with the description of each one collapsed.

7: https://www.reddit.com/r/modguide/comments/ds3pe1/how_to_add_rules/

*Button** - displays custom buttons/links. Often used to link to wiki pages, further reading, recommended sites, social media etc

*Images** - displays an image you upload. This can be decoration for your sub, an extra large button, an advert, etc

*Community list** - this widget displays a list of subreddits of your choosing. It's often used to link related subreddits. Each widget only lists 10 subs you you can have multiple widgets and group the related subs.

*Calendar** - this widget shows a calendar and is linked to google calendar. It can be used for a community schedule like AMAs, competitions... Interactivity and engagement like a TV schedule or watch together schedule for TV subs.

*Post flair** - This widget displays your post flairs and enables users to use them to filter posts on your subreddit. This widget was recently (Jan 2020) changed[8]:

8: https://new.reddit.com/r/modnews/comments/ebyusv/updates_to_community_page_design_on_desktop/

We are adding the ability to filter the feed using flairs!

This was a common feature that we saw a lot of communities using CSS hacks to implement on old Reddit. These will live in a sidebar widget just below the community description. However, there are currently some limitations on the controls, as it’s automatically on for all communities that use flair and available flairs can’t be customized since they are automatically determined based on flairs available in the feed.

So this means once you are using post flair the widget will appear and populate itself as they're used. It doesn't show in the mod tools widget list though.

~~This widget use to be editable - and if you add the widget in mod tools you can still access the tools to reorder, add, and remove flairs - but this~~ **~~no longer has any affect on the widget~~**~~.~~

*Update!** We have some control back over the flair widget[9] - the position in the sidebar, whether it's a list or cloud, and the order of the flairs if you have the widget added in mod tools (it still shows automatically if you don't, but **to edit it you need to add it in mod tools sidebar widgets.** The new widget overrides the default one. [12thAPR2020] Our flair guide[10]

9: https://www.reddit.com/r/modnews/comments/ebyusv/updates_to_community_page_design_on_desktop/fn7gc6o?utm_source=share&utm_medium=web2x

10: https://www.reddit.com/r/modguide/comments/e0lx77/creating_flair_in_redesign/

*Custom (CSS)** - Under advanced there is a custom option. Here you'll find you can add a CSS widget. But this is experimental and..

"Custom widgets don't display on mobile devices. Customizations can break at any time."

---

Where can you see the redesign sidebar?

Redesign/new reddit desktop[11]
Mobile app about tab[12]
Mobile browser desktop mode in redesign[13] (on some phones/browsers)

Related guides:

How to change the name of your members and online users[14]
Modding on mobile[15]
Settings guide for old reddit[16]
Design in redesign[17]
Community sidebar (old/classic/legacy reddit)[18]

---

11: https://imgur.com/FXjpQ5F

12: https://imgur.com/J4gIW6Y

13: http://imgur.com/a/rfYvCqj

14: https://www.reddit.com/r/modguide/comments/e4nrql/how_to_change_the_name_of_your_members_and_online/

15: https://www.reddit.com/r/modguide/comments/e5moia/modding_on_mobile/

16: https://imgur.com/7RIWHnD

17: https://www.reddit.com/r/modguide/comments/d8nuyz/design_in_redesign/

18: https://www.reddit.com/r/modguide/comments/fgjq3n/community_sidebar_oldclassiclegacy_reddit/

We recommend populating your old.reddit sidebar too if you haven't already - guide on that coming soon.

Note - the 'about community' widget right at the top cannot be formatted with markdown. This is edited in the the sidebar using the pencil icon, or in your community settings - community description.

Community settings in redesign

Comments

Comment by [deleted] at 07/03/2020 at 23:34 UTC

3 upvotes, 1 direct replies

Images - displays an image you upload.

It does let you load up to ten images per widget. If there's more than one, it will pick one at random each time the page loads.

These also don't appear in the App "about" tab, at least not in the version I have loaded.

Comment by SolariaHues at 10/05/2020 at 16:34 UTC*

1 upvotes, 0 direct replies

u/1998CR has made a widget for social media https://new.reddit.com/r/RedesignHelp/comments/ggo4lh/i%5C_made%5C_a%5C_simple%5C_css%5C_widget%5C_for%5C_social%5C_media/[1][2]

1: https://new.reddit.com/r/RedesignHelp/comments/ggo4lh/i%5C_made%5C_a%5C_simple%5C_css%5C_widget%5C_for%5C_social%5C_media/

2: https://new.reddit.com/r/RedesignHelp/comments/ggo4lh/i_made_a_simple_css_widget_for_social_media/

This uses the css widget you can find under 'advanced' in your add widget menu

Guide - Custom widget for social media icons

Sync sidebars

https://www.reddit.com/r/Bot/comments/dobqkx/introducing%5C_sync%5C_companion%5C_an%5C_open%5C_source%5C_bot%5C_for/[3][4]

3: https://www.reddit.com/r/Bot/comments/dobqkx/introducing%5C_sync%5C_companion%5C_an%5C_open%5C_source%5C_bot%5C_for/

4: https://www.reddit.com/r/Bot/comments/dobqkx/introducing_sync_companion_an_open_source_bot_for/

---

More css widgets https://www.reddit.com/r/modguide/comments/mkmocm/modchat%5C_whats%5C_on%5C_your%5C_mind/gtjmzxw?utm%5C_source=share&utm%5C_medium=web2x&context=3[5][6]

5: https://www.reddit.com/r/modguide/comments/mkmocm/modchat%5C_whats%5C_on%5C_your%5C_mind/gtjmzxw?utm%5C_source=share&utm%5C_medium=web2x&context=3

6: https://www.reddit.com/r/modguide/comments/mkmocm/modchat_whats_on_your_mind/gtjmzxw?utm_source=share&utm_medium=web2x&context=3

---

It seems there is a default community list widget now https://www.reddit.com/r/ModSupport/comments/skfg2n/new%5C_related%5C_communities%5C_sidebar%5C_widget/