Cómo agregar miniaturas de imágenes a publicaciones relacionadas en WordPress

P: Su sitio es muy útil para mí. ¿Podría decirme cómo insertar las publicaciones relacionadas como en su sitio en el mío? He probado muchas alternativas, ¿puede decirme cómo agrega las publicaciones relacionadas con miniaturas?

Si navega con frecuencia en la Web, notará que muchos blogs muestran miniaturas de imágenes para la sección Publicaciones relacionadas, al igual que hicimos en Make Tech Easier. En WordPress, hay varias formas de hacerlo. Vamos a ver.

Usando un complemento

La forma más fácil de implementar la miniatura de la imagen (sin ningún código) es a través de un complemento. LinkWithin es una de esas herramientas que puede utilizar. La ventaja de LinkWithin es que no ocupa espacio en el servidor ni ancho de banda (para almacenar las miniaturas) y hay poca (o ninguna) configuración que deba realizarse.

Vaya a LinkWithin. Complete el detalle en la portada.

Haga clic en Obtener widget . A continuación, se le dirigirá a una página donde podrá descargar el complemento.

Instale y active el complemento. Su publicación relacionada con la miniatura aparecerá inmediatamente en su blog.

Tan bueno como puede ser, existen algunas desventajas y limitaciones de usar LinkWithin.

  1. Existe un control limitado para el usuario final: no puede configurar qué miniatura de imagen mostrar para cada publicación.
  2. no puede ajustar el tamaño y el estilo del widget.
  3. no puede establecer la posición para que aparezca el widget. El valor predeterminado es que aparezca inmediatamente después de que finalice el contenido de la publicación, pero hay ocasiones en las que desea insertar información del autor o anuncios primero antes de la publicación relacionada. en este caso, esto no es útil.

Hackear el archivo de tema de WP

La mejor manera de personalizar completamente la experiencia del usuario es ir al archivo del tema y hacer algo de piratería. Esto requerirá algo de experiencia en codificación.

Primero, utilizando las instrucciones aquí , active la función de miniatura de publicación (solo aplicable en WP 2.9 y superior).

A continuación, instale y active el complemento Yet Another Related Posts . Lo que me encanta de esto es la capacidad de usar un sistema de plantillas para diseñar el contenido de la publicación relacionada.

En la carpeta del complemento YARPP, vaya a la carpeta yarpp-templates y copie el archivo “yarpp-template-thumbnail.php” a su carpeta de temas.

A continuación, en la página de opciones de WordPress YARPP:

  • desmarque la casilla «¿ Publicaciones relacionadas que se muestran automáticamente? «
  • seleccione la cantidad de publicaciones relacionadas que desea mostrar
  • elija yarpp-template-thumbnail.php de la lista desplegable del archivo de plantilla.

Abra «yarpp-template-thumbnail.php» en un editor de texto. Reemplace el código con lo siguiente.

Lo que hace este código es verificar si hay un conjunto de miniaturas para cada publicación relacionada. Si es así, mostrará la miniatura y el enlace permanente.

A continuación, en la carpeta de su tema, abra su archivo » single.php » y agregue la siguiente línea a la parte donde desea mostrar la publicación relacionada:

Por último, necesitamos hacer un poco de estilo. Copie y pegue el siguiente código de estilo en su archivo style.css .

.related_posts ul {ancho: 100%; estilo de lista: ninguno; margen: 0; acolchado: 0; } .related_posts li {display: inline; flotador izquierdo; margen: 0; padding-left: 0; padding-right: 10px; ancho: 140px; / * cambie este valor de acuerdo con su plantilla * /} .related_permalink {width: 140px; / * cambie este valor de acuerdo con su plantilla * / text-align: left; tamaño de fuente: 0.85em; padding-top: 5px; } .related_thumbnail {ancho: 140px; / * cambia este valor de acuerdo con el tamaño de tu miniatura * / height: 80px; desbordamiento: oculto; alineación de texto: centro; }

Eso es.

Crédito de la imagen: wuzhao.album

¡Si te ha gustado vota con 5 Estrellas!
(Votos: 0 Promedio: 0)

Escribe Aquí Tu Comentario