¡Muy buenas! En el video de hoy, vamos a explorar cómo personalizar el diseño de las entradas de tu blog en WordPress. Esta es la cuarta clase de nuestro curso gratuito donde aprenderemos a diseñar un blog desde cero. En esta clase, aprenderás a crear y personalizar entradas en WordPress, desde el título hasta la optimización para SEO. ¡Empecemos!
Antes recuerda que puedes suscribirte gratis al blog.
Si te suscribes puedes proponer artículos y cursos. También te envío un email semanal con todas las novedades que publico en el blog.
Lecciones del curso Diseño web de un blog:
- 1.
Presentación curso diseño web de un blog. - 2.
Preparamos WordPress para el diseño del blog. - 3.
Guía práctica para organizar categorías y etiquetas del blog. - 4.
Crear y personalizadar entradas en WordPress. - 5.
Diseño de la página de blog, categorias y autor. - 6.
Personalizamos la página de inicio del blog. - 7.
Hacemos una página de contacto para el blog. - 8.
Configuramos plugin de SEO para el blog. - 9.
Indexamos web completa con Google Search Console - 10.
Añadimos formulario suscripción newsletter del blog - 11.
LECCIÓN EXTRA. Configuramos la suscripción a la newsletter del blog.
Lecciones del curso Diseño web de un blog:
En el video vemos como crear una entrada nueva desde cero, teniendo muy presente el SEO para posicionar el artículo en Google. También repasamos buenas prácticas de WordPress, lo primero que haremos en la lección, es asegurarnos de que todos nuestros plugins y temas estén actualizados. Esto es crucial para mantener la seguridad y tenerlos al día con sus nuevas funcionalidades.
Creamos una nueva entrada en WordPress.
Te dejo un repaso de lo que vemos en el video de la lección.
Título y SEO.
- Vamos a «Entradas» y luego a «Añadir nueva».
- Escribimos un título descriptivo y relevante para el SEO. Por ejemplo, «Los mejores prompts de ChatGPT para SEO».
- El título debe ser claro para que Google entienda el contenido del artículo y lo muestre en los resultados de búsqueda.
Estructura de encabezados.
- Utiliza encabezados (H1, H2, H3) de manera jerárquica.
- Solo debe haber un H1 por entrada, que será el título principal.
- Los H2 y H3 se utilizan para subdividir el contenido de manera lógica.
Optimización para motores de búsqueda.
- Añade un meta title y meta description a cada entrada.
- Estos elementos son cruciales para el SEO y ayudan a captar la atención de los usuarios en los resultados de búsqueda.
Personalización del diseño.
Logotipo y cabecera.
- Cambia el logotipo en la personalización de la cabecera.
- Asegúrate de que el logotipo se vea bien en todas las páginas y dispositivos.
Ancho del contenido y comentarios.
- Ajusta el ancho del contenido a 900 píxeles para una mejor legibilidad.
- Decide si deseas habilitar o deshabilitar los comentarios en tus entradas.
Añadir contenido y bloques.
Imágenes y texto.
- Añade imágenes y texto utilizando el editor de bloques de WordPress.
- Puedes centrar las imágenes y ajustar su tamaño según sea necesario.
Reproductor de audio.
- Si tienes un podcast, añade un bloque de audio para que los usuarios puedan reproducir episodios directamente desde tu blog.
Tabla de contenidos.
- Utiliza el plugin Easy Table of Contents para añadir una tabla de contenidos automáticamente.
- Personaliza su apariencia y posición para mejorar la navegación del usuario.
Código CSS personalizado.
Aquí tienes el código CSS que utilizamos en la lección, lo puedes copiar y pegar directamente en el editor de CSS del personalizador tal y cómo te muestro en el video.
/*PERSONALIZAR ARTÍCULOS*/
.single-post .post-thumb, .entry-title{
text-align:center;
}
.single-post .post-thumb img{
border-radius:15px;
margin-top: 2em!important;
max-width:400px!important;
}
.single-post .entry-meta{
display:none;
}
.single-post .site-content > .ast-container .uagb-container-inner-blocks-wrap {
max-width: 900px!important;
}
/*TABLA DE CONTENIDOS*/
#ez-toc-container.ez-toc-transparent {
padding: 2em;
margin: 3em!important;
}
#ez-toc-container nav{
margin-top:10px;
}
En la próxima clase
En la próxima lección, nos enfocaremos en personalizar las páginas de resumen de artículos por categoría.
Tienes a tu disposición el formulario de la página de contacto por si tienes alguna duda hacérmela llegar. Espero que disfrutes del curso tanto como yo haciéndolo. ¡Nos vemos en la siguiente lección!

Albert Gimeno, diseñador y consultor web.