Installation d'un thème ou d'un composant de thème

Documentation Gestion de site
,
1

:bookmark: Ceci est un guide pour installer et gérer les thèmes et les composants de thème dans Discourse.

:person_raising_hand: Niveau d’utilisateur requis : Administrateur

L’installation et la personnalisation des thèmes peuvent améliorer considérablement l’apparence de votre site Discourse. Vous pouvez facilement importer et gérer les thèmes et leurs composants via le panneau d’administration de Discourse.

Ce guide couvre :

  • L’importation de nouveaux thèmes et composants de thème
  • L’ajout de composants de thème à un thème
  • La gestion des mises à jour automatiques
  • Des ressources supplémentaires pour approfondir vos connaissances

Installation de nouveaux thèmes et composants de thème

  1. Naviguez vers Admin > Apparence > Thèmes et composants. Utilisez l’onglet Thèmes pour installer des thèmes, ou l’onglet Composants pour installer des composants de thème, et cliquez sur le bouton Installer.

  2. Depuis la boîte de dialogue d’installation, vous pouvez :

  • Parcourir et installer des thèmes et composants de thème Discourse populaires.
  • Installer depuis une URL de dépôt Git.
  • Installer depuis votre appareil local.
  • Créer un nouveau thème ou composant vierge.

image
image1427×891 77.4 KB

image
image1425×633 33.4 KB

  1. Si vous installez un thème complet, vous avez terminé ! Si vous installez un composant de thème, vous devrez ajouter ce composant de thème à vos thèmes actifs.

Ajout de composants de thème à un thème

Si vous souhaitez utiliser un composant de thème avec un thème sur votre site, vous devez suivre les étapes suivantes :

  1. Installez le composant de thème.

  2. Ajoutez votre thème au paramètre Inclure le composant sur ces thèmes sur le composant de thème.

    image
    image1380×620 56.5 KB

  3. Alternativement, vous pouvez ajouter le composant à votre thème depuis la page d’aperçu du thème, en ajoutant le composant à la section Composants inclus du thème.

    image
    image1380×536 36 KB

Mises à jour automatiques

Parfois, les thèmes ou composants que vous installez peuvent avoir des mises à jour. Ils devraient se mettre à jour automatiquement par défaut ; cependant, si ce n’est pas le cas, vous pouvez les mettre à jour manuellement via le bouton « Mettre à jour vers la dernière version ».

image
image565×245 19 KB

Ressources supplémentaires

Pour plus d’informations sur les thèmes et leur gestion, consultez ces ressources :

75 « J'aime »
Moonclaw Theme port
Add /users to top nav
Discourse Vincent theme
Emoji mention theme component
Night Mode Buttons
Big Header - Little Header
Slick Image Gallery
Grogu, a theme inspired by "The Mandalorian"
Peacock, a noble theme for Discourse :peacock:
Tiles Image Gallery
Add /groups to top nav
TavoWEB theme for Discourse
Atlas, a simple blog-styled theme with an optional sidebar
Timeline mute button
Christmas hats component
Failing to rebuild app on Discourse since May 7
IFrame Lightboxes
Floating left sidebar
Dracula a Dark Theme for Discourse
Isabelle, an Animal Crossing inspired theme
Two nature-inspired color schemes
Discourse Indented Subcategories
Discourse Tab Bar for Mobile
Having issues installing plugins
Topic Stopwatch
How to add links on home page menu to other site?
Discourse/discourse-segment-io-plugin installation
StackBlur backgrounds
Discourse Button Styles
Adding Custom Background CSS
Elementary, a simple theme for Discourse
Add <abbr> tags to words in posts
Is anyone working on a Discourse Wiki?
Trust-Level Avatar Flair
Topic list sidebar navigation
Minimal, “classic” topic list design
Discourse Coloured Text
Alternative Voting Category Style
Category badge adjustment component
Daemonite Material Theme: Ample layout adjustments
Discourse-affiliate-linker
User card redesign field parity
Can't add new class to topic page elements using jQuery?
Advice for starting with Discourse development
Font size for code inserts in posts
Media Overlay component
"Last Seen" User Card
Omit Emoji component
Progress Bar
Theme Switcher Component
Dark Mode Automatic Theme Switcher
Live Topic Timer
Filtered Topic Lists
Segment Tracking Theme Component
Share theme (component) translations
Place for total coding beginners to learn how to customise?
Highlight text Theme Component
Discourse Category Headers theme component
Categories Layout Override
Rainbow, a colorful theme for Discourse :rainbow:
Discourse Sidebar Menu Reorder
Add category links Theme Component
Warn admins/tl4 when replying to closed topics
Theme Stelpolva: A discourse rounded theme based on Default Theme
Group specific tool bar
Desktop to Mobile View Banner
Category Highlighter
Topic Template Placeholder Text theme component
Created Topic Sort
Bugs theme-component
Discourse Units - Convert durations, lengths and masses
Discourse Tag Cloud
Featured Flip Cards
D3 Graphviz Theme Component
Star Wars theme
Toggle Whisper :eye:
Essential, a simple theme for Discourse :art:
Extended About Page
Radiant, an elegant theme for Discourse
Category Hider Theme Component
Modest, a minimal theme for Discourse
Geometric, a dark theme for Discourse
Component 2. A UI-Light Theme for Discourse
Cannot install plugin - nothing happens
Theme component to use "Category icons" in "Events plugin" calendar
Enhanced category-box display component
How can I add a analytics script into the header of my community?
Expanded Create Topic Component
FKB Pro - Social theme
Insert Link to External Website
Discourse Group Sidebar Menus
Group sidebar menu sections - deprecated
How do I integrate ? cookiebot.com in meinen Forum?
Fire & Ice, a theme for Discourse :fire: :ice_cube:
Custom Homepage for Groups
Custom header colour and category icons and login button
Discourse Web Page Watermark
Hide Likes For New Users
How to remove the number of months in the category section
Reply Template
How is this new topic button achieved?
Dark Blue theme
Masonry Image Gallery
Adding a theme component to a multisite installation?
About the Theme category
About the Theme component category
Category List with Banners
🎀 Neomorphism, a modern theme for Discourse
:snowman_with_snow: Olaf, a Frozen inspired theme for Discourse
"Open external links in a new tab by default" not working
Upgrade Docker Failed
Popsicle, a cool theme for Discourse :dango:
How can I add a menu item
:santa: Santa, a Christmas theme for Discourse
Christmas Decoration Component :christmas_tree:
Christmas hats component
Solarized, a dark theme for Discourse
Clickable Social Icon Links on Profile
Fireworks Component :fireworks:
Custom Loading Spinner Component
Mario inspired theme for Discourse
Left side hamburger menu on mobile
MD Composer extras
Versatile Showcase
Discourse Topic List Author & Posters
Inline Tooltips
Voice Recorder Component
Topic Voting Auto Self-Vote
Discourse Topic Excerpts & AI Gists Button
Code-block line numbers
Full Row Bulk Select
Marquee / news ticker
Display replies and likes count in mobile view
Compose Center
Wikified Posts Component
Discourse Coloring Tag
Landing Pages Blog :small_airplane:
Blog Post Styling
Discourse Coloured Text
MD Topic List component
MD Topic List Mobile component
Review with reason
Custom Admin Toolbox
:classical_building: Rome, a theme inspired by ancient roman manuscripts
Poll Defaults
How is the Banner at meta.discourse.org created?
Timeline bookmark button
Alternative icons
Discourse hamburger tags
Density Toggle Component
👅 Markdown Flavors
How do I test drive UI changes?
Discourse Welcome Modal
Colored Tag Styles
Is there a way to automatically expand the reply composer box by default?
Voice Recorder Component
Topic Banners component
Discourse Show Fullname in Mentions
Post Badges
Profile Photowall
Matomo Analytics
What is the name of this theme?
Discourse Solved Quote Customization
Rounded Borders for images, oneboxes, blockquotes & more
Guest Gate Theme Component
Offline Indicator Theme Component
Submit from Preview (Mobile)
Landing Pages Blog :small_airplane:
Sticky Avatars for Mobile
Social Share
DarkPixlz's Modern Theme
Sticky New Topic Banner
How to Set a Closable Banner at the Top of site？
Copy Codeblocks Theme Component
Hide ignored users' topics
Page views limit too low?
Search results page displays topics title that I cannot click
Blackout - A Theme For OLED Displays
Horizontal loading slider
Composer Footnote Button
Account Deletion Request
Desktop PWA Navigation
Lightweight Topic List Container
Buttons for Scrolling to the Top/Bottom of Topics
Setup HubSpot chat Integration
Floating Navigation Controls and Desktop Navigation Bar for Mobile
Watched Words to serve as shortcut command to insert links
Composer tip under specific tag topics
DiscourseConnect Signup Button
Notification Banners
Alternative User PMs Button For Admin
Discourse Custom Width
Restrict Category Editing for Topics
Allow users to block keywords
Cookie Consent, GDPR, and Discourse
Hide staff from /about page
Topic List Previews (TLP)
Breadcrumb Links
Quizmaster
Discourse OneCompiler Code Runner
Very Modest Theme
Discourse Bars :beers: :cocktail: (a sidebar framework)
Header Categories Navbar
Report Content to Group
Open In Script Editor
Hide sidebar from anon users
Sidebar User Field Toggle
Twitter Native Embed
Adjust the post-voting button to the bottom
Clean, A clean style discourse theme
Prefilled composer link generator
App Promoter
Topic List Author
Show both OP and last reply on mobile
Image comparison slider
Add custom content that only appears on your homepage
Announcement Bar
Discourse Nav Item Icon / Emoji
A reddit-ish theme for Discourse
Homepage Toggle
Chat Sidebar
Change share icon by OS
Multiple Custom Profile Links
Image Alignment and Grid
Header Glass
Topic List Item Click Animation
Twemoji Icons
Custom embedded replies
Close Composer On Page Change (mobile)
Chat – whatsapp bubbles
Hide details button style
Hide Lock Badge Icon
Targetable Color Schemes
Customizing FAQs and Guidelines
Lock Composer
Author Badge for Topic Posts
Highlighter Composer Button
Navigation (sidebar) menu display control
Rainbow Header Gradient for Discourse
Quick Quote Theme Component
How to enable side navigation?
Long picture adaptation
F NAV - Mobile Navigation Tabs
Discourse Full-width component
QR Code Shareables
Discourse Stickers
Enable Dev Tools Button
Loading Slider to Spinner
Composer Highlighted Button
Composer Inserted and Deleted Text Formatting Buttons
Solved Topic Badge
Preventing non-registered users from viewing posts
Composer Character Count
Smooth Scroll Top on Homepage
Usercard: show leaderboard rank
Featured Lists
eBay EPN Affiliate Link Generator
Banner Featured Links
Character count when writing description
FKB Pro - Social theme
Yotsuba B Theme
Yotsuba A Theme
Category Badge Styles
Custom Profile Link
Watermark Image
Need to change fonts I chose in setup wizard
Minima Adjustments for Topic Cards
Discourse Age Check
Insert Video not showing up in plugins?
Discourse Modal Grip
Topic List Latest-Post Excerpt
Follow Category Button
Plugins & Theme components passed rebuild, but unavailable?
New Topic Header Button
Editor Preview Position
Need to change fonts I chose in setup wizard
Customize new topic button text
Topic Map Stats Icons
Override Signup CTA requirements
NateDhaliwal's Theme
Code-block line numbers
Advice or feature suggestions for a real-time progress bar theme component
Classic About Statistics
AI Bot - New Question Modal
Can We Implement the Discourse Central Theme in Our Discourse Hosted Community
Discourse Persistent banner
Configure which programming languages are available for syntax highlighting
Code-block line numbers
A TC of fun: Discourse Confetti Clicks
Add groups to the /about page
Related category permissions
Discourse Birthdays & Anniversaries Today (Banner)
Unstar all badges
AI Post Analyzer for Chat
Be the first to reply
Indented / Nested Sidebar Categories or Subcategories
Add a Logout Button in Header for Discourse Themes
Tag Style Tool
Quick Profile Links Menu
Normalized Profile Links
Pull to Refresh for iOS App
How do I install a custom theme on my Discourse instance?
Homepage Blocks
Custom Lightbox - modern, swipe gestures, fullscreen mode and more
Custom Components -- add button or text at any plugin outlet
Quote Callouts
Trendy Login not appearing in installed plugins
Composer Button Bonanza
Trendy Login
Topic List Previews (TLP)
Pyx's Modern Theme
Discourse Graph (Plotly) Embed
Post Notice Visibility Control
Heroes - Fantasy Theme
Custom User Menu
Alternate New Topic Button (per category)
Custom Topic Sort Order Button
Quick Quote Theme Component
Quick-add Tags To Topic
Sidebar Color Palette Toggle
Customizable Navbar Component
Config as code options for Discourse?
Getting error while uploading theme
Filter Favorites
500 error when installing the Advanced Hero Component
Error installing theme from Github
QR Code Shareables
Asking for feedback: Tag Reveal Component in Topic Lists - Expand/Collapse tags in topic lists
Enable Notification Banner
Discourse Featured User
Default Chat Channel
What's yall's work-flow like?
Glacier Theme
Discourse Qingwa Timelines - Custom BBCode for Beautiful Timeline Layouts
Hidden User Fields
AI summary in topic header
Restricted reactions (like) by group
Messages section for sidebar
🌐 www theme
Advanced Hero Component
Plugins & Theme components passed rebuild, but unavailable?
Category Icons
Topic List Voting Column
Live Reload in Production
External Links Icon
External Link Shield – Exit Confirmation & Trust Gating
Dark Admin Editor
Fingerprint Button
Red-light theme
Mobile Category List Adjustments
Scroll to Top Component
How to get Solidity syntax highlighting
Self Service Badges?
Land on Group Messages Component
Sunflower, A discourse theme
Hide Topic Navigation With Timeline
Require Edit Reason
How I can add plugin to my discourse
Video Upload to YouTube and Vimeo using Theme Component
Link on Top header to Go to Home page of main site
Fixed-Position Topic Edit Button
Discourse Post Image Carousel