If I want to edit the css I have to create a component, create a css file and fine it works. Now if I add another component for example ‘Discourse Topic Cards’ and then go back to the custom css file, apply the changes, click save and then refresh the page, the custom css does not apply. Also, why is there not a way to edit templates in the admin area? If I want to edit the ‘Discourse Topic Cards’ templates I have to ssh into the discourse docker and edit what to make changes?

Is WordPress more familiar to you? If is then you understand this easier: you never edit directly core, plugins or themes because you will loose all modifications when next update happends. So many of those difficulties aren’t actually from Discourse, but how the world works :smirking_face:

[תמונה] P O: apply the changes, click save and then refresh the page, the custom css does not apply. You might need to add !important to your CSS so these rules take priority over others defined elsewhere. This situation is expected when several components are loaded in a specific order. That’s a common problem and not necessarily specific to Discourse. I don’t know if we could have a weighing system to tell “that component should load at the end,” but that sounds really unmanageable. That’s why it’s important for theme and theme components to not use !important in the CSS unless it’s absolutely necessary. [תמונה] P O: If I want to edit the ‘Discourse Topic Cards’ templates If you want to edit a remote theme component, feel free to fork it on GitHub and create your version. That’s the easiest way! However, you won’t receive any updates from the original version. You can’t edit remote components because your customization might clash with the updates (and it’s a nightmare to handle). [תמונה] P O: why is there not a way to edit templates in the admin area Customizing Discourse is fairly accessible. It depends on what you’re expecting as customization, though. What are you trying to achieve here? Maybe we can help. The discourse team is usually open if some area welcomes customization facilities.

I have run websites online for a number of years, I think if you can create something a bit more unique that tends to do better. I would like to customise the ‘Discourse Cards Topic’ template and include posters, replies, views, and activity stats from the generic topics list.

[תמונה] P O: I would like to customise the ‘Discourse Cards Topic’ template and include posters, replies, views, and activity stats from the generic topics list. What you can do: Request features (on the appropriate topic, like you did) Posting in #marketplace if you can Learn how to code and how theme components work (see #documentation:theme-developers) and don’t hesitate to ask #dev for any help!

Is there any documentation for coders to read?

Here are some resources you might find interesting to familiarize yourself with Discourse: [תמונה] 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 … [תמונה] 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… [תמונה] 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… Take your time to read! Some guides contain links to external guides as well. If you have questions, ask #dev :+1: .

[תמונה] P O: Now if I add another component for example ‘Discourse Topic Cards’ and then go back to the custom css file, apply the changes, click save and then refresh the page, the custom css does not apply. [תמונה] P O: If I want to edit the ‘Discourse Topic Cards’ templates I have to ssh into the discourse docker and edit what to make changes? If you want to add changes on top of the the Discourse Topic Cards theme component, you can do this: Install Discourse Topic Cards and add it to your active theme Make a new theme component Add the new theme component to the active theme too You don’t have to ssh into the server or change anything in the source code, or fork the repo. For an example, here is what I did to make some changes to Discourse Topic Cards for the theme Minima: [תמונה]Minima Adjustments for Topic Cards Instructions Install Discourse Minima Install Discourse Topic Cards and add as a theme component to Discourse Minima Install this theme component and add as a theme component to Discourse Minima This way, you still get new updates from the theme, and all the theme components are organised and separated (so you can easily disable/enable for debugging) But yes I do think this process could be explained a bit better for admins.

מדוע אני מוצא את Discourse כל כך קשה להתאמה אישית?

מפתח

Arkshine 13 באפריל,‏ 2024,‏ 3:51pm 5

What you can do:

Request features (on the appropriate topic, like you did)
Posting in Marketplace if you can
Learn how to code and how theme components work (see #documentation:theme-developers) and don’t hesitate to ask Development for any help!

נושא		תגובות	צפיות
Editing Theme design Product Support	6	481	2 בדצמבר,‏ 2024
Missing "edit html&css" and "uploads" button for components Feature	7	1369	4 בדצמבר,‏ 2020
What HTML can you customize? Development	9	5583	24 באפריל,‏ 2020
Customizing themes without an Edit code button Administrators customization	1	608	25 בפברואר,‏ 2026
Discourse deployment using github or bitbucket? Development	8	1937	8 באוקטובר,‏ 2017

מדוע אני מוצא את Discourse כל כך קשה להתאמה אישית?

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