post-patrocinado

Agregar prefijo de post patrocinado en el título de la entrada

A menudo se ve bloggers que publican mensajes patrocinados en su blog.

Aquí te dejo dos artículos que hablan más a fondo de esto. Muy interesantes.

En este artículo, te mostraremos cómo agregar automáticamente un prefijo “patrocinado” a los títulos de las entradas de tu blog WordPress.


Agregar un prefijo de post patrocinado en los títulos de las entradas de tu blog usando campos personalizados

Los campos personalizados te permiten agregar información de metadatos a tus posts. En este artículo vamos a utilizar campos personalizados para añadir el campo meta “patrocinado” a un post.

Lo primero es crear una nueva entrada o post, o editar una existente. En el editor de entradas, desplázate hacia abajo a la METABOX campos personalizados. Si no puedes ver la caja de los campos personalizados en el área de edición de tu post, entonces debes hacer clic en el botón “Opciones de pantalla” en la esquina superior derecha de la pantalla. Esto abrirá un menú donde tienes que marcar la casilla de campos personalizados.

Agregar prefijo de post patrocinado en el título de la entrada

Ahora desplázate hacia abajo a la caja de campos personalizados y añade patrocinado en el nombre de campo y true en el campo de valor. Como ves en la imagen.

campos-personalizados

Ahora guarda el post y desplázate hacia los campos personalizados. Verás que la caja meta campo personalizado muestra un menú desplegable. La próxima vez que necesites establecer un post patrocinado, todo lo que tienes que hacer es seleccionar patrocinado desde el menú desplegable e introducir true en el campo de valor.

Después de agregar el campo personalizado patrocinado a tu post, tienes que copiar y pegar este fragmento de código en el archivo functions.php de tu tema o un plugin específico.

add_filter( 'the_title', 'post_patrocinado' );
function post_patrocinado( $title ) {
 global $post;
 $texto_patrocinado = '<span class="texto_patrocinado"> Post Patrocinado</span> ';
 $patrocinado = get_post_meta($post->ID, 'patrocinado', true);
 if( $patrocinado == 'true' && in_the_loop() ){
 return $title.$texto_patrocinado;
 }
 return $title;
}

Eso es todo. Si accedes a ver el post que has editado anteriormente, verás el prefijo post patrocinado con el título de la entrada.

Observando el fragmento de código, te darás cuenta de que hemos envuelto el texto de post patrocinado alrededor de una clase CSS. Agregando CSS puedes resaltar el texto dentro del título de la entrada. Por ejemplo, puedes añadir el siguiente CSS a tu hoja de etilos.

.texto_patrocinado { 
background: #eeeeee;
color: #337ab7;
font-size:small;
text-transform: uppercase;
padding:5px;
margin-left:10px;
}

Añadiendo Dashicons a nuestro prefijo de post patrocinado

Modifica el CSS según tus necesidades. Por ejemplo, y haciendo uso de lo aprendido en un post anterior, agregando Dashicons.

.texto_patrocinado:before { 
 display: inline-block;
 -webkit-font-smoothing: antialiased;
 font: normal 15px/1 'dashicons';
 margin-right: 5px;
 margin-right: 0.9rem;
 content: "\f313";
}

Agregar un sufijo “patrocinados” en los títulos de las entradas de tu blog

En caso de que desees mostrar el texto “post patrocinado” después del título de la entrada, entonces usa esta porción de código:

add_filter( 'the_title', 'post_patrocinado' );
function post_patrocinado( $title ) {
 global $post;
 $texto_patrocinado = '<span class="texto_patrocinado"> Post Patrocinado</span> ';
 $patrocinado= get_post_meta($post->ID, 'patrocinado', true);
 if( $patrocinado== 'true' && in_the_loop() ){
 return $texto_patrocinado.$title;
 }
 return $title;
}

Si estudias el código verás que hemos cambiado el orden para mostrar $ título primero.

Eso es todo, esperamos que este post te haya resultado útil.

Fuente: Wpbeginner

Y Tú. ¿Eres un blogger que tiene post patrocinados?

Comenta, comparte, difunde. Gracias.

Carlos A para FreelanceEvolution®

Deja un comentario

Your email address will not be published.Los campos requeridos están marcados *