Hi, I’m new to Discourse and really love it’s features and function. I’m wanting to heavily customize it’s appearance and the way it presents content. I’ve been reading through various threads and posts trying to understand it. I have javascript coding experience, but I’m getting confused. By heavily customized I mean: removing the sidebar, adding navigation items to the top bar. Displaying topics with the author name, avatar, subject, and preview text, along with most recent reply and a preview of the reply with the reply authors avatar and name. Topics grouped under categories in one big list of categories and their topics (old school). I guess I need to get my head around how to override the data that gets displayed, or fetched then displayed, and I’m confused on how to best do that. Would it be a single “theme” would it be a theme component? Would it be a plugin? Would it be multiple themes, components and plugins? What’s the difference between a component and plugin? I wish there was a youtube video showing the development of a heavily customized “theme” like this. I am currently gathering a list of “addons?” that do similar things to what I want to achieve and am trying to read their code and understand them, but man it’s really confusing coming in to this “fresh off the street”. I learn best by watching videos than I do reading. :confused: Any tips, advice, or videos I might haven’t become aware of? Any help is very much appreciated. :pray:

Thanks :slight_smile: I have a ton of reading to do. Hopefully it’ll all start to make sense. I found a really relevant topic: [תמונה] (not recommended) Overriding Discourse templates from a Theme or Plugin Developer Guides Ideally, when customizing Discourse via themes/plugins, you should use CSS, the JavaScript Plugin API, or plugin outlets. If none of these work for your use-case, feel free to open a PR to Discourse core or start a #dev topic here on Meta. We’re always happy to discuss adding new outlets/APIs to make customization easier. If you’ve exhausted all other options, you may need to resort to template overrides. This technique allows you to override the entire template of any Ember Component or… And then, just sharing some links/notes for others that might be in the same boat: HTML templates are in https://github.com/discourse/discourse/tree/main/app/assets/javascripts/discourse/app/templates Beginners Guide to Themes: [תמונה] Beginner's guide to using Discourse Themes Site Management This is a crash course in Discourse theme basics. The target audience is everyone who is not familiar with Discourse themes. If you’ve already used Discourse theme / theme components, this guide is probably not something you need to read. What are themes and theme components? A theme or theme component is a set of files packaged together designed to either modify Discourse visually or to add new features. Let’s start with themes. Themes In general, themes are not supposed to be compatible … Developers Guide to Themes: [תמונה] Developing Discourse Themes & Theme Components Developer Guides Discourse Themes and Theme Components can be used to customize the look, feel and functionality of Discourse’s frontend. This section of the developer guides aims to provide all the reference materials you need to develop simple themes for a single site, right up to complex open-source theme components. This introduction aims to provide a map of all the tools and APIs for theme development. If you prefer a step-by-step tutorial for theme development, jump straight to: Themes vs. Theme Compon… Designers Guide to Themes: [תמונה] Designer's Guide to getting started with themes in Discourse Developer Guides This is possible, and the method I would reccomend. The only thing you need to be aware of is that these changes will be live on the forum as you make every change. What I do is set the theme to be user selectable, and change my personal user preference to that theme, while keeping the default theme the choice for all other users. This lets only you see any issues that may arise during theming. Creating a Theme-Component: [תמונה] Theme Developer Quick Reference Guide Developer Guides As themes grow more powerful, there’s more to remember about how they work. We have loads of detailed documentation under #theme-guides, but if you just need something to jog your memory, this guide may help. General Resources scroll Beginner’s guide scroll Designer’s guide scroll Developer’s guide paintbrush Theme Creator desktop_computer Theme CLI notebook_with_decorative_cover Theme Directory jigsaw Component Directory wrench Theme Modifiers wrench Themeable site se… Theme Component to reveal plugin outlet locations (places to inject new html/script/styles): [תמונה] GitHub - communiteq/plugin-outlets-theme-component Contribute to communiteq/plugin-outlets-theme-component development by creating an account on GitHub. Plug-in Development: [תמונה] Developing Discourse Plugins - Part 1 - Create a basic plugin Developer Guides Building a plugin in Discourse can be really simple, once you learn a couple of quirks. The goal of this post is to create a skeleton plugin and introduce you to the basics. Your development environment Make sure you have a development environment of Discourse running on your computer. I recommend you use the appropriate setup guide and come back when you’re done. plugin.rb tada Use GitHub - discourse/discourse-plugin-skeleton: Template for Discourse plugins · GitHub to create a complete di… Learn to start building stuff: [תמונה] Learn how to start building stuff for Discourse if you're newbie (like myself) Developers There are a few ‘how to start’ guides for working with Discourse already and a wealth of useful info on meta, but I thought it might help to give an insight to the mental processes of starting from little, if any, prior coding experience to building substantial Discourse plugins. Discourse is written by experienced developers and has a large codebase. This can feel intimidating. This intimidation factor can be a significant barrier for novice developers. This is a kind of ‘psychological primer’… Install Discourse on Ubuntu/Debian for Development: [תמונה] Install Discourse on Ubuntu or Debian for Development Developer Guides warning This guide covers installation instructions in a development environment. For a production guide see: Install Discourse in production with the official supported instructions So you want to set up Discourse on Ubuntu or Debian to hack on and develop with? We’ll assume that you work locally and don’t have Ruby/Rails/Postgres/Redis installed on your Ubuntu or Debian system. Let’s begin! Requirements We suggest having at least 4 GB RAM and 2 CPU cores. Current compatibility: O… What I really want to modify is the “topic-list” or homepage • This theme has already created the desired topic-list format: [תמונה] Sam's Simple Theme Theme discourse2 Summary Sam’s Simple Theme creates a “minimal” topic list design eyeglasses Preview Preview on Discourse Theme Creator hammer_and_wrench Repository Link https://github.com/discourse/discourse-simple-theme open_book New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme Features I have been thinking about this a lot, and decided to take a shot at a “minimal” front page customisation. To select this theme here on Meta he… • Author Name + Avatar: Author name plus avatar or Show Original Poster Avatars • Groups of Categories: [תמונה] Category Groups Theme component discourse2 Summary Category Groups allows you to assign categories to groups, which are then used to sort and collapse categories on the categories page. eyeglasses Preview Preview on Discourse Theme Creator hammer_and_wrench Repository Link https://github.com/discourse/discourse-category-groups-component open_book New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features information_source Important things to n… • Featured category icons: [תמונה] Featured Categories Header Theme component bookmark_tabs Summary Feature categories on select views. hammer_and_wrench Repository Link Manuel Kostka / Discourse / Components / Featured Categories · GitLab open_book New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Cards view [Featured categories styled as cards.] List view [Featured categories styles as list.] Settings You can switch between the two above layouts or choose none and declare your own styles. You … Can also try the online theme editor: [תמונה] Theme Creator Demonstration sandbox for Discourse Extra’s: • Single Sign On? SSO Setup DiscourseConnect - Official Single-Sign-On for Discourse (sso) • Discord Bot Discord Bot Construction Kit 🤖

[תמונה] SinisterSpatula: removing the sidebar You can do this by clicking the hamburger icon, so that would be pretty easy to figure out. [תמונה] SinisterSpatula: adding navigation items to the top bar. Have a at Custom Header Links That might help you get started.

איך ליצור ערכת נושא מותאמת אישית מאוד?

מפתח

Falco (Falco) 8 בנובמבר,‏ 2023,‏ 3:28am 2

Since the changes you want would imply fetching extra data to pages, a theme or a component wouldn’t be enough, you need a plugin to achieve your vision.

נושא		תגובות	צפיות
Developing Discourse Themes & Theme Components Developer Guides reference , tutorial , theme-guides	14	110166	18 במרץ,‏ 2025
Customize Topic Details Page Development	3	279	10 ביולי,‏ 2024
Beginner's guide to using Discourse Themes Site Management reference , customization	12	86380	9 ביולי,‏ 2026
Como faço para entender esse fórum? (How do I understand this forum?) UX	2	1528	28 בספטמבר,‏ 2018
Customizing your site with existing theme components Site Management reference , customization	2	2304	11 ביוני,‏ 2025

איך ליצור ערכת נושא מותאמת אישית מאוד?

נושאים קשורים