> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Diseñar publicaciones de blog

> Aprende a diseñar el aspecto y la sensación de tus publicaciones de blog.

## Descripción general

Diseña el aspecto y la sensación de tus publicaciones de blog para que coincidan con tu marca y crear una experiencia de lectura consistente.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/1bop9zoihz" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## Diseñar tus publicaciones de blog

Lo entendemos. Estrategizar, crear y entregar contenido requiere mucho esfuerzo.

**Con el [Website Builder](./customizing-your-website-pages-with-the-website-builder) puedes diseñar tus publicaciones de blog a tu propio ritmo.**

¿Quieres pasar menos tiempo personalizando el diseño y más tiempo creando tu contenido? ¿O prefieres profundizar en el trabajo de diseño de tus publicaciones de blog para representar mejor tu marca?

La decisión es tuya con el Website Builder.

Con el Website Builder, el proceso de diseñar tu publicación de blog es simple y fácil de configurar.

Pero si buscas crear una página de publicación de blog altamente personalizada, tienes las capacidades de edición para hacerlo.

¿Buscas crear y editar tus publicaciones de blog? [Haz clic aquí para aprender más](../blog/how-to-create-a-blog-post).

***

## Personalizar el diseño de tus publicaciones de blog

La página de diseño de publicación de blog es muy similar a tu [página de inicio principal del blog](./how-to-design-your-blog-homepage) con la adición de la Sección de Cuerpo de Publicación de Blog.

### Para personalizar el diseño de tu publicación de blog

* Abre la pestaña **Website** desde tu Dashboard.
* Haz clic en la pestaña **Pages**.
* Selecciona **Blog Post** de tu lista de páginas del sitio web para comenzar a personalizar:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/mmu37pcbmy" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

<Note>
  **Nota:** Diseñar tus Publicaciones de Blog se aplicará automáticamente a todas tus Publicaciones de Blog nuevas y anteriores.
</Note>

La Sección de Cuerpo de Publicación de Blog es exclusiva del creador de publicaciones de blog para personalizar el aspecto y la sensación general de tus publicaciones de blog.

La Sección de Cuerpo de Publicación de Blog te permite personalizar:

* El contenido que se muestra (por ejemplo, encabezado, fecha, etiquetas)
* Un Llamado a la Acción para animar una respuesta inmediata de tus visitantes
* Un Formulario de Suscripción para animar a los visitantes a suscribirse a tu lista
* La barra lateral de tu publicación de blog por separado de la barra lateral de la página de inicio de tu blog

Para editar la sección de Cuerpo de Publicación de Blog, abre el [editor de página](./how-to-get-to-the-page-editor) para tu Blog y haz clic en la sección desde tu barra lateral.

***

## Configuración del cuerpo de publicación de blog

En tu sección de cuerpo de publicación de blog, personaliza:

* Cuerpo de Publicación de Blog
* Llamado a la Acción
* Suscripción
* Barra lateral
* Configuración de la Sección

<Note>
  **Nota:** Diseñar tus Publicaciones de Blog se aplicará automáticamente a todas tus Publicaciones de Blog nuevas y anteriores.
</Note>

### Cuerpo de publicación de blog

#### Personaliza el contenido de tu cuerpo de publicación de blog a mostrar

* **Header on Top** - Tu Encabezado de Publicación de Blog encima de tu Medio de Publicación de Blog
* **Date** - La fecha de publicación de la publicación de blog
* **Tags** - Cualquier etiqueta asignada a tu publicación de blog. [Aprende más](../blog/how-to-categorize-your-blog-posts)

**Video Player Color** - Haz clic para personalizar el color de tu reproductor de video para publicaciones de blog con un video subido como tipo de medio.

Si prefieres usar un color personalizado, haz clic en la rueda de color y luego ingresa tu código de color RGB o usa los deslizadores para elegir tu color.

* La **barra vertical** te permite seleccionar el tono.
* El **cuadro** te permite seleccionar el brillo y la saturación.
* La **barra horizontal** te permite seleccionar la opacidad de tu color.

### Barra lateral de publicación de blog

Con el [Website Builder](./customizing-your-website-pages-with-the-website-builder), personaliza la barra lateral de tu publicación de blog de forma independiente de la barra lateral de la página de inicio de tu blog, para diseñar un espacio para que los visitantes de tu publicación de blog naveguen fácilmente por tu blog con la barra lateral de la publicación de blog.

Con el Website Builder, personaliza cómo se muestra la Barra Lateral del Cuerpo de tu Publicación de Blog en dispositivos de Escritorio y Móviles:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/14f578a7_17018362193051.png" alt="Kajabi_-__admin_themes_2150415231_settings_edit.jpg" />

#### Personaliza tu barra lateral de blog agregando, eliminando y organizando los bloques de tu barra lateral de publicación de blog

* **Author** - Agrega y personaliza tu información de autor para mostrarla en la barra lateral de la página de inicio de tu blog:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/79268eed_17021519987867.png" alt="Screenshot_7_10_23__9_51_AM.jpg" />

<Tip>
  **Consejo:** La información del Autor del Blog en una Publicación de Blog extraerá automáticamente la información del instructor desde la configuración de detalles de tu sitio. Esta configuración se puede anular al personalizar el diseño de tu Publicación de Blog. Ten en cuenta que el diseño de tu publicación de blog se aplicará en cada publicación de blog.
</Tip>

* **Call to Action** - Anima a una respuesta inmediata de tus visitantes para suscribirse a tus correos de marketing, ver una página de destino, comprar una Oferta y más. [Aprende a usar un Llamado a la Acción](./how-to-add-a-call-to-action-block-to-your-website-page-and-landing-page).

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/9019fa11_17021513944987.png" alt="Kajabi_-__admin_themes_2150415231_settings_edit.jpg" />

* **Categories** - Usa Categorías para filtrar fácilmente tus Publicaciones de Blog cuando los visitantes vean tu Blog. Personaliza el idioma y la apariencia de tu bloque de Categorías en la barra lateral de la página de inicio del blog. Lee [Cómo Categorizar tus Publicaciones de Blog](../blog/how-to-categorize-your-blog-posts) para más detalles.

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/1abaf1c6_17021513947419.png" alt="Screenshot_7_10_23__10_42_AM.jpg" />

* **Custom Block** - Crea bloques personalizados en la Barra Lateral de tu Blog para incluir Imágenes, un [Llamado a la Acción](./how-to-add-a-call-to-action-block-to-your-website-page-and-landing-page) (CTA), y contenido de texto adicional. Por ejemplo, anuncia tu propia Oferta desde la barra lateral de tu blog.

***

## Configuración de la sección

### Llamado a la acción

Anima a una respuesta inmediata de tus visitantes para suscribirse a tus correos de marketing, ver una página de destino, comprar una Oferta y más. [Aprende a personalizar un Llamado a la Acción para más detalles](./how-to-add-a-call-to-action-block-to-your-website-page-and-landing-page).

Selecciona **Show Call to Action** si deseas agregar un Llamado a la Acción al final del Cuerpo de tu Publicación de Blog:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/6b25f8f6_17021520016027.png" alt="Kajabi_-__admin_themes_2150415231_settings_edit.jpg" />

### Suscripción

Anima a los visitantes de tu publicación de blog a enviar un Formulario agregando una Suscripción a la sección del Cuerpo de tu Publicación de Blog. [Aprende a personalizar un Formulario en tu página para más detalles](./how-to-add-a-form-to-your-page#customize-your-form-block).

Selecciona **Show Opt In** para agregar la Suscripción al final del Cuerpo de tu Publicación de Blog:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/1f52c92c_17021520020123.png" alt="Screenshot_7_10_23__11_10_AM.jpg" />

### Contenedor de publicación de blog

Coloca tu Publicación de Blog en un contenedor para separar visualmente tu publicación de otras secciones en tu Publicación de Blog. En esta sección, puedes personalizar el color de fondo del contenedor, tipo de borde, ancho de borde, borde y sombra del contenedor.

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-13-blog-post-container-dropdown-1785055573906-1785428418439.png" alt="Kajabi_-__admin_themes_2150415231_settings_edit.jpg" />

### Contenedor de barra lateral de blog

Coloca tu Barra Lateral de Blog en un contenedor para separar y resaltar visualmente tu barra lateral de otras secciones en tu Publicación de Blog. En esta sección, puedes personalizar el color de fondo del contenedor, tipo de borde, ancho de borde, borde y sombra del contenedor.

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/7ba1e014_17021687925659.png" alt="Screenshot_7_10_23__11_14_AM.jpg" />

Personaliza tu Blog aún más personalizando el fondo y editando la apariencia de diseño de escritorio y móvil de las secciones de tu Blog:

* [Fondo](./customizing-block-background-settings)
* [Diseño de escritorio y móvil](./customizing-block-layout-settings)