Como mostrar publicaciones relacionadas con WordPress
La publicación relacionada es una función que se creó en el sitio web para mostrar los mismos artículos de interés en la página de la publicación.
Si usted es un usuario de WP CMS, también puede habilitar las funciones de publicaciones relacionadas con WordPress ya sea manualmente codificando o usando el plugin de publicaciones relacionadas. Las publicaciones relacionadas no solo lo ayudan a aumentar las visitas a la página, sino también a disminuir la tasa de rebote.
Aquellos que no conocen la tasa de rebote que la "tasa de rebote" es el porcentaje de visitantes iniciales que tropiezan en su sitio web, pero se desplazan a otro sitio web sin mirar ninguna otra publicación o página del mismo sitio. El aumento de la tasa de rebote también afecta las ganancias de Google Adsense.
Casi todos los temas profesionales de WordPress vienen con una función de consultas de publicaciones relacionadas precompiladas, pero si no, en este artículo le mostraremos cómo mostrar o agregar publicaciones relacionadas en WordPress con o sin un complemento
Método 1:Agregar publicaciones relacionadas con WordPress sin complemento
Agregar la funcionalidad de publicaciones relacionadas al tema utilizando el método de codificación es una buena práctica porque agregar demasiados complementos al sitio afecta la velocidad de carga del sitio y lo hace lento.
Vaya al editor de temas Apperance y seleccione el archivo Single.php y agregue el siguiente código y agregue el siguiente código donde desee mostrar las publicaciones relacionadas en su artículo.
// para usar en el ciclo, liste 5 títulos de publicaciones relacionadas con la primera etiqueta en la publicación actual
$ etiquetas = wp_get_post_tags ($ post-> ID);
if ($ etiquetas) {
echo 'Related Posts';
$ first_tag = $ tags [0] -> term_id;
$ args = array (
'tag__in' => array ($ first_tag),
'post__not_in' => array ($ post-> ID),
'posts_per_page' => 5,
'caller_get_posts' => 1
);
$ my_query = new WP_Query ($ args);
if ($ my_query-> have_posts ()) {
while ($ my_query-> have_posts ()): $ my_query-> the_post (); ?>
<a href="<?php the_permalink() ?> "rel =" bookmark "title =" Enlace permanente a <? php the_title_attribute ();?> "> <? php the_title (); ?> </a>
<? php
al final;
}
wp_reset_query ();
}
?>
Si el código anterior no funciona para su tema, aquí hay otro código largo para mostrar las publicaciones relacionadas en un artículo de WordPress.
Paso 1: Vaya a Apperanace- editor de temas y seleccione el archivo functions.php y agregue este pequeño mordisco de código.
add_theme_support ('post-thumbnails');
set_post_thumbnail_size (196, 110, verdadero);
Puede cambiar el 196 y el 110, que son las dimensiones en miniatura para adaptarse a su tema. Estas etiquetas de solución de código, asegúrese de que sus publicaciones deben contener al menos una etiqueta para mostrar las publicaciones relacionadas.
Paso 2: Ahora, desde la barra lateral derecha de tu editor de temas, selecciona el archivo llamado Single.php. Abra este archivo y agregue el siguiente código en el lugar donde desea mostrar la sección de publicación relacionada.
Por favor, cambie los 'post' => 4 para mostrar las publicaciones relacionadas con más de cuatro.
$ etiquetas = wp_get_post_tags ($ post-> ID);
if ($ etiquetas) {
$ tag_ids = array ();
foreach ($ etiquetas como $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id;
$ args = array (
'tag__in' => $ tag_ids,
'post__not_in' => array ($ post-> ID),
'showposts' => 4, // Número de publicaciones relacionadas que se mostrarán.
'caller_get_posts' => 1
);
$ my_query = new wp_query ($ args);
if ($ my_query-> have_posts ()) {
echo '<div id = "relatedposts"> <h3> Publicaciones relacionadas </ h3> ul>';
while ($ my_query-> have_posts ()) {
$ my_query-> the_post ();
?>
<? php
if (has_post_thumbnail ()) {?>
<li> <div class = "relatedthumb"> <a href="<?php the_permalink() ?> "rel =" bookmark "title =" <? php the_title_attribute ();?> "> <? php the_post_thumbnail () ; ?> <? php the_title (); ?> </a> </ div> </ li>
<? php} else {?>
<li> <div class = "relatedthumb"> <a href="<?php the_permalink() ?> "rel =" bookmark "title =" <? php the_title_attribute ();?> "> <img src =" < ? php echo get_post_meta ($ post-> ID, 'Imagen', verdadero)?> "width =" 196 "height =" 110 "alt =" <? php the_title_attribute ();?> "/> <? php the_title ( ); ?> </a> </ div> </ li>
<? php}
?>
<? php
}
echo '</ ul>';
}
}
$ post = $ copia de seguridad;
wp_reset_query ();
?>
Paso 3: Si desea dar un toque personalizado a sus publicaciones relacionadas, agregue este código en su archivo CSS del tema. Puede modificarlo de acuerdo con su tema para proporcionar una apariencia diferente.
.relatedposts h3 {font-size: 24px; margen: 10px 0px 20px 0px; font-weight: normal; }
.relatedposts ul {list-style: none; }
.relatedposts ul li {float: left; margen-derecha: 15px; ancho: 206px; }
.relatedposts img {border: 1px solid #DDD; fondo: # F8F8F8; relleno: 5px; margen inferior: 5px; }
.relatedposts a: hover {color: # 51B1D3; }