Adición de prefijos de publicaciones patrocinadas mediante campos personalizados
Los campos personalizados le permiten agregar metainformación a sus publicaciones. En este artículo usaremos campos personalizados para agregar un metacampo patrocinado a una publicación.
Primero necesitas crear una nueva publicación o editar una existente. En el editor de publicaciones, desplácese hacia abajo hasta el metabox de campos personalizados. Si no puede ver el metabox de campos personalizados en el área de edición de su publicación, debe hacer clic en el 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.
Ahora desplácese hacia abajo hasta el metabox de campos personalizados y agregue sponsored en el campo personalizado Nombre, y true en el valor campo.
A continuación, debe guardar su publicación y desplazarse hacia abajo hasta el metabox de campos personalizados. Notará que el meta cuadro de campo personalizado ahora muestra un menú desplegable. La próxima vez que necesite configurar una publicación patrocinada, todo lo que necesita hacer es seleccionar patrocinado en el menú desplegable e ingresar verdadero en el campo de valor.
Después de agregar el campo personalizado patrocinado a su publicación, debe copiar y pegar este fragmento de código en el archivo functions.php de su tema o en un sitio específico plugin.
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;
}
Eso es todo. Intente visitar la publicación que editó anteriormente y verá Publicación patrocinada: prefijo con el título de la publicación.
Si estudia el fragmento de código, notará que hemos envuelto el texto de la publicación patrocinada en una clase de CSS. Con esta clase de CSS, puede 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.
.sponsored_text {
background: #eeffee;
font-size:small;
text-transform: uppercase;
padding:5px;
}
Siéntase libre de modificar el CSS para satisfacer sus necesidades.
Agregar el sufijo de la publicación patrocinada al título de la publicación en WordPress
En caso de que desee mostrar el texto de la publicación patrocinada después del título de la publicación, puede lograrlo utilizando este fragmento de código:
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;
}
Si estudia el código, solo hemos realizado dos cambios. Hemos agregado un espacio de una sola letra antes del texto patrocinado, y luego hemos cambiado el orden para mostrar $title primero.
Eso es todo, esperamos que este artículo le haya ayudado a agregar un prefijo / sufijo de publicación patrocinada al título de la publicación en WordPress.
Si le gustó este artículo, suscríbase a nuestro Canal de Youtube . También puedes encontrarnos en Twitter y Google+.
.