Últimas noticias de SeedProd

Tutoriales, consejos y recursos de WordPress para hacer crecer tu negocio

cómo crear una plantilla de entrada personalizada WordPress

Cómo crear una plantilla de entrada personalizada de WordPress para entradas individuales 

Escrito por: imagen de autor Stacey Corrin
imagen de autor Stacey Corrin
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.
     Revisado por: John Turner
imagen del revisor John Turner
John Turner es el cofundador de SeedProd. Cuenta con más de 20 años de experiencia empresarial y de desarrollo y sus plugins se han descargado más de 25 millones de veces.

¿Desea crear una plantilla de entrada de WordPress personalizada para entradas de blog individuales?

La creación de una plantilla de entrada única personalizada le permite utilizar diferentes diseños para entradas de blog específicas en WordPress. Aunque muchos temas de WordPress incluyen plantillas de página personalizadas, la mayoría no pueden crear diseños de contenido de entrada personalizados.

Este artículo te mostrará cómo crear fácilmente una plantilla de entrada personalizada para WordPress. Describiremos varios métodos para que puedas elegir el que mejor se adapte a tu sitio de WordPress.

¿Cuándo se necesita una plantilla de entrada de WordPress personalizada?

Las plantillas de entradas personalizadas de WordPress le permiten dar a determinadas entradas de su sitio web un aspecto diferente. Por ejemplo, puedes dar a las entradas destacadas un diseño distinto o crear un aspecto diferente para entradas específicas de diferentes categorías.

Para ello, necesitará una plantilla de entrada única personalizada.

WordPress basa su plantilla de entrada única en la jerarquía de plantillas de WordPress por defecto. Esto significa que utiliza la plantilla single.php para todas tus entradas.

Todos los temas de WordPress vienen con la plantilla única por defecto. Sin embargo, algunos temas también pueden incluir plantillas o diseños adicionales que puedes utilizar.

Es similar a cómo WordPress maneja las plantillas de página única. Por defecto, hay una plantilla única que todos los temas utilizan, pero la mayoría incluyen archivos de plantilla de página adicionales que puedes utilizar al editar páginas en WordPress.

Cómo crear una plantilla de entrada de WordPress personalizada

Ahora que ya sabes lo que es una plantilla de entrada personalizada de WordPress, vamos a ver cómo crear una en WordPress. A continuación, vamos a cubrir varios métodos diferentes para que pueda elegir uno que funcione mejor para usted.

Crear una plantilla de entrada única en WordPress con SeedProd

Lo primero es una forma superfácil de crear plantillas personalizadas de entradas individuales en WordPress. Usaremos SeedProd, el mejor plugin de creación de temas para WordPress del mercado.

SeedProd mejor sitio web WordPress Builder

Con SeedProd, puede crear una plantilla de entrada de WordPress personalizada sin escribir código ni modificar las carpetas de su tema de WordPress.

Lo primero que tienes que hacer es instalar y activar el plugin SeedProd. Para obtener ayuda con esto, consulte esta guía paso a paso sobre la instalación de un plugin de WordPress.

Después de activar SeedProd, vaya a SeedProd " Configuración para introducir su clave de licencia.

Introduzca su clave de licencia seedprod

Puede encontrar esta información en su cuenta en el sitio web de SeedProd.

Encuentre su clave de licencia SeedProd

Cuando utiliza SeedProd, sustituye el tema que utiliza actualmente y le permite personalizar cada centímetro de su sitio con su constructor visual de arrastrar y soltar.

Ahora, vaya a SeedProd " Theme Builder y haga clic en el botón Temas para empezar.

Añadir una plantilla de tema personalizado en seedprod

A partir de ahí, verás una variedad de plantillas de temas de WordPress prefabricados que puedes utilizar.

wordpres plantillas tema seedprod

Para elegir un tema, pase el ratón por encima de la miniatura y haga clic en el icono de la marca de verificación.

elija una plantilla temática seedprod

Después de elegir un tema, verás una lista de partes de la plantilla, incluyendo:

  • Una página
  • Puesto único
  • Blog y página de archivos
  • Página de inicio
  • Barra lateral
  • Pie de página
  • Cabecera

Estos son los diferentes elementos que componen un tema completo de WordPress.

Normalmente, sólo se puede acceder a estas partes del tema mediante la edición de los archivos del tema de WordPress. Pero con SeedProd, se puede ver todo en una interfaz visual fácil.

SeedProd WordPress plantilla tema partes

Como se puede ver, SeedProd tiene una plantilla personalizada por defecto. Pero a diferencia del editor por defecto de WordPress y otros temas, puedes personalizar la plantilla visualmente al instante.

Por lo tanto, vamos a ver cómo personalizar la plantilla de entrada única con SeedProd.

Busque la sección Single Post en el constructor de temas y haga clic en el enlace Editar Diseño. Esto abrirá su plantilla de entrada en el editor visual de SeedProd.

Editar la plantilla de entrada personalizada con SeedProd

El editor visual de SeedProd tiene un diseño de 2 columnas. A la izquierda hay bloques y secciones que puede añadir a su diseño. Luego, a la derecha hay una vista previa donde se pueden ver los cambios en tiempo real.

SeedProd creador visual de temas wordpress

Haz clic en cualquier parte 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.

Configuración del título de la entrada SeedProd

Desde ahí, puede cambiar la etiqueta del titular, la alineación, el nivel del título y el tamaño de la fuente. También puedes hacer clic en la pestaña Avanzado para cambiar los colores de las fuentes, 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. Esto significa que puedes mostrar una gran variedad de contenido en tus entradas sin necesidad de editar directamente el archivo de la entrada.

Por ejemplo, puedes arrastrar el bloque Entradas y añadirlo al final del contenido de la entrada.

Cómo añadir entradas a la plantilla de entrada personalizada de WordPress

A continuación, puede configurarlo para que muestre contenidos de categorías específicas.

Siéntete libre de experimentar con diferentes bloques y jugar con sus ajustes. Después de crear algo que te gustaría utilizar como plantilla de entrada, es el momento de guardarlo haciendo clic en el botón verde Guardar en la esquina superior derecha.

Guardar plantilla de entrada personalizada WordPress

Puedes personalizar el resto de tu tema de WordPress de la misma manera. Pero si necesitas un poco de ayuda, echa un vistazo a esta guía paso a paso sobre cómo crear un tema de WordPress personalizado con SeedProd.

Cuando estés satisfecho con el aspecto de todo, asegúrate de hacer clic en el conmutador Activar tema SeedProd en la esquina superior derecha.

activar el tema seedprod

Así es como se ve nuestra nueva plantilla personalizada de entrada única:

ejemplo: crear plantilla de entrada personalizada WordPress

Como puedes ver, hemos eliminado el cuadro de autor y hemos añadido entradas relacionadas y botones para compartir en redes sociales utilizando el editor de arrastrar y soltar de SeedProd.

Pero no se detiene ahí. Con SeedProd, puede agregar tantas plantillas personalizadas como desee, lo que significa que puede tener un diseño diferente para cada categoría si lo desea.

Para añadir una nueva plantilla de entrada única, basta con hacer clic en el enlaceDuplicar situado bajo la plantilla de entrada original.

Duplicar plantilla de entrada única WordPress

Esto añadirá una copia de la plantilla en la parte superior de la página de plantillas de su tema.

Copia de la plantilla de puesto único

Ahora, sigue adelante y personaliza la plantilla con un diseño diferente al que hiciste anteriormente. Cuando estés satisfecho con el diseño, guarda los cambios y vuelve a la página de plantillas.

Después de personalizar su nueva plantilla de entrada única, haga clic en el enlace Editar condiciones, que abre una nueva ventana donde puede establecer dónde se mostrará esta plantilla.

Editar condiciones de plantilla de entrada única

Dale un nombre a tu plantilla y, a continuación, en el apartado 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.

Editar las condiciones para la plantilla de entrada única WordPress

A continuación, introduzca las categorías que desea incluir, establezca la prioridad en 10 y haga clic en Guardar.

Ahora, cuando veas cualquier entrada de esa categoría en particular, mostrarán tu nueva plantilla de entrada personalizada.

Así es como se ve nuestra nueva plantilla de post "Tutoriales":

Plantilla de entrada personalizada de WordPress

Para este diseño, hemos eliminado la barra lateral para hacer el diseño de ancho completo. Y si nos fijamos en esta captura de pantalla:

Plantilla de entrada personalizada WordPress

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 experiencia técnica.

Crear una plantilla de entrada de WordPress con el editor de bloques

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, ofrece una manera fácil de guardar y reutilizar diseños de entrada única repetidamente.

El editor de bloques de WordPress tiene una ingeniosa función 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 único grupo. A partir de ahí, puedes guardar tu bloque personalizado y reutilizarlo en otras entradas del blog.

Teniendo esto en cuenta, a continuación te explicamos cómo utilizar el bloque de grupo para guardar tu plantilla de entrada personalizada.

En primer lugar, ve a Entradas " Añadir nueva desde tu panel de control de WordPress y crea una nueva entrada de WordPress. Después, haz clic en el icono más (+) y añade un nuevo bloque "Grupo" a tu área de contenido.

Añadir un nuevo bloque de grupo de WordPress

Ahora puedes añadir bloques dentro del bloque Grupo para crear un diseño de entrada único. Puedes añadir cualquier bloque en esta área, incluyendo columnas, texto, medios, imágenes y más.

Añade contenido a tus bloques de grupo

Cuando esté satisfecho con su diseño, seleccione el bloque Grupo para que tenga un contorno.

Seleccione el bloque de grupo

Desde ahí, haz clic en los 3 puntos para ampliar la configuración del bloque y haz clic en el encabezado "Añadir a bloques reutilizables".

Añadir bloque de grupo a bloques reutilizables

A continuación, asigne un nombre al bloque reutilizable. WordPress guardará automáticamente el grupo y todos los bloques que contenga.

Ahora, cada vez que añada una nueva entrada en WordPress, puede hacer clic en el encabezado Bloques reutilizables y hacer clic en su plantilla personalizada de entrada única para añadirla a su editor de entradas.

Bloque de plantilla de entrada personalizada reutilizable

Después de añadir el bloque a su área de contenido de WordPress, cargará todos los bloques guardados anteriormente en su bloque de grupo.

Aunque este método te permite guardar diseños personalizados para entradas de blog, no cambia la forma en que tu tema gestiona las entradas individuales. Así que si quieres más flexibilidad, sigue leyendo para ver más soluciones de plantillas para entradas individuales.

Crear manualmente una plantilla de entrada única personalizada

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 utiliza este método solo si tienes confianza y sabes lo que haces.

Primero, abre un editor de texto plano como el Bloc de Notas en tu ordenador. A continuación, pegue 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 entradas, páginas y tipos de contenido de producto. 

Después de copiar y pegar el código, guarde el archivo como sp_single_post. php en su escritorio.

El siguiente paso es subir el archivo a la carpeta del tema actual de WordPress. Puedes hacerlo utilizando un cliente FTP.

Una vez que el archivo está en su lugar, inicie sesión en su área de administración de WordPress y crear o editar un post. Dentro de la pantalla de edición de la entrada, desplázate hacia abajo hasta que veas el nuevo cuadro meta Atributos de la entrada con una opción para elegir una plantilla.

Crear manualmente una plantilla de entrada única personalizada en WordPress con código

En esta sección, verás tu nueva plantilla de Artículo Destacado. Por ahora, al seleccionar la plantilla aparecerá una pantalla en blanco porque está vacía.

Para solucionarlo, tendrás que añadir algo de código para mostrar el contenido de tus entradas. La forma más sencilla de hacerlo es copiar el código del archivo single.php de tu tema y utilizarlo como punto de partida.

Así que abre el archivo single. php y copia todo lo que hay después de la línea get_header(). A continuación, pegue el código en su archivo sp-single-post. php al final.

A partir de ahí, guarde el archivo y cárguelo de nuevo en su servidor.

En este punto, tu plantilla tendrá exactamente el mismo aspecto que tu antigua plantilla de entrada única. Tendrás que personalizarla añadiendo clases CSS personalizadas, eliminando barras laterales o realizando cualquier otro cambio que desees.

Ahí lo tienen.

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 empieza a mostrar las entradas de tu blog como quieras.

Ya que estás aquí, puede que también te guste este post sobre la anatomía de una página de aterrizaje de éxito.

Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en dejarnos un comentario con tus preguntas y comentarios.

También puede seguirnos en YouTube, X (antes Twitter) y Facebook para obtener más contenidos útiles para hacer crecer su negocio.

avatar de autor
Stacey Corrin Escritor
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, es posible que ganemos una comisión. Sólo recomendamos productos que creemos que aportarán valor a nuestros lectores.