Instalando um tema ou componente de tema

Documentação Gerenciamento do Site
,
1

:bookmark: Este é um guia para instalar e gerenciar temas e componentes de tema no Discourse.

:person_raising_hand: Nível de usuário exigido: Administrador

A instalação e personalização de temas podem melhorar significativamente a aparência do seu site Discourse. Você pode importar e gerenciar facilmente temas e seus componentes através do painel de administração do Discourse.

Este guia abrange:

  • Importando novos temas e componentes de tema
  • Adicionando componentes de tema a um tema
  • Gerenciando atualizações automáticas
  • Recursos adicionais para aprendizado futuro

Instalando novos temas e componentes de tema

  1. Navegue até Admin > Appearance > Themes & components (Aparência > Temas e componentes). Use a aba Themes (Temas) para instalar temas, ou a aba Components (Componentes) para instalar componentes de tema, e clique no botão Install (Instalar).

  2. No diálogo de Instalação, você pode:

  • Navegar e instalar temas e componentes de tema populares do Discourse.
  • Instalar a partir de uma URL de repositório Git.
  • Instalar a partir do seu dispositivo local.
  • Criar um novo tema ou componente em branco.

image
image1427×891 77.4 KB

image
image1425×633 33.4 KB

  1. Se você estiver instalando um tema completo, pronto! Se você instalar um componente de tema, precisará adicionar esse componente de tema aos seus temas ativos.

Adicionando componentes de tema a um tema

Se você deseja usar um componente de tema com um tema no seu site, você precisará seguir os passos a seguir:

  1. Instale o componente de tema.

  2. Adicione seu tema à configuração Include component on these themes (Incluir componente nestes temas) no componente de tema.

    image
    image1380×620 56.5 KB

  3. Alternativamente, você pode adicionar o componente ao seu tema a partir da página de visão geral do tema, adicionando o componente à seção Included components (Componentes incluídos) do tema.

    image
    image1380×536 36 KB

Atualizações automáticas

Às vezes, os temas ou componentes que você instala podem ter atualizações. Eles devem ser atualizados automaticamente por padrão; no entanto, se não o fizerem, você pode atualizá-los manualmente através do botão “update to latest” (atualizar para o mais recente).

image
image565×245 19 KB

Recursos adicionais

Para mais informações sobre temas e seu gerenciamento, confira estes recursos:

75 curtidas
Moonclaw Theme port
Add /users to top nav
Discourse Vincent theme
Emoji mention theme component
Peacock, a noble theme for Discourse :peacock:
Big Header - Little Header
TavoWEB theme for Discourse
Add /groups to top nav
Slick Image Gallery
Grogu, a theme inspired by "The Mandalorian"
Atlas, a simple blog-styled theme with an optional sidebar
Tiles Image Gallery
Night Mode Buttons
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
Full Screen Cover Image
Advanced Hero Component
Plugins & Theme components passed rebuild, but unavailable?
Category Icons
Topic Hover Cards
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