Cómo agregar publicaciones relacionadas de WordPress sin complementos

Una de las grandes ventajas de usar WordPress son los complementos. Los complementos de WordPress cubren casi cualquier cosa que pueda imaginar, desde expandir su blog a un CMS, hasta agregar características ingeniosas y optimizar su blog para los motores de búsqueda. Las posibilidades son infinitas (y no olvidemos todos los temas diferentes que existen).

Pero al usar demasiados complementos, corre el riesgo de obstruir su blog de WordPress y, en el peor de los casos, podría "romperlo". Hay muchos ejemplos de complementos que no son compatibles entre sí, así como complementos que ralentizan tu blog..

Algunas de las categorías más populares de plugins de WordPress se basan en agregar “Artículos Relacionados” a un blog. Ya que WordPress no tiene nada estándar para esto, se requiere que todos usen algún tipo de complemento para mostrar publicaciones relacionadas en su sitio..

Este artículo le enseñará cómo agregar publicaciones relacionadas con miniaturas a su blog sin ningún complemento, manteniendo todo simple, ligero y accesible. Empecemos!

Pero primero, ¿Por qué evitar los complementos??

Hay varias razones por las que siempre debe probar y usar el código y los servicios integrados de WordPress, en lugar de un complemento. El principal beneficio es que no tiene que depender de un tercero (el desarrollador del complemento) para que funcione su blog. Hay muchos casos de complementos populares que son abandonados por sus desarrolladores, dejando a innumerables propietarios de sitios atrapados con software obsoleto y potencialmente vulnerable..

Otra razón es que no corres el riesgo de usar un complemento inflado que puede demorar tu sitio y, lo que es peor, contiene un código malintencionado, aunque esto es raro siempre que obtengas tus complementos del directorio oficial de WordPress..

Comenzando: publicaciones relacionadas con miniaturas

Esta característica de "publicaciones relacionadas", como la mayoría de las otras, está diseñada para colocarse en la página principal del artículo (single.php), pero puede usarla en casi cualquier lugar, siempre que la mantenga dentro del bucle de WordPress. Para obtener las publicaciones relacionadas, utilizaremos las etiquetas de publicación que se asignan a los artículos individuales..

Miniaturas

WordPress ahora cuenta con un sistema de miniaturas incorporado, que necesitaremos aquí. Para habilitarlo, agregue este código a su archivo functions.php en su carpeta de temas (en la mayoría de los casos, ya está ahí).

 add_theme_support ('post-thumbnails');

También puede establecer el ancho y el alto de las miniaturas agregando otra línea al código:

 add_theme_support ('post-thumbnails'); set_post_thumbnail_size (100, 50, true);

Importante: Al agregar imágenes a las publicaciones, para crear una miniatura, tiene que, en el panel de carga de imágenes, seleccionar “Usar como imagen destacada”. Esto creará la miniatura para la publicación..

El código

  Artículos Relacionados
 CARNÉ DE IDENTIDAD); if ($ tags) $ tag_ids = array (); foreach ($ tags como $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag__in' => $ tag_ids, 'post__not_in' => array ($ post-> ID), 'posts_per_page' => 4, // Número de mensajes relacionados para mostrar. 'caller_get_posts' => 1) ; $ my_query = new wp_query ($ args); while ($ my_query-> have_posts ()) $ my_query-> the_post (); ?>

El trozo de codigo the_post_thumbnail (array (150,100) establece el tamaño de la miniatura que se mostrará, en este caso, 150 px de ancho, 100 px de altura.

El CSS

Tenemos dos clases de divs aquí, “.Artículos Relacionados”, que es el contenedor div general, y “.relacionado thumb” que es la miniatura individual y el enlace dentro de los postes relacionados. Asumiremos que el ancho de la publicación es el estándar de 640px. El CSS:

 .relatedposts ancho: 640px; margen: 0 0 20px 0; flotador izquierdo; font-size: 12px; .relatedposts h3 font-size: 20px; margen: 0 0 5px 0;  .relatedthumb margen: 0 1px 0 1px; flotador izquierdo;  .relatedthumb img margin: 0 0 3px 0; relleno: 0; .relatedthumb a color: # 333; texto-decoración: ninguno; bloqueo de pantalla; relleno: 4px; width: 150px; .relatedthumb a: hover background-color: #ddd; color: # 000;

El CSS anterior representará las miniaturas de las publicaciones con 150 px de ancho, lo que significa que necesitaremos 4 miniaturas para completar el ancho de 640 píxeles de la publicación (incluido el margen entre ellas). Puede ajustar esto como desee; Si desea 5 miniaturas, necesitará un ancho de vástago relacionado de aproximadamente 125px.

Importante: Asegúrese de establecer el ancho de las miniaturas generadas en sus configuraciones de medios de WordPress para que coincidan con las que estableció en CSS. Además, tiene que coincidir con el tamaño especificado en el código php: the_post_thumbnail (array (150,100).

Ejemplo

Las publicaciones relacionadas deben aparecer algo como esto, como lo usa el blog de juegos DigitalBattle (que utiliza la técnica exacta descrita en este artículo):

Técnicas similares

Esta no es la única forma de hacer publicaciones relacionadas sin complementos: hay muchas técnicas y guías que le muestran cómo agregar publicaciones relacionadas sin complementos, aquí hay algunas de ellas:

Publicaciones relacionadas con miniaturas en WordPress sin plugin (TechWalz)
Cómo: publicaciones relacionadas con miniaturas en WordPress sin complementos (WPBeginner)
Cómo agregar publicaciones relacionadas con miniaturas sin plugin (WPCode)

Conclusiones

Podemos hacer mucho con las características integradas que ofrece WordPress y, en muchos casos, no necesitamos recurrir a complementos de terceros para realizar el trabajo. La próxima vez que necesite un complemento para su blog de WordPress, vea si puede lograr la misma característica sin el complemento. Cavar alrededor, buscar en la web una alternativa. Te sorprenderá cuánto es posible con WordPress fuera de la caja.