Esta guía introduce los componentes de tema de Discourse y cómo usar los ya creados para personalizar tu sitio
Nivel de usuario requerido: Administrador
Los componentes de tema son personalizaciones que modifican los elementos superficiales del diseño de tu foro o añaden funciones adicionales en el lado del cliente. Más pequeños y específicos que los temas completos, generalmente (aunque no siempre) se pueden combinar con otros componentes de tema para crear un diseño de foro personalizado adaptado a tu comunidad.
Si bien es más que posible crear tus propios componentes de tema personalizados si tienes las habilidades necesarias, es mucho más fácil utilizar los existentes siempre que puedas. Puedes cambiar qué columnas se incluyen en tus listas de temas, añadir opciones de navegación adicionales, tener un banner personalizable o incluso incluir un dado virtual útil para que tu comunidad lo use en sus temas de juegos. Contamos con una gran cantidad de componentes #oficiales mantenidos por el equipo de Discourse, así como una categoría llena de componentes contribuidos por la comunidad, así que hay mucho que elegir. 
Aquí tienes nuestros componentes #oficiales para que empieces:
Componentes de tema oficiales
Componentes de tema oficialesEstos son los componentes de tema mantenidos por el equipo de Discourse - Componentes de tema oficiales
Lista de temas
- Add Category Column
- Add Likes Column
- Avatar Size and Shape
- Clickable Topic
- Featured Tiles
- Halloween Decorations 👻
- Hide Users Column
- Homepage Feature
- Show Original Poster Avatars
- Topic List Author
- Topic Cards
- Topic List Excerpts
- Topic List Thumbnails
Barra lateral derecha
Categorías
- Alternative Voting Category Style
- Categories Tag Column
- Categories Tracking Toggle
- Category Banners
- Category Badge Styles
- Category Groups
- Colorful Categories
- Follow Category Button
- Gated Topics in Category
- Group Categories Page Override
- Hide Muted Categories
- Showcased Categories
- Topic Count in Category Boxes
Etiquetas
Cabecera y pie de página
- Brand Header
- Custom Header Links
- Custom Header Links (icons)
- Easy Responsive Footer
- Header Submenus
- New Topic Header Button
- Thin Header
- Custom Logo Link
Navegación y filtros
- Compact Navigation
- Custom Top Navigation Links
- Header Categories Navbar
- Topic Status Filter
- Unanswered Filter
Banners
Búsqueda
Inicio de sesión y registro
Usuarios
Publicaciones
- Auto-Linkify Words
- Blog Post Styling
- Change the Like Icon to 👍
- 📄 Copy Post Component
- DiscoTOC - automatic table of contents
- Discourse Gifs
- Discourse Icon
- Discourse Mermaid
- Inline PDF Previews
- Insert Video
- Placeholder Forms
- Raw Post Button
- Remove Name Suppression on Posts
- Reply Template
- Scrollable Post Content
- Share Link Shortener
- Social Share
Código y bloques de código
- Codeblock Theme Picker
- Custom Code
- Customized Inline Codeblocks
- GitHub Status Indicators
- Unformatted Code Detector
Funciones adicionales
Herramientas para desarrolladores
Otros
- Add To Home Screen (iOS, iPadOS)
- Customize new topic button text
- Discourse Docs Card Filter
- Google Fonts
- New PM Dropdown Button
- Optional Mobile Title Header
- Sidebar Theme Toggle
- Status Page (Atlassian)
- Topic Footer Buttons
También puedes encontrar muchos más componentes de tema creados por la comunidad en nuestra categoría Customization > Theme component.
Asegúrate de echar un vistazo y ver todo lo que hay disponible.
