Cómo crear plantillas personalizadas de publicaciones individuales en WordPress

¿Quieres crear una plantilla de publicación única personalizada en WordPress?

Las plantillas personalizadas de publicaciones individuales le permiten usar diferentes diseños para sus publicaciones de blog individuales. Muchos temas de WordPress vienen con algunas plantillas de página diferentes, y también puede crear las suyas propias si es necesario.

En este artículo, le mostraremos cómo crear fácilmente plantillas personalizadas de publicaciones individuales en WordPress. Compartiremos varios métodos para que pueda elegir el que mejor se adapte a sus necesidades.

¿Cuándo necesita una plantilla de publicación única personalizada?

A veces, es posible que desee una apariencia diferente para ciertas publicaciones en su sitio web de WordPress. Por ejemplo, es posible que desee utilizar un diseño diferente para artículos destacados o historias en una categoría en particular.

Aquí es donde necesita una plantilla de publicación única personalizada en WordPress.

De forma predeterminada, WordPress utiliza la plantilla de publicación única basada en la jerarquía de plantillas de WordPress. Todos los temas vienen con una plantilla single.php, y esta se usa de forma predeterminada para todas sus publicaciones individuales.

Algunos temas también pueden incluir plantillas adicionales u opciones de diseño que puede usar.

Es muy parecido a crear una plantilla de página personalizada. La mayoría de los temas de WordPress también vienen con plantillas de página que puede usar mientras edita una publicación o página en WordPress.

Habiendo dicho eso, echemos un vistazo a cómo crear fácilmente plantillas personalizadas de publicaciones individuales en WordPress. Le mostraremos varios métodos, para que pueda usar el que mejor le funcione.

• Creación de plantillas de publicaciones individuales con el editor de bloques
• Creación de plantillas personalizadas de publicaciones individuales con SeedProd
• Uso de la configuración del tema para crear diseños de publicaciones individuales
• Creación manual de plantillas de publicación única personalizadas con código
• Creación de plantillas de publicación única personalizadas por categoría
• Creación de plantillas personalizadas de publicaciones individuales para autores específicos

Creación de plantillas de publicaciones individuales con el editor de bloques

Este método realmente no crea una plantilla de publicación y tiene una flexibilidad limitada. Sin embargo, es la forma más fácil de guardar sus propios diseños de publicaciones individuales y luego reutilizarlos.

El editor de bloques predeterminado de WordPress viene con una función integrada que le permite guardar y reutilizar bloques. Uno de esos bloques reutilizables es el bloque de grupo.

El bloque de grupo le permite poner varios bloques y diseños de publicaciones completos en un grupo. Luego puede guardar este bloque de grupo y reutilizarlo en sus otras publicaciones.

Echemos un vistazo a cómo usar el bloque de grupo para guardar sus plantillas de publicaciones personalizadas.

Primero, necesitas crear una nueva publicación en WordPress. Después de eso, simplemente agregue un bloque de grupo al área de contenido.

Ahora puede comenzar a agregar bloques en el bloque de grupo para crear un diseño de publicación único para su blog de WordPress.

Puede agregar los bloques que desee, incluidas columnas, medios y texto, imágenes de portada y más.

Una vez que esté satisfecho con el diseño que ha creado, debe levantar el mouse y seleccionar el bloque de grupo.

Simplemente haga clic en el ícono del menú de tres puntos y luego seleccione la opción 'Agregar a bloques reutilizables'.

A continuación, debe proporcionar un nombre para el bloque reutilizable y luego hacer clic en el botón Guardar. WordPress ahora guardará su bloque reutilizable, incluidos todos los bloques dentro del bloque de grupo.

Luego puede editar cualquier publicación existente en su sitio web o crear una nueva. En la pantalla de edición de publicaciones, simplemente haga clic en el botón Agregar nuevo bloque y busque su bloque guardado en la pestaña 'Reutilizable'.

Agregue el bloque a su publicación y WordPress cargará todo su bloque de grupo con todos los bloques y configuraciones tal como los guardó.

Este método le permite guardar sus diseños personalizados. Sin embargo, no le permite cambiar la forma en que su tema maneja las publicaciones individuales.

Si desea una mayor flexibilidad, continúe leyendo el siguiente paso.

Creación de plantillas de publicación única personalizadas con SeedProd

La forma más fácil de crear una plantilla de publicación única personalizada es usando SeedProd. Es el mejor complemento de creación de sitios web de WordPress y puede crear hermosos diseños de sitios web y plantillas personalizadas sin escribir ningún código.

Puede usar el generador de arrastrar y soltar de SeedProd para crear un tema de WordPress totalmente personalizado, incluidas las plantillas de publicación única personalizadas.

Lo primero que debe hacer es instalar y activar el complemento SeedProd. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Tras la activación, debe introducir su clave de licencia. Puede encontrar esta información en su cuenta en el sitio web de SeedProd.

Después de eso, es hora de crear un tema de WordPress personalizado. Esto es mucho más simple de lo que parece.

Crear un tema de WordPress personalizado

Primero, debe dirigirse a la página SeedProd » Theme Builder . Aquí, utilizará uno de los temas ya preparados de SeedProd como punto de partida. Esto reemplazará su tema de WordPress existente con un nuevo diseño personalizado.

Puede hacerlo haciendo clic en el botón 'Temas'.

Se le mostrará una lista de temas diseñados profesionalmente que están diseñados para diferentes tipos de sitios web. Por ejemplo, hay plantillas llamadas 'Negocio moderno', 'Agencia de marketing' y 'Tema de agente hipotecario'.

Eche un vistazo a las opciones y seleccione la que mejor se adapte a sus necesidades haciendo clic en el icono de marca de verificación.

Una vez que haya elegido un tema, SeedProd generará todas las plantillas de temas que necesita, incluida una para páginas individuales y otra para publicaciones individuales.

Cada plantilla viene configurada con diseños atractivos y contenido de marcador de posición que es fácil de personalizar.

Para obtener más información sobre cómo crear un tema con SeedProd, consulte nuestra guía sobre cómo crear fácilmente un tema personalizado de WordPress sin ningún código.

Personalización de la plantilla de publicación única predeterminada

SeedProd facilita la personalización de la plantilla predeterminada de 'Publicación única' utilizando un generador de páginas de arrastrar y soltar.

Simplemente haga clic en el enlace 'Editar diseño' que se encuentra debajo de la plantilla. Esto abrirá su plantilla de publicación en el editor visual de SeedProd.

El editor visual de SeedProd tiene un diseño de 2 columnas. A la izquierda, encontrará bloques y secciones que puede agregar a su diseño. Y a la derecha hay una vista previa de la plantilla donde puede ver sus cambios en tiempo real.

También es fácil personalizar el diseño de la plantilla de su publicación. Simplemente haga clic en cualquier bloque para ver su configuración en la columna de la izquierda.

Por ejemplo, si hace clic en el título de la publicación, podrá ver su configuración. Ahora puede cambiar la alineación, el tamaño de fuente, el nivel de encabezado y más.

Hacer clic en la pestaña Avanzado le permite cambiar los colores de fuente, el espaciado y otros estilos.

Puede agregar bloques adicionales arrastrándolos desde la columna izquierda a la columna de vista previa. SeedProd usa etiquetas de plantilla para extraer contenido dinámico como títulos de publicaciones, imágenes destacadas, comentarios y más. Esto le permite agregar contenido a la plantilla sin tener que editar cada publicación individualmente.

Por ejemplo, puede agregar un bloque de Publicaciones al final del contenido de su publicación. Esto mostrará publicaciones recientes que sus visitantes pueden desear leer cuando terminen la publicación actual. Este bloque se mostrará automáticamente en todas las publicaciones que utilicen esta plantilla.

A continuación, puede cambiar la configuración del bloque Publicaciones para personalizar el contenido que se muestra.

Por ejemplo, puede mostrar contenido de categorías específicas, usar un diseño de dos columnas y cambiar la cantidad de publicaciones que se muestran.

Siéntase libre de pasar tiempo experimentando con diferentes bloques y explorando su configuración.

Después de crear algo que le gustaría usar como plantilla de publicación, es hora de guardarlo haciendo clic en el botón verde "Guardar" en la esquina superior derecha. Después de eso, puede cerrar el editor visual de SeedProd haciendo clic en el icono de cierre 'X'.

Puede personalizar el resto de su tema de WordPress de la misma manera. Pero si necesita un poco de ayuda, consulte nuestra guía paso a paso sobre cómo crear un tema de WordPress personalizado con SeedProd.

Cuando esté satisfecho con el aspecto de todo, asegúrese de que el interruptor "Habilitar tema de SeedProd" esté en la posición de encendido. Su sitio de WordPress ahora usará su tema SeedProd y su plantilla de publicación única personalizada.

Uso de la configuración del tema para crear diseños de publicación únicos personalizados

Muchos temas populares de WordPress vienen con configuraciones integradas para personalizar la apariencia de su plantilla de publicación única.

Si su tema admite estas configuraciones, podrá encontrarlas en la pantalla de edición de publicaciones. Las opciones disponibles pueden cambiar según el tema que esté utilizando.

Por ejemplo, el tema Astra ofrece opciones de personalización al editar una sola publicación. Con estas opciones, puede cambiar las barras laterales, ocultar encabezados, títulos, menús y más.

Por otro lado, muchos de los mejores temas de WordPress vienen con plantillas listas para usar que puedes usar.

Si su tema incluye plantillas de publicaciones individuales, las encontrará en el panel 'Plantilla' o 'Atributos de la publicación' mientras edita una publicación.

Estas plantillas son diseños completos que puede usar sin necesidad de configuración.

Creación manual de plantillas de publicación única personalizadas con código

Este método es un poco avanzado ya que requiere que edites archivos de temas, copie y pegue el código y, opcionalmente, agregue CSS personalizado. Si no lo ha hecho antes, consulte nuestro tutorial sobre cómo copiar y pegar código en WordPress.

Primero, debe abrir un editor de texto sin formato en su computadora como el Bloc de notas y pegar el siguiente código dentro:

<?php
/*
 * Template Name: Featured Article
 * Template Post Type: post, page, product
 */
  
 get_header();  ?>

Este código define una nueva plantilla llamada 'Artículo destacado' y la pone a disposición para los tipos de publicaciones, páginas y productos.

Debe guardar este archivo como wpb-single-post.php en su escritorio. A continuación, debe agregar la plantilla a su sitio de WordPress. Para hacer eso, necesita usar un cliente FTP para cargar el archivo a su carpeta de tema actual.

Ahora puede iniciar sesión en su área de administración de WordPress y crear o editar una publicación. Desplácese un poco hacia abajo en la pantalla de edición de publicaciones y notará un nuevo panel de 'Plantilla' o metabox de 'Atributos de publicación' con una opción para seleccionar la plantilla.

Allí verá su plantilla personalizada de 'Artículo destacado'.

En este momento, su plantilla está esencialmente vacía, por lo que al seleccionarla, simplemente se mostrará una pantalla en blanco.

Arreglemos esto.

La forma más fácil de hacerlo es copiando el código del archivo single.php de su tema y usándolo como punto de partida. Deberá abrir el archivo single.php y luego copiar todo después de la línea get_header() .

A continuación, debe pegar este código al final de su wpb-single-post.php . Ahora puede guardar este archivo y volver a cargarlo en su servidor.

Sin embargo, se verá exactamente igual que su plantilla de publicación única actual. Ahora puede comenzar a realizar cambios en su plantilla de publicación única personalizada.

Puede agregar sus propias clases de CSS personalizadas, eliminar barras laterales, crear una plantilla de ancho completo o cualquier cosa que desee.

Creación de plantillas personalizadas de publicación única por categoría

¿Le gustaría usar una plantilla de publicación única personalizada basada en categorías? Por ejemplo, puede dar a las publicaciones en la categoría de viajes un diseño diferente al de las publicaciones en la categoría de fotografía.

Puede hacerlo utilizando el generador de temas de SeedProd o el código.

Crear plantillas personalizadas de publicación única por categoría usando SeedProd

Anteriormente cubrimos cómo personalizar la plantilla de publicación única predeterminada de SeedProd Theme Builder. Pero no se detiene allí. Con SeedProd puede agregar tantas plantillas de publicación personalizadas como desee, como un diseño diferente para cada categoría de publicación.

Para agregar una nueva plantilla de publicación única, simplemente haga clic en el enlace 'Duplicar' debajo de la plantilla de publicación original. Se creará una nueva plantilla llamada 'Publicación única: copia' y se agregará a la parte superior de la página de plantillas de temas.

Puede personalizar la nueva plantilla de la misma manera que personalizó anteriormente la plantilla de Publicación única predeterminada. Simplemente haga clic en el enlace 'Editar diseño' de la plantilla y realice los cambios que desee con el editor visual de SeedProd.

Cuando haya terminado de personalizar la plantilla, deberá agregar algunas condiciones para que SeedProd sepa qué publicaciones deben usar esta plantilla. En este caso, queremos que se muestre al ver publicaciones dentro de una sola categoría.

Puede hacerlo haciendo clic en el enlace 'Editar condiciones' de la plantilla y aparecerá una nueva ventana.

Aquí puede dar a la plantilla un nombre y prioridad. La plantilla de publicación única predeterminada tiene una prioridad de 0, así que asegúrese de darle a esta plantilla una prioridad más alta para que se muestre en las categorías coincidentes.

En 'Condiciones', seleccione 'Tiene categoría' en el segundo menú desplegable, luego escriba el nombre de la categoría en el último campo. Por ejemplo, si solo desea que las publicaciones de la categoría de fotografía usen este diseño, escriba 'fotografía'.

Cuando haya terminado, haga clic en el botón 'Guardar' y ahora esta plantilla se utilizará para todas las publicaciones en la categoría correspondiente.

Esta es la forma más fácil de crear múltiples plantillas de publicaciones personalizadas en WordPress. No requiere ningún conocimiento de código y no estropeará accidentalmente ningún archivo de tema.

Creación de plantillas personalizadas de publicación única por categoría usando código

Este es otro método para aquellos que se sienten cómodos agregando código a sus archivos de temas.

Primero, debe agregar este código al archivo functions.php de su tema o un complemento de fragmentos de código.

/*
* Define a constant path to our single template folder
*/
define(SINGLE_PATH, TEMPLATEPATH . '/single');
 
/**
* Filter the single_template with our custom function
*/
add_filter('single_template', 'my_single_template');
 
/**
* Single template function which will choose our template
*/
function my_single_template($single) {
global $wp_query, $post;
 
/**
* Checks for single template by category
* Check by category slug and ID
*/
foreach((array)get_the_category() as $cat) :
 
if(file_exists(SINGLE_PATH . '/single-cat-' . $cat->slug . '.php'))
return SINGLE_PATH . '/single-cat-' . $cat->slug . '.php';
 
elseif(file_exists(SINGLE_PATH . '/single-cat-' . $cat->term_id . '.php'))
return SINGLE_PATH . '/single-cat-' . $cat->term_id . '.php';
 
endforeach;
}

Este código primero verifica si WordPress está solicitando una sola publicación. Si es así, le dice a WordPress que busque la plantilla en la carpeta /single/ de su tema de WordPress.

Ahora necesita agregar archivos de plantilla definidos por este código.

Conéctese a su alojamiento de WordPress usando un cliente FTP o Administrador de archivos en cPanel y vaya a /wp-content/themes/your-theme-folder/ .

Dentro de la carpeta de su tema actual, debe crear una nueva carpeta llamada 'single'. A continuación, debe abrir esta carpeta y crear un nuevo archivo dentro de ella. Continúe y nombre este archivo single-cat-{category-slug} . Reemplace {category-slug} con su slug de categoría real.

Por ejemplo, si tiene una categoría llamada 'Noticias', creará el archivo single-cat-news.php . Si tiene una categoría llamada 'Consejos de viaje', cree una plantilla single-cat-travel-tips.php , y así sucesivamente.

Ahora, estos archivos de plantilla estarán totalmente vacíos. Como punto de partida, puede copiar el contenido de su archivo single.php de la carpeta de su tema y pegarlo dentro de cada una de estas plantillas. Después de eso, deberá editar estas plantillas para realizar los cambios deseados.

Una vez que haya terminado, puede ir a su sitio web y ver una publicación. Utilizará la plantilla que ha creado para la categoría en la que está archivada esta publicación.

Ahora supongamos que tiene una publicación archivada en dos categorías Noticias y Consejos de viaje. WordPress mostrará automáticamente la plantilla para 'Noticias' porque aparece primero en orden alfabético.

Por otro lado, si archivó una publicación en una categoría y no creó una plantilla para esa categoría, WordPress volverá a la plantilla single.php predeterminada de su tema.

Creación de plantillas personalizadas de publicación única para autores específicos

Supongamos que desea que las publicaciones escritas por un autor específico se vean diferentes en su sitio web. Puede hacerlo usando código siguiendo la misma técnica que mostramos para las categorías.

Primero, debe agregar este código al archivo functions.php de su tema o a un Complemento de fragmentos de código.

/**
* Define a constant path to our single template folder
*/
define(SINGLE_PATH, TEMPLATEPATH . '/single');
 
/**
* Filter the single_template with our custom function
*/
add_filter('single_template', 'my_single_author_template');
 
/**
* Single template function which will choose our template
*/
function my_single_author_template($single) {
global $wp_query, $post;
 
/**
* Checks for single template by author
* Check by user nicename and ID
*/
$curauth = get_userdata($wp_query->post->post_author);
 
if(file_exists(SINGLE_PATH . '/single-author-' . $curauth->user_nicename . '.php'))
return SINGLE_PATH . '/single-author-' . $curauth->user_nicename . '.php';
 
elseif(file_exists(SINGLE_PATH . '/single-author-' . $curauth->ID . '.php'))
return SINGLE_PATH . '/single-author-' . $curauth->ID . '.php';
 
}

A continuación, debe conectarse a su sitio web mediante FTP o el administrador de archivos cPanel en cPanel y luego ir a /wp-content/themes/your-theme-folder/ . Si aún no ha creado una carpeta llamada /single/ dentro de ella, continúe y créela ahora.

Dentro de esta carpeta, debe crear una plantilla utilizando el nombre de usuario del autor en el nombre de la plantilla. Por ejemplo, single-author-johnsmith.php .

Esta plantilla estará vacía, por lo que puede copiar y pegar el contenido de la plantilla single.php de su tema y usarla como punto de partida.

Ahora puede visitar su sitio web para ver una publicación creada por un autor específico. Utilizará la plantilla que ha creado.

Esperamos que este artículo le haya ayudado a aprender cómo crear plantillas personalizadas de publicaciones individuales en WordPress. Es posible que también desee aprender cómo realizar un seguimiento de los visitantes del sitio web a su sitio de WordPress, o ver nuestra lista de complementos de WordPress imprescindibles para hacer crecer su sitio.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress. También puede encontrarnos en Twitter y Facebook.