Me encontré con esto cuando quise destacar un tutorial largo en mi blog. El tema que estaba usando forzaba cada entrada a tener el mismo diseño estrecho: barra lateral, caja de autor, comentarios, todo. Simplemente no funcionaba para lo que necesitaba.
Si te encuentras en una situación similar, esta guía te mostrará cómo crear una plantilla de entrada personalizada de WordPress para que puedas cambiar el diseño de entradas específicas, sin tocar código ni editar los archivos de tu tema.
¿Por qué crear una plantilla de entrada personalizada de WordPress?
He necesitado esto más de una vez, especialmente al escribir tutoriales largos o entradas de blog que no encajan en el diseño predeterminado. La mayoría de los temas de WordPress solo ofrecen un diseño de entrada, y generalmente está diseñado para contenido corto y básico. Eso puede ser un obstáculo.
Una plantilla de entrada personalizada te da más control sobre cómo se ven y se sienten las entradas individuales del blog. Puedes ajustar el diseño según el contenido, la categoría o el propósito. Esto es lo que hace posible:
- Usar diferentes diseños para diferentes tipos de contenido, como ancho completo para tutoriales y diseños con barra lateral para noticias.
- Destacar contenido destacado o perenne añadiendo banners personalizados, lead magnets o llamadas a la acción.
- Eliminar distracciones como barras laterales o cajas de autor que no añaden valor a la entrada.
- Adaptar tu diseño a la categoría de la entrada, como "Guías", "Recetas" o "Reseñas".
- Probar cambios de diseño sin editar los archivos de tu tema ni escribir código personalizado.
Si publicas en un blog, creas tutoriales o administras un sitio web de negocios, una plantilla de entrada personalizada hace que tu contenido sea más fácil de leer y esté más adaptado a tus objetivos.
3 formas de crear una plantilla de entrada personalizada de WordPress
Ahora que sabes qué es una plantilla de entrada personalizada de WordPress, veamos cómo crear una en WordPress. A continuación, cubriremos varios métodos diferentes para que puedas elegir el que mejor te funcione.
Método 1: Usar SeedProd para crear una plantilla de entrada personalizada
La primera es una forma súper sencilla de crear plantillas de entrada individuales personalizadas en WordPress. Usaremos SeedProd, el mejor plugin de creación de temas de WordPress del mercado.
Con SeedProd, puedes crear una plantilla de entrada personalizada de WordPress sin escribir código ni modificar las carpetas de tu tema de WordPress.
Lo primero que necesitarás hacer es instalar y activar el plugin SeedProd. Para obtener ayuda con esto, consulta esta guía paso a paso sobre cómo instalar un plugin de WordPress.
Después de activar SeedProd, ve a SeedProd » Ajustes para introducir tu clave de licencia.
Puedes encontrar esta información en tu cuenta en el sitio web de SeedProd.
Cuando usas SeedProd, reemplaza el tema que usas actualmente y te permite personalizar cada centímetro de tu sitio con su constructor visual de arrastrar y soltar.
Ahora, ve a SeedProd » Theme Builder y haz clic en el botón Themes para empezar.
Desde allí, verás una variedad de plantillas de temas de WordPress prefabricadas que puedes usar.
Para elegir un tema, pasa el ratón sobre la miniatura y haz clic en el icono de la marca de verificación.
Después de elegir un tema, verás una lista de partes de plantilla, que incluyen:
- Página Individual
- Publicación Individual
- Página de blog y archivo
- Página de inicio
- Barra lateral
- Pie de página
- Encabezado
Estos son todos los diferentes elementos que componen un tema de WordPress completo.
Normalmente, solo puedes acceder a estas partes del tema editando los archivos de tu tema de WordPress. Pero con SeedProd, puedes verlo todo en una interfaz visual fácil.
Como puedes ver, SeedProd tiene una plantilla personalizada para entradas individuales por defecto. Pero a diferencia del editor de WordPress predeterminado y otros temas, puedes personalizar instantáneamente la plantilla visualmente.
Así que, veamos cómo personalizar la plantilla de entrada individual con SeedProd.
Busca la sección Single Post en el constructor de temas y haz clic en el enlace Edit Design. Esto abrirá tu plantilla de entrada en el editor visual de SeedProd.
El editor visual de SeedProd tiene un diseño de 2 columnas. A la izquierda están los bloques y secciones que puedes añadir a tu diseño. Luego, a la derecha hay una vista previa donde puedes ver los cambios en tiempo real.
Haz clic en cualquier lugar de tu plantilla de entrada para personalizar el diseño. Por ejemplo, si haces clic en el título de la entrada, verás su configuración en el panel de la izquierda.
Desde allí, puedes cambiar la etiqueta del encabezado, la alineación, el nivel del encabezado y el tamaño de la fuente. También puedes hacer clic en la pestaña Avanzado para cambiar los colores de la fuente, el espaciado y otros estilos.
SeedProd utiliza etiquetas de plantilla para extraer contenido dinámico de WordPress como títulos de entradas, imágenes destacadas, comentarios y más. Eso significa que puedes mostrar una variedad de contenido en tus entradas sin editar tu archivo de entrada individual directamente.
Por ejemplo, puedes arrastrar el bloque de Entradas y añadirlo al final del contenido de tu entrada.
Luego puedes configurarlo para mostrar contenido de categorías específicas.
Siéntete libre de experimentar con diferentes bloques y jugar con su configuración. Después de crear algo que te gustaría usar como tu plantilla de entrada, es hora de guardarlo haciendo clic en el botón verde Save en la esquina superior derecha.
Puedes personalizar el resto de tu tema de WordPress de la misma manera. Pero si necesitas un poco de ayuda, consulta esta guía paso a paso sobre cómo crear un tema de WordPress personalizado con SeedProd.
Cuando estés satisfecho con cómo se ve todo, asegúrate de hacer clic en el interruptor Enable SeedProd Theme en la esquina superior derecha.
Así es como se ve nuestra nueva plantilla personalizada para entradas individuales:
Como puedes ver, hemos eliminado la caja del autor y hemos añadido publicaciones relacionadas y botones para compartir en redes sociales usando el editor de arrastrar y soltar de SeedProd.
Pero no se detiene ahí. Con SeedProd, puedes añadir tantas plantillas de entradas personalizadas como quieras, lo que significa que puedes tener un diseño diferente para cada categoría de entrada si lo deseas.
Para añadir una nueva plantilla de entrada única, simplemente haz clic en el enlace Duplicar bajo la plantilla de entrada original.
Eso añadirá una copia de la plantilla en la parte superior de tu página de plantillas de tema.
Ahora, procede a personalizar la plantilla con un diseño diferente como hiciste anteriormente. Cuando estés satisfecho con el diseño, guarda tus cambios y vuelve a la página de plantillas.
Después de personalizar tu nueva plantilla de entrada única, haz clic en el enlace Editar condiciones, que abre una nueva ventana donde puedes establecer dónde se mostrará esta plantilla.
Dale un nombre a tu plantilla, luego, bajo el encabezado Condiciones, puedes elegir el tipo de contenido que deseas mostrar. Por ejemplo, si solo quieres que las entradas de la categoría "Tutoriales" tengan este diseño en particular, elige la opción "Tiene categoría" en la sección Entradas.
A continuación, introduce las categorías que deseas incluir, establece la prioridad en 10 y haz clic en Guardar.
Ahora, cuando veas cualquier entrada de esa categoría en particular, mostrará tu nueva plantilla de entrada personalizada.
Así es como se ve nuestra nueva plantilla de entrada "Tutoriales":
Para este diseño, hemos eliminado la barra lateral para que el diseño ocupe todo el ancho. Y si miras esta captura de pantalla:
Puedes ver que hemos eliminado las entradas relacionadas y la sección de comentarios.
Esta es la forma más fácil de crear múltiples plantillas de entradas personalizadas en WordPress. No requiere código, no estropeará ningún archivo del tema y no necesitas ninguna experiencia técnica.
Método 2: Usar el editor de bloques para guardar un diseño de entrada personalizado
Este método implica el uso del editor de bloques de WordPress. Estrictamente hablando, esta solución no crea una plantilla de entrada; sin embargo, sí ofrece una forma fácil de guardar y reutilizar diseños de entradas únicas repetidamente.
El editor de bloques de WordPress tiene una función útil que te permite guardar y reutilizar bloques en todo tu sitio de WordPress.
Uno de esos bloques es el bloque "Grupo", que te permite añadir varios bloques y diseños de entradas en un solo grupo. A partir de ahí, puedes guardar tu bloque personalizado y reutilizarlo en otras entradas del blog.
Teniendo esto en cuenta, así es como se utiliza el bloque de grupo para guardar tu plantilla de entrada personalizada.
Primero, ve a Entradas » Añadir nueva desde tu panel de WordPress y crea una nueva entrada de WordPress. Después de eso, haz clic en el icono más (+) y añade un nuevo bloque "Grupo" a tu área de contenido.
Ahora puedes añadir bloques dentro del bloque Grupo para crear un diseño de entrada única. Puedes añadir cualquier bloque en esta área, incluyendo columnas, texto, medios, imágenes y más.
Cuando estés satisfecho con tu diseño, selecciona el bloque Grupo para que tenga un contorno.
A partir de ahí, haz clic en los 3 puntos para expandir la configuración del bloque y haz clic en el encabezado "Añadir a bloques reutilizables".
A continuación, dale un nombre al bloque reutilizable. WordPress guardará el grupo y todos los bloques que contiene automáticamente.
Ahora, cada vez que agregues una nueva entrada en WordPress, puedes hacer clic en el encabezado Bloques reutilizables y hacer clic en tu plantilla personalizada de entrada única para agregarla a tu editor de entradas.
Después de agregar el bloque al área de contenido de WordPress, cargará todos los bloques guardados previamente en tu bloque de Grupo.
Aunque este método te permite guardar diseños personalizados para las entradas del blog, no cambia cómo tu tema maneja las entradas individuales. Así que si deseas más flexibilidad, sigue leyendo para conocer más soluciones de plantillas de entrada única.
Método 3: Codificar manualmente una plantilla de entrada de WordPress
Este método es bastante avanzado porque implica editar los archivos de tu tema, copiar y pegar código, y escribir CSS personalizado. Así que solo usa este método si tienes confianza y sabes lo que estás haciendo.
Primero, abre un editor de texto plano como el Bloc de notas en tu computadora. Luego, pega el siguiente código:
<?php
/*
* Template Name: Featured Article
* Template Post Type: post, page, product
*/
get_header(); ?>
Este código define una nueva plantilla de entrada llamada "Artículo Destacado" y la hace disponible para los tipos de contenido de entradas, páginas y productos.
Después de copiar y pegar el código, guarda el archivo como sp_single_post.php en tu escritorio.
El siguiente paso es subir el archivo a la carpeta de tu tema actual de WordPress. Puedes hacerlo usando un cliente FTP.
Una vez que el archivo esté en su lugar, inicia sesión en tu área de administración de WordPress y crea o edita una entrada. Dentro de la pantalla de edición de entradas, desplázate hacia abajo hasta que veas el nuevo cuadro meta Atributos de entrada con una opción para elegir una plantilla.
En esta sección, verás tu nueva plantilla de Artículo Destacado. Por ahora, seleccionar la plantilla mostrará una pantalla en blanco porque está vacía.
Para solucionar eso, necesitarás agregar algo de código para mostrar el contenido de tu entrada. La forma más fácil de hacerlo es copiar el código del archivo single.php de tu tema y usarlo como punto de partida.
Así que abre el archivo single.php y copia todo lo que está después de la línea get_header(). Luego, pega el código en tu archivo sp-single-post.php al final.
Desde allí, guarda el archivo y súbelo de nuevo a tu servidor.
En este punto, tu plantilla se verá exactamente igual que tu antigua plantilla de entrada única. Necesitarás personalizarla agregando clases CSS personalizadas, eliminando barras laterales o cualquier otro cambio que desees realizar.
Preguntas frecuentes sobre plantillas de entrada de WordPress
Hemos compartido 3 formas de crear una plantilla de entrada personalizada en WordPress en este artículo. Elige el método con el que te sientas más cómodo y comienza a mostrar tus entradas de blog como deseas.
Ya que estás aquí, también te podría interesar esta entrada sobre la anatomía de una página de destino exitosa.
¡Gracias por leer! Nos encantaría conocer tu opinión, así que únete a la conversación en YouTube, X y Facebook para obtener más consejos y contenido útil para hacer crecer tu negocio.
