Esta guía presenta los componentes de tema de Discourse y cómo utilizar los existentes 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 front-end. Más pequeños y específicos que los temas completos, generalmente (aunque no siempre) pueden combinarse con otros componentes de tema para crear un diseño de foro a medida adaptado a tu comunidad.
Aunque es perfectamente posible crear tus propios componentes de tema si tienes las habilidades necesarias, es mucho más fácil utilizar los existentes siempre que sea posible. Puedes cambiar qué columnas se incluyen en las listas de temas, añadir opciones de navegación adicionales, tener un banner personalizable o incluso incluir un útil lanzador de dados para que tu comunidad lo utilice en sus temas de juegos. Contamos con una gran variedad de componentes #oficiales mantenidos por el equipo de Discourse, así como una categoría llena de componentes aportados por la comunidad, por lo que hay mucho que elegir. ![]()
Aquí tienes nuestros componentes #oficiales para empezar:
Componentes de Tema Oficiales
Estos 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
Encabezado 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
Características 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 #theme-component.
Asegúrate de navegar y ver todo lo que está disponible.
¿Alojado por nosotros? Los componentes de tema están disponibles para usar en nuestros planes Pro, Business y Enterprise.