Cómo agregar un prefijo de publicación patrocinada al título de la publicación en WordPress

¿Le gustaría agregar automáticamente un prefijo de ‘Publicación patrocinada’ a los títulos de las publicaciones de blog en WordPress?

Una vez que comiences a publicar publicaciones patrocinadas, debes revelar qué publicaciones están patrocinadas. Puede hacer esto agregando la palabra ‘Patrocinado’ al título de la publicación o agregando una exención de responsabilidad en el cuerpo de la publicación.

En este artículo, le mostraremos cómo agregar automáticamente un prefijo de ‘Publicación patrocinada’ a los títulos de sus publicaciones en WordPress.

Cómo agregar un prefijo de publicación patrocinada al título de la publicación en WordPress

¿Por qué agregar el prefijo de publicación patrocinada a sus publicaciones?

Una vez que su blog de WordPress comience a atraer más tráfico, puede comenzar a pensar en cómo monetizarlo. Puede usar WordPress y los blogs para ganar dinero en línea haciendo lo que ama.

Una forma de hacerlo es mediante patrocinios. Aquí es donde una empresa le paga por representar su producto, hablar sobre él y promocionarlo entre sus lectores. El patrocinio puede ser para un solo puesto o una relación en curso.

Al publicar publicaciones patrocinadas, es fundamental conocer las leyes de su área sobre divulgación.

Por ejemplo, en los Estados Unidos, un bloguero que publica una publicación patrocinada debe cumplir con las Guías de aprobación de la FTC. Esto incluye revelar cada vez que se patrocina una publicación.

Una forma de hacerlo es agregar un prefijo al título de cada publicación patrocinada.

Vista previa de la publicación patrocinada Vista previa con CSS personalizado

Le mostraremos cómo hacer exactamente eso en esta guía. Implica el uso de fragmentos de código y campos personalizados, que pueden parecer intimidantes para los principiantes, pero lo guiaremos en cada paso.

En este artículo, usaremos un campo personalizado para agregar un campo personalizado ‘patrocinado’ a una publicación. Esto nos dará una forma de identificar qué publicaciones están patrocinadas y cuáles no.

Los campos personalizados se pueden usar para agregar cualquier información relacionada con la publicación, la página o cualquier tipo de contenido. Esta metainformación se puede mostrar en su tema.

Para agregar el prefijo ‘Publicación patrocinada’ a sus títulos, deberá editar sus archivos de tema de WordPress. Lo haremos agregando un fragmento de código personalizado al archivo functions.php de su tema.

Dicho esto, echemos un vistazo a cómo agregar un prefijo de ‘Publicación patrocinada’ a los títulos de sus publicaciones en WordPress.

Cómo agregar un campo personalizado de publicación patrocinada a su publicación

Comience abriendo una de sus publicaciones patrocinadas existentes o creando una nueva. El panel de campos personalizados normalmente se encuentra debajo del editor de contenido. Sin embargo, si nunca antes ha utilizado campos personalizados, se ocultarán.

La forma de mostrar el metabox de campos personalizados depende de si está utilizando el editor de bloques o el editor clásico.

Si usa el editor de bloques, debe hacer clic en el menú de tres puntos en la esquina superior derecha de la pantalla y seleccionar ‘Preferencias’ en el menú.

Preferencias del editor de bloques

Esto abrirá una ventana emergente de Preferencias donde debe ir a la sección Paneles y luego activar el interruptor ‘Campos personalizados’. Después de eso, haga clic en el botón ‘Activar y recargar’ para volver a cargar el editor de publicaciones.

Mostrar campos personalizados en el editor de bloques

Si todavía está utilizando el antiguo editor clásico de WordPress, debe hacer clic en el botón ‘Opciones de pantalla’ en la esquina superior derecha de la pantalla. Esto abrirá un menú donde debe marcar la casilla junto a las opciones de campos personalizados.

Opciones de pantalla en el editor clásico

El editor de publicaciones se volverá a cargar y, cuando te desplaces por debajo del editor de contenido, podrás ver el panel de campos personalizados.

Agregar campo personalizado

Para agregar un nuevo campo personalizado, simplemente escriba “patrocinado” en el cuadro de texto Nombre y “verdadero” en el cuadro de texto Valor.

Agregar un nuevo campo personalizado

A continuación, debe guardar su publicación y desplazarse hacia abajo hasta el meta cuadro de campos personalizados. Notará que el meta cuadro de campo personalizado ahora muestra un menú desplegable.

La próxima vez que escriba una publicación patrocinada, todo lo que necesita hacer es seleccionar ‘patrocinado’ en el menú desplegable e ingresar ‘verdadero’ en el campo Valor.

Menú desplegable de campo personalizado

Cómo agregar el prefijo de publicación patrocinada con un fragmento de código

Después de agregar el campo personalizado patrocinado a su publicación, debe agregar el código que mostrará el prefijo del título de la publicación patrocinada.

Para hacerlo, debe copiar y pegar este fragmento de código en el archivo functions.php de su tema o en un complemento específico del sitio.

add_filter( 'the_title', 'wpb_sponsored' );
function wpb_sponsored( $title ) {
   global $post;
   $sponsored_text=" ";
   $sponsored = get_post_meta($post->ID, 'sponsored', true);
   if( $sponsored == 'true' && in_the_loop() ){
       return $sponsored_text.$title;
   }
   return $title;
}

En este tutorial, usamos el complemento de fragmentos de código gratuito para agregar el código a nuestro sitio. Puede ver más detalles en nuestro tutorial sobre cómo agregar fragmentos de código a WordPress.

Fragmento de código para mostrar el prefijo de publicación patrocinada

Una vez que haya guardado y activado el fragmento, WordPress comenzará a mostrar el prefijo. Intente visitar la publicación que editó anteriormente y verá ‘Publicación patrocinada’ con el prefijo del título de la publicación.

Vista previa del prefijo de publicación patrocinada

Estamos haciendo un gran progreso y con un poco más de trabajo podemos mejorar la apariencia del prefijo.

Si estudia el fragmento de código, notará que hemos envuelto el texto de la publicación patrocinada alrededor de una clase CSS que llamamos ‘texto_patrocinado’. Puede usar esta clase CSS para resaltar el texto dentro del título de la publicación.

Aquí hay un pequeño CSS que puede agregar a su tema o la hoja de estilo del tema hijo. Si es nuevo en CSS, asegúrese de consultar nuestra guía sobre cómo agregar fácilmente CSS personalizado a su sitio de WordPress.

.sponsored_text {
background: #eeffee;
font-size:small;
text-transform: uppercase;
padding:5px;
}

Vista previa de la publicación patrocinada Vista previa con CSS personalizado

El código hace que el fondo del texto sea verde y en mayúsculas y hace que el tamaño de la fuente sea pequeño. También agrega un poco de relleno alrededor del punto culminante. Siéntase libre de modificar el CSS para satisfacer sus necesidades.

Cómo agregar un sufijo de publicación patrocinada con un fragmento de código

Es posible que desee agregar las palabras ‘Publicación patrocinada’ al final del título de su publicación en lugar de al principio. Puede lograrlo utilizando este fragmento de código en su lugar.

add_filter( 'the_title', 'wpb_sponsored' );
function wpb_sponsored( $title ) {
   global $post;
   $sponsored_text=" ";
   $sponsored = get_post_meta($post->ID, 'sponsored', true);
   if( $sponsored == 'true' && in_the_loop() ){
       return $title.$sponsored_text;
   }
   return $title;
}

Fragmento de código personalizado para el sufijo de publicación patrocinada

Cuando estudie el código, notará que solo hemos realizado dos cambios. Agregamos un espacio de una sola letra antes del texto patrocinado y luego cambiamos el orden para mostrar $ título primero.

Vista previa del sufijo de publicación patrocinada con CSS personalizado

Esperamos que este artículo le haya ayudado a aprender cómo agregar un prefijo de publicación patrocinada para publicar títulos en WordPress. También le gustaría aprender la forma correcta de crear un boletín por correo electrónico o ver nuestra comparación de los mejores servicios de marketing por correo electrónico.

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.