Cómo crear plantillas personalizadas para publicaciones individuales en WordPress

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

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

En este artículo, le mostraremos cómo crear fácilmente plantillas personalizadas para publicaciones individuales en WordPress. Ponemos a tu disposición varios métodos para que elijas el que mejor se adapta a tus necesidades.

¿Cuándo necesitas una plantilla personalizada para publicaciones individuales?

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

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

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

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

Esto es muy similar 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 al editar una publicación o página de WordPress.

Echemos un vistazo a cómo puede crear fácilmente plantillas personalizadas para publicaciones individuales de WordPress. Te mostraremos varios métodos para que puedas utilizar el que mejor te funcione.

Crea plantillas de publicaciones personalizadas con el editor de bloques

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

El editor de bloques estándar de WordPress tiene una función integrada que le permite guardar y reutilizar bloques. Uno de esos bloques reutilizables es el bloque de grupo.

Group Block le permite agrupar varios bloques y diseños de publicaciones completos. 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 de WordPress. Luego simplemente agregue un bloque de grupo al área de contenido.

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

Puede agregar cualquier bloque, incluidas columnas, medios y texto, fotos de portada y más.

Cuando esté satisfecho con el diseño que ha creado, debe mover el mouse hacia arriba 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 guarda su bloque reutilizable, incluidos todos los bloques en el bloque de grupo.

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

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 puede cambiar la forma en que su tema maneja las publicaciones individuales.

Si desea más flexibilidad, lea el siguiente paso.

Cree plantillas personalizadas de publicaciones individuales con Producto de semilla

La forma más fácil de crear una plantilla personalizada para una publicación es usar Producto de semilla. 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 plantillas personalizadas para publicaciones individuales.

Lo primero que debes hacer es instalarlo y activarlo. Producto de semilla enchufar. Consulte nuestra guía paso a paso para instalar un complemento de WordPress para obtener más detalles.

Después de la activación, deberá ingresar su clave de licencia. Puede encontrar esta información en su cuenta en el sitio web de SeedProd.

A continuación, es hora de crear un tema de WordPress personalizado. Esto es mucho más fácil de lo que parece.

Creación de un tema personalizado de WordPress

Primero tienes que ir a SeedProd » Creador de temas en el lado. Aquí, utilizará uno de los temas prediseñados de SeedProd como punto de partida. Esto reemplazará su tema de WordPress existente con un nuevo tema personalizado.

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

Se le presentará una lista de temas diseñados profesionalmente para diferentes tipos de sitios web. Por ejemplo, hay plantillas llamadas Modern Business, Marketing Agency y Mortgage Broker Theme.

Explore 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 con atractivos diseños y contenido que se puede personalizar fácilmente.

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

Personaliza la plantilla predeterminada para publicaciones individuales

SeedProd facilita el uso de la publicación única predeterminada mediante un generador de páginas de arrastrar y soltar.

Simplemente haga clic en el enlace "Editar tema" 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 hay bloques y secciones para 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, puede ver su configuración. Ahora puede cambiar la alineación, el tamaño de fuente, el nivel de encabezado y más.

Si hace clic en la pestaña Avanzado, puede cambiar los colores de fuente, el espaciado y otros estilos.

Puede agregar más bloques arrastrándolos desde la columna izquierda a la columna de vista previa. SeedProd usa etiquetas de plantilla para insertar contenido dinámico como el título de la publicación, 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 publicar un bloque de publicaciones al final del contenido agregado. Esto mostrará publicaciones recientes que sus visitantes pueden querer leer después de que terminen la publicación actual. Este bloque aparecerá automáticamente en todas las publicaciones que usen esta plantilla.

Luego puede cambiar la configuración del bloque de publicaciones para personalizar el contenido que 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.

Una vez que haya creado algo que desea usar como plantilla de publicación, es hora de guardarlo haciendo clic en el botón verde "Guardar" en la esquina superior derecha. A continuación, 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. Sin embargo, si necesita un poco de ayuda, consulte nuestra guía paso a paso para crear un tema de WordPress personalizado con SeedProd.

Una vez que esté satisfecho con su apariencia, asegúrese de que el interruptor "Habilitar tema de SeedProd" esté activado. Su sitio de WordPress ahora está usando su tema SeedProd y su plantilla de publicación única personalizada.

Use la configuración del tema para crear diseños personalizados para publicaciones individuales

Muchos temas populares de WordPress tienen configuraciones integradas para personalizar la apariencia de su plantilla de publicación individual.

Si su tema admite estas configuraciones, puede encontrarlas en la pantalla de edición de publicaciones. Las opciones disponibles pueden cambiar según el tema utilizado.

Por ejemplo, el tema Astra ofrece opciones de personalización al editar una sola publicación. Estas opciones le permiten 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 contiene plantillas de publicación individuales, puede encontrarlas en el área Plantilla o Atributos de publicación al editar una publicación.

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

Cree manualmente plantillas personalizadas para publicaciones individuales 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 aún no lo ha hecho, consulte nuestro tutorial sobre cómo copiar y pegar código en WordPress.

Primero debe abrir un editor de texto simple como el Bloc de notas en su computadora y pegar el siguiente código en él:

<?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 publicaciones, páginas y tipos de productos.

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

Ahora puede iniciar sesión en su administrador de WordPress y crear o editar una publicación. En la pantalla de edición de publicaciones, desplácese un poco hacia abajo y notará un nuevo campo de plantilla o metacampo de atributos de publicación con una opción para elegir una plantilla.

Su plantilla de elemento destacado personalizado aparecerá allí.

En este momento, su plantilla está básicamente vacía, por lo que cuando se selecciona, solo muestra una pantalla en blanco.

vamos a arreglarlo este.

La forma más fácil de hacer esto es copiar el código del archivo single.php de su tema y usarlo como punto de partida. Debe abrir el archivo single.php y luego copiar todo después de eso get_header() Línea.

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

Sin embargo, esto se parece a 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 lo que desee.

Cree plantillas personalizadas para una sola publicación por categoría

¿Quieres una plantilla personalizada para publicaciones individuales basadas en categorías? Por ejemplo, puede dar a las publicaciones en la categoría Viajes un diseño diferente al de las publicaciones en la categoría Fotografía.

Puede hacer esto con SeedProd Theme Builder o con código.

Cree plantillas de publicaciones únicas personalizadas por categoría con SeedProd

Anteriormente vimos cómo personalizar Producto de semilla La plantilla de publicación única predeterminada del creador de temas. Pero no se detiene allí. SeedProd le permite agregar tantas plantillas de publicaciones personalizadas como desee, p. B. 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 crea una nueva plantilla llamada Publicación única - Copiar y se agrega a la parte superior de la página de plantilla de tema.

Puede personalizar la nueva plantilla de la misma manera que personalizó anteriormente la plantilla predeterminada para publicaciones individuales. Simplemente haga clic en el enlace "Editar diseño" en la plantilla y use el editor visual de SeedProd para realizar los cambios que desee.

Cuando haya terminado de personalizar la plantilla, debe agregar algunas condiciones para que SeedProd sepa qué publicaciones deben usar esta plantilla. En este caso, queremos que aparezca cuando busque publicaciones en una categoría.

Puede hacerlo haciendo clic en el enlace "Editar términos" en la plantilla y se abrirá una nueva ventana.

Aquí puede dar un nombre y prioridad a la plantilla. La plantilla predeterminada para publicaciones individuales tiene una prioridad de 0, así que asegúrese de darle a esta plantilla una prioridad más alta para que aparezca en las categorías correspondientes.

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

Cuando haya terminado, haga clic en el botón "Guardar". Esta plantilla ahora se usará para todas las publicaciones en esa categoría.

Esta es la forma más fácil de crear múltiples plantillas de publicaciones de WordPress personalizadas. No requiere conocimientos de codificación y no estropeará accidentalmente los archivos de temas.

Cree plantillas personalizadas para publicaciones individuales por categoría usando código

Este es otro método para aquellos a quienes les gusta agregar código a sus archivos de temas.

Primero, debe agregar este código al archivo functions.php de su complemento de tema o fragmento 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 requiere una sola publicación. Si es así, le dice a WordPress que busque la plantilla en el /single/ carpeta 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 un administrador de archivos en cPanel y vaya a /wp-content/themes/your-theme-folder/.

Dentro de su carpeta de temas actual, debe crear una nueva carpeta llamada "Single". Luego debe abrir esta carpeta y crear un nuevo archivo en ella. Adelante, dale un nombre a este archivo. single-cat-{category-slug}. Reemplace {category-slug} con su categoría de slug real.

Por ejemplo, si tiene una categoría llamada "Noticias", créela single-cat-news.php Expediente. Si tiene una categoría llamada Consejos de viaje, cree una plantilla single-cat-travel-tips.phpetc.

Estos archivos de plantilla ahora están completamente vacíos. Como punto de partida, puede copiar y pegar el contenido de su archivo single.php desde la carpeta de su tema en cada una de estas plantillas. A continuación, debe editar estas plantillas para realizar los cambios deseados.

Una vez que haya terminado, puede ir a su sitio y ver una publicación. Se utilizará la plantilla que creó para la categoría en la que se encuentra esta publicación.

Ahora supongamos que tiene una publicación en dos categorías, noticias y consejos de viaje. WordPress muestra automáticamente la plantilla de Noticias como aparece primero en orden alfabético.

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

Cree plantillas personalizadas para publicaciones individuales para autores específicos

Supongamos que desea que las publicaciones de un determinado autor se vean diferentes en su sitio. Puede hacer esto en el código usando la misma técnica que mostramos para las categorías.

Primero necesita 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 a través de 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 /single/ en ella, créela ahora.

En 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 está vacía, por lo que puede copiar y pegar el contenido de la plantilla single.php en su tema y usarlo como punto de partida.

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

Esperamos que este artículo le haya ayudado a aprender cómo crear plantillas personalizadas para publicaciones individuales en WordPress. Es posible que también desee aprender cómo rastrear a los visitantes de su sitio web en su sitio de WordPress o consultar nuestra lista de complementos de WordPress imprescindibles para mejorar su sitio web.

Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Closermarketing.es y Facebook.