Cómo agregar el prefijo de la 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 comience a publicar publicaciones patrocinadas, debe revelar qué publicaciones están patrocinadas. Puede hacerlo agregando la palabra «Patrocinado» al título de la publicación o agregando un descargo 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 el prefijo de la publicación patrocinada al título de la publicación en WordPress

¿Por qué agregar un 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 a través de 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 continua.

Al publicar publicaciones patrocinadas, es crucial conocer las leyes en 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 vista previa de la publicación patrocinada 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, lo que puede parecer intimidante 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 los archivos de su 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 ha usado campos personalizados antes, se ocultará.

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 deberá ir a la sección Paneles y luego activar el interruptor ‘Campos personalizados’. Después de eso, haga clic en el botón ‘Habilitar 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 su pantalla. Esto abrirá un menú donde deberá 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 se desplace por debajo del editor de contenido, podrá 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 cuadro meta de campos personalizados. Notará que el cuadro meta del 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="<span class="sponsored_text"> Sponsored Post</span> ";
   $sponsored = get_post_meta($post->ID, 'sponsored', true);
   if( $sponsored == 'true' && in_the_loop() ){
       return $sponsored_text.$title;
   }
   return $title;
}

En este tutorial, estamos usando la libre Fragmentos de código complemento 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 la 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á el prefijo «Publicación patrocinada» en el 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 ‘sponsored_text’. 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 la hoja de estilo de su tema o tema secundario. 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 vista previa de la publicación patrocinada 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 pequeño 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="<span class="sponsored_text"> Sponsored Post</span> ";
   $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 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 $title 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 informativo por correo electrónico o ver nuestra comparación de los mejores servicios de marketing por correo electrónico.

.

Deja un comentario