Demostración Completa del Editor de Contenido
Esta página demuestra todas las opciones de formato disponibles y tipos de bloques personalizados disponibles en el editor de contenido. Utiliza esto como guía de referencia al crear contenido.
Opciones de Formato de Texto
Estilos de Texto Básicos
Este párrafo demuestra texto en negrita, texto en cursiva, texto subrayado, texto tachado, y código en línea. También puedes combinar estilos como negrita y cursiva juntas.
Jerarquía de Encabezados
Encabezado Nivel 2
Este es un párrafo bajo H2.
Encabezado Nivel 3
Este es un párrafo bajo H3.
Encabezado Nivel 4
Este es un párrafo bajo H4.
Listas
Lista sin Ordenar
- Primer elemento de viñeta
- Segundo elemento de viñeta con texto en negrita
- Tercer elemento de viñeta con una descripción más larga para mostrar cómo se ajusta el texto en elementos de lista cuando el contenido se extiende más allá de una sola línea
- Cuarto elemento
Lista Ordenada
- Primer elemento numerado
- Segundo elemento numerado con formato en cursiva
- Tercer elemento numerado
- Cuarto elemento numerado con contenido más detallado
Enlaces
Aquí hay un ejemplo de un enlace externo a Heidi Health y también puedes crear enlaces con texto formateado.
Tipos de Bloques Personalizados
Cuadrícula de Estadísticas - Variante en Primer Plano
Cuadrícula de Estadísticas - Variante Cielo
Destacados de Contenido - Fondo Transparente
Destacados de Contenido - Fondo Cielo con CTA
Destacados de Contenido - Fondo Luz Solar
Comilla Estructurada - Diseño en Línea
Comilla Estructurada - Diseño de Llamada
Bloque de Imagen
Nota: Los bloques de imagen requieren un archivo de imagen real. El texto alternativo y el título se establecen en el activo de imagen en sí, no en la estructura del bloque.
Bloque de Vídeo
Acordeón de Preguntas Frecuentes
Formulario HubSpot
Planificador de Reuniones HubSpot
Bloque HTML Personalizado
Variaciones de Tamaño de Imagen
El bloque de imagen admite varias opciones de tamaño para controlar cómo se muestran las imágenes dentro de tu contenido. Cada tamaño sirve para un propósito y caso de uso diferentes.
Tamaño Pequeño (200px)
Las imágenes pequeñas son perfectas para miniaturas, iconos o gráficos en línea que no deben dominar el flujo de contenido.
Tamaño Medio (50% de ancho)
Las imágenes medianas ocupan la mitad del ancho del contenido, ideales para ilustraciones estándar que respalden tu texto sin abrumarlo.
Tamaño Grande (75% de ancho)
Las imágenes grandes son excelentes para visuales destacados que merecen prominencia manteniendo algo de espacio en blanco en el diseño.
Ancho Completo
Las imágenes a ancho completo llenan todo el contenedor de contenido. Utiliza estas para imágenes de héroe, diagramas o capturas de pantalla que necesitan máximo impacto y visibilidad de detalles.
Variaciones de Diseño de Cuadrícula de Estadísticas
Las cuadrículas de estadísticas se pueden mostrar en múltiples diseños y variantes de fondo para adaptarse a tus necesidades de contenido.
Diseño Centrado con Fondo Arena
Diseño Horizontal con Divisores
Diseño de Lista con Tema Bosque
Alineado a la Izquierda con Fondo Transparente
Variaciones de Tema de Destacados de Contenido
Los destacados de contenido admiten múltiples opciones de tema para crear jerarquía visual y atraer la atención a información importante.
Tema Arena
Tema Luz Solar
Tema Bosque
Tema Opaco con Botón CTA
Opciones de Diseño de Bloque de Comilla
Las comillas estructuradas se pueden mostrar en diferentes diseños y temas para coincidir con el tono y énfasis que necesitas.
Comilla en Línea con Fondo Transparente
Las comillas en línea se integran sin problemas con el contenido circundante, lo que las hace perfectas para testimonios dentro de texto narrativo.
Comilla de Llamada con Tema Cielo
Las comillas de llamada con fondos coloreados crean fuerte énfasis visual, perfectas para destacar testimonios impactantes o declaraciones clave.
Comilla de Llamada con Tema Luz Solar
Comilla en Línea con Tema Bosque
Ejemplos de Bloques de Vídeo
Los bloques de vídeo admiten incrustaciones de YouTube, Vimeo y otras plataformas. Cada vídeo puede incluir un título y un título opcional para el contexto.
Vídeo de Demo del Producto
Vídeo de Testimonial de Cliente
Tutorial de Capacitación
Opciones de Diseño de Tabla
Las tablas se pueden configurar con diferentes opciones de estilo incluyendo espaciado compacto e filas de encabezado para adaptarse a tus necesidades de contenido.
Tabla de Comparación de Características
Estilo de Tabla Compacta
Ejemplos de Formato de Texto Avanzado
Esta sección demuestra combinaciones avanzadas de formato de texto incluyendo negrita, cursiva, subrayado, tachado, y estilos código en línea.
Combinaciones de Formato Complejo
Puedes crear texto negrita cursiva para énfasis extra, o incluso texto negrita subrayado cuando necesites máxima visibilidad. Para documentación técnica, puedes utilizar código en negrita para destacar comandos o variables importantes.
Enlaces con Formato
Los enlaces también se pueden formatear: enlace en negrita, enlace en cursiva, o incluso enlace en negrita cursiva subrayado para máximo énfasis en recursos externos importantes.
Tipos de Bloques Adicionales
Ejemplo de Formulario de Contacto
Los formularios HubSpot se pueden incrustar directamente en el contenido para capturar clientes potenciales e inquietudes en puntos estratégicos de tu contenido.
Planificador de Reuniones
Permite que los visitantes reserven reuniones directamente desde tu contenido utilizando el planificador de reuniones de HubSpot.
Resumen de Todas las Opciones Disponibles
Esta demostración completa ha mostrado todos los tipos de bloques de contenido disponibles y opciones de formato en el CMS. Utiliza esta página como referencia cuando crees contenido para entender todas las herramientas a tu disposición.
Lista de Verificación de Referencia Rápida
- Formato de Texto: Negrita, cursiva, subrayado, tachado, código y combinaciones
- Encabezados: H2, H3, H4 para jerarquía de contenido
- Listas: Viñetas y numeradas, con soporte de anidación
- Imágenes: Opciones pequeña, mediana, grande y ancho completo
- Cuadrículas de Estadísticas: Diseños centrado, izquierda, horizontal y lista con 11 variantes de tema
- Destacados de Contenido: 10 opciones de tema con botones CTA opcionales
- Comillas: Diseños en línea y de llamada con personalización de tema
- Vídeos: Incrustaciones de YouTube, Vimeo y otras plataformas con títulos
- Tablas: Estilos estándar y compactos con opciones de fila de encabezado
- Formularios y Reuniones: Incrustaciones de formulario HubSpot y planificador de reuniones
- HTML Personalizado: Para necesidades de personalización avanzada
- Acordeones de Preguntas Frecuentes: Secciones de preguntas y respuestas expandibles
- Banners CTA: Secciones de llamada a la acción con iconos, imágenes y botones
Bloque de Tabla
Bloque de Inserción CTA
Formato Avanzado
Puedes crear diseños complejos combinando múltiples bloques y opciones de formato juntos.
Listas Anidadas
- Elemento padre uno
- Elemento hijo anidado
- Otro hijo anidado
- Elemento padre dos con texto formateado
- Elemento padre tres
Conclusión
Esta página de demostración muestra todas las opciones de formato de contenido disponibles y bloques personalizados. Los editores pueden utilizar cualquier combinación de estos elementos para crear contenido rico y atractivo.
Nota: Esta es una página de demostración y está configurada para noindex/nofollow para evitar que aparezca en los resultados de búsqueda.
