Cómo crear plantillas de correo personalizadas en WordPress

¬ŅQuieres crear una plantilla de correo de WordPress √ļnica y personalizada?

Con plantillas personalizadas para publicaciones individuales, puede usar diferentes dise√Īos para sus publicaciones de blog individuales. Muchos temas de WordPress contienen varias plantillas de p√°gina diferentes. Si es necesario, tambi√©n puede crear el suyo.

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

  

nota: En este tutorial, edite archivos de tema de WordPress. Si a√ļn no lo ha hecho, consulte nuestro tutorial sobre c√≥mo copiar y pegar c√≥digo en WordPress.

¬ŅCu√°ndo necesita una plantilla de correo √ļnica y personalizada?

A veces es posible que desee una apariencia diferente para publicaciones espec√≠ficas en su sitio. Por ejemplo, puede usar un dise√Īo diferente para elementos o elementos en una categor√≠a particular.

Aquí necesitas una plantilla de correo de WordPress personalizada.

Por defecto, WordPress usa la plantilla de correo √ļnica basada en la jerarqu√≠a de plantillas de WordPress. Todos los temas vienen con una plantilla single.php que se usa por defecto para todas sus publicaciones individuales.

Algunos temas tambi√©n pueden incluir plantillas adicionales u opciones de dise√Īo que puede usar.

Esto es equivalente a crear una plantilla de página personalizada. La mayoría de los temas de WordPress también incluyen plantillas de página que puede usar al editar una página en WordPress.

Seleccione una plantilla de p√°gina

Veamos c√≥mo crear f√°cilmente plantillas de correo personalizadas y √ļnicas en WordPress. Le mostramos diferentes m√©todos para que pueda usar el que mejor funcione para usted.

  • Cree una sola plantilla de publicaci√≥n de WordPress usando el editor de bloques
  • Use Beaver Builder para crear un dise√Īo de publicaci√≥n √ļnico y personalizado en WordPress
  • Use la configuraci√≥n del tema para crear dise√Īos personalizados de correo de WordPress
  • Cree manualmente una plantilla de correo √ļnica personalizada en WordPress
  • Use WordPress para crear plantillas de correo personalizadas por categor√≠a
  • Cree una plantilla de correo √ļnica personalizada para un autor espec√≠fico

Use el editor de bloques para crear una plantilla de correo √ļnica en WordPress

Este m√©todo no crea una plantilla de publicaci√≥n y solo es flexible hasta cierto punto. Sin embargo, esta es la forma m√°s f√°cil de guardar sus dise√Īos de publicaciones individuales y luego reutilizarlos.

El editor de bloques estándar de WordPress tiene una función incorporada que le permite guardar y reutilizar bloques. Uno de estos bloques reutilizables se llama bloque de grupo.

Con el bloque de grupo, b√°sicamente puede combinar m√ļltiples bloques y completar dise√Īos de publicaciones en un grupo. Luego puede guardar este bloque de grupo y reutilizarlo en sus otras publicaciones.

Veamos cómo usar el bloque de grupo para almacenar sus plantillas de correo personalizadas.

Primero, crea una nueva publicación de WordPress. Luego, simplemente agregue un bloque de grupo al área de contenido.

Agregar bloque de grupo

Ahora puede agregar bloques en el bloque de grupo para crear un dise√Īo de publicaci√≥n √ļnico. Puede agregar los bloques que desee, incluidas columnas, medios y texto, portadas y m√°s.

Agregar bloques al grupo

Cuando est√© satisfecho con el dise√Īo que cre√≥, levante el mouse y seleccione el bloque de grupo. Haga clic en el √≠cono de men√ļ de tres puntos y seleccione la opci√≥n "Agregar a bloques reutilizables".

Agregar un bloque reutilizable

Luego, ingrese un nombre para el bloque reutilizable y luego haga 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 a continuación, simplemente haga clic en el botón Agregar nuevo bloque y encuentre su bloque guardado entre los bloques reutilizables.

Vuelva a aplicar el bloqueo

Cuando agrega el bloque a su publicación, WordPress carga el bloque de grupo completo con todos los bloques y configuraciones mientras los guarda.

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 quieres m√°s flexibilidad, sigue leyendo.

Cree una plantilla de correo de WordPress personalizada y √ļnica con Beaver Builder

La forma m√°s f√°cil de crear una plantilla de correo √ļnica personalizada es usar Beaver Builder. Es el mejor complemento de creaci√≥n de p√°ginas de WordPress en el mercado y le permite crear una plantilla de publicaci√≥n sin escribir c√≥digo o cambiar su tema de WordPress.

Primero, instale y active el complemento Beaver Builder. Para obtener más información, consulte nuestra guía paso a paso para instalar un complemento de WordPress.

Despu√©s de la activaci√≥n, visite Configuraciones ¬ĽBeaver Builder P√°gina y vaya a la pesta√Īa Licencia para ingresar su clave de licencia.

Clave de licencia de Beaver Builder

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

Por defecto, Beaver Builder está habilitado para páginas en WordPress. También debe estar disponible para publicaciones.

Para hacer esto, cambie a la pesta√Īa Publicaciones de la pesta√Īa Configuraciones ¬ĽBeaver Builder Lado. Desde aqu√≠, seleccione la casilla de verificaci√≥n junto a la opci√≥n "Publicar".

Habilitar Beaver Builder para publicaciones

No olvide hacer clic en el botón "Guardar tipos de publicación" para guardar sus cambios.

Una vez que todo esté configurado, crearemos una plantilla de correo personalizada.

Simplemente cree una nueva publicación en WordPress y haga clic en el botón "Iniciar Beaver Builder" en la pantalla de edición de publicaciones.

Lanzar Beaver Builder

Esto abre la interfaz de Beaver Builder con una vista previa en vivo de su sitio. Puede agregar m√≥dulos y filas a su dise√Īo existente haciendo clic en el bot√≥n Agregar en la esquina superior derecha de la pantalla.

También puede elegir una plantilla como punto de partida. Incluso hay una plantilla en blanco para obtener primero un tablero limpio.

Elija una plantilla Beaver Builder

Una vez que seleccione una plantilla, puede editarla simplemente apuntando y haciendo clic. Tambi√©n puede agregar filas y columnas y llenarlas con m√≥dulos y elementos para crear su plantilla de dise√Īo personalizada.

Agregar módulos Beaver Builder

Pruebe diferentes módulos y juegue con sus configuraciones.

Una vez que haya creado algo que quiera usar como plantilla de publicación. Es hora de guardarlo.

Con Beaver Builder puede guardar sus dise√Īos como una plantilla y luego reutilizarlos con otros elementos. Simplemente haga clic en el men√ļ en la esquina superior derecha de la pantalla y seleccione Guardar plantilla.

Guarde su plantilla de correo electrónico Beaver Builder personalizada

Se le pedirá que ingrese un nombre para su plantilla. Luego haga clic en el botón Guardar para guardarlo.

Nombra y guarda la plantilla

Ahora veamos cómo usar esta plantilla de publicación personalizada al crear publicaciones.

Simplemente edite una publicación o cree una nueva e inicie Beaver Builder para editar la publicación.

Luego haga clic en el bot√≥n Agregar en la esquina superior derecha de la pantalla y luego cambie a la pesta√Īa Plantillas. Desde aqu√≠, seleccione "Plantillas guardadas" en el men√ļ desplegable "Grupo".

Sube tu plantilla personalizada

Beaver Builder ahora carga su dise√Īo personalizado guardado y puede agregar contenido a su nuevo elemento.

Use opciones de tema de dise√Īo personalizado para publicaciones individuales

Muchos temas populares de WordPress tienen opciones integradas que le permiten personalizar el aspecto de su plantilla √ļnica de correo.

Si su tema admite estas configuraciones, puede encontrarlas en la pantalla despu√©s del procesamiento. La configuraci√≥n disponible puede cambiar seg√ļn el elemento que se utilice.

Por ejemplo, el tema Astra ofrece opciones de personalización al editar una sola publicación.

Personalización de plantillas individuales para temas de Astra

Con esta configuraci√≥n, puede cambiar las barras laterales, ocultar encabezados, t√≠tulos, men√ļs y m√°s.

Por otro lado, muchos de los temas m√°s importantes de WordPress incluyen plantillas listas para usar que puede usar.

Si su tema contiene plantillas de contribuci√≥n individuales, las encontrar√° cuando edite una contribuci√≥n en la pesta√Īa Atributos de contribuci√≥n.

Elige una plantilla al escribir una sola publicación

Estas plantillas son dise√Īos completos que puede usar.

Crear plantillas de correo personalizadas en WordPress

Este método es un poco avanzado ya que requiere editar archivos de tema, copiar y pegar código, y posiblemente agregar CSS personalizado.

Primero, abra un editor de texto plano como el Bloc de notas en su computadora y pegue el siguiente código:


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

Puede guardar este archivo como wpb-single-post.php en su escritorio.

Luego c√°rguelo a su carpeta de temas actual de WordPress usando un cliente FTP.

Luego puede iniciar sesión en su área de administración de WordPress y crear o editar una publicación. Desplácese hacia abajo en la pantalla un poco después de la edición y verá el nuevo metacampo del atributo de correo con una opción para seleccionar la plantilla.

Elige tu plantilla de correo personalizada

Su plantilla personalizada de "elemento recomendado" aparece aquí.

Actualmente, su plantilla está en gran parte vacía. Cuando los selecciona, simplemente aparece una pantalla en blanco.

Vamos a arreglarlo

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.

Abra el archivo single.php y cópielo de acuerdo con la línea get_header ().

Agregue este código a su archivo wpb-single-post.php al final. Ahora puede guardar este archivo y cargarlo nuevamente en su servidor.

Sin embargo, esto se ve exactamente como su plantilla de publicaci√≥n √ļnica actual. Ahora puede realizar cambios en su plantilla personalizada de contribuci√≥n √ļnica.

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

Crear plantillas de publicaciones personalizadas por categoría

¬ŅDesea utilizar una plantilla de correo √ļnica y personalizada basada en categor√≠as? Por ejemplo, los art√≠culos en la categor√≠a de viaje pueden tener un dise√Īo diferente que los art√≠culos en fotograf√≠a.

Así es como puedes hacerlo.

Primero debe agregar este código al archivo features.php de su tema o a un complemento específico del sitio.

/*
 * 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 solicita una sola publicación. En este caso, se le indica a WordPress que busque la plantilla en la carpeta / single / de su tema de WordPress.

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

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

En su carpeta de tema actual, cree una nueva carpeta llamada "individual".

Ahora abra esta carpeta y cree un nuevo archivo en ella. Nombre este archivo single-cat- {category-slug}. Reemplace {category slug} con su categoría de slug real.

Por ejemplo, si tu Si tiene una categoría llamada Noticias, cree 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.

Crear una plantilla de publicaci√≥n √ļnica para categor√≠as

Estos archivos de plantilla ahora están completamente vacíos. Básicamente, puede copiar el contenido de su archivo single.php de su carpeta de temas y pegarlo en cada una de estas plantillas.

Luego puede editar estas plantillas para realizar los cambios deseados.

Una vez hecho esto, puedes publicar en su sitio. Utiliza la plantilla que creaste para la categoría donde se archiva esta publicación.

Por ejemplo, suponga que tiene una publicación en dos categorías: noticias y consejos de viaje. WordPress muestra automáticamente la plantilla para "Noticias" porque aparece primero en orden alfabético.

Si, por otro lado, ha presentado una contribución en una categoría y no ha creado una plantilla para esa categoría, entonces WordPress usa la plantilla predeterminada single.php para su tema.

Cree una plantilla personalizada para entradas individuales para autores específicos

Suponga que desea que la publicación de un autor en particular se vea diferente en su sitio. Puede hacerlo utilizando la misma técnica que mostramos para las categorías.

Primero debe agregar este código al archivo features.php de su tema o a un complemento específico del sitio.

/**
 * 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';
 
 }
 

Luego, conéctese a su sitio a través de FTP o administración de archivos en cPanel y luego vaya a / wp-content / theme / your-theme-folder /.

Si a√ļn no ha creado una carpeta llamada / single / inside, cr√©ela ahora.

En este directorio, cree una plantilla con 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 usarla como punto de partida.

Ahora puede visitar su sitio para ver una publicación creada por el autor. Ahora usa la plantilla que creaste.

Eso es todo por ahora.

Esperamos que este art√≠culo te haya ayudado a crear plantillas √ļnicas de publicaciones personalizadas de WordPress. Tambi√©n puede leer nuestro art√≠culo sobre c√≥mo crear un dise√Īo personalizado de WordPress desde cero sin escribir ning√ļn c√≥digo.

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