Advertisement
  1. Code
  2. Plugins

Publicaciones relacionados con la pantalla y el estilo para tu sitio de WordPress

by
Length:ShortLanguages:

Spanish (Español) translation by Marilu (you can also view the original English article)

Mostrar publicaciones relacionados es una gran manera de mantener a los lectores en tu blog y este tutorial te mostrará cómo conseguirlo. Definitivamente hay muchos plugins de publicaciones relacionadas por ahí que sería genial usar, sin embargo no pude encontrar ningún plugin que se ajustara exactamente a lo que necesitaba. Así que después de mucho leer e investigar, esto es lo que terminé que me ha ayudado en una tonelada de proyectos de mi cliente, incluyendo el mío propio. Aquí te mostraré cómo programar un bucle personalizado de WordPress que mostrará tus publicaciones relacionadas con las miniaturas.


Paso 1 Edita tu archivo functions.php

Primero debes abrir el archivo functions.php y añadir este pequeño código:

Asegúrate de reemplazar el 196 y el 110 con tus propias dimensiones. Guárdalo y sube el archivo. Después de subirlo, en la barra lateral de la publicación verás una nueva opción titulada "imagen destacada". Puedes subir cualquier imagen que quieras usar aquí y esta será la imagen que se mostrará en la sección de publicaciones relacionadas. Y asegúrate de etiquetar todos tus mensajes con al menos una palabra clave. De esa manera, cuando usas este código, puedes mostrar otros mensajes con cualquier etiqueta específica que tenga el mensaje actual.


Paso 2 Edita tu archivo single.php

Ahora, abre tu archivo single.php y añade este bloque de código donde quieras que aparezca la sección de publicaciones relacionados.

Sólo cambia el "showposts"=>4 a cuantas publicaciones quieras mostrar.

Imagen predeterminada opcional

Si no tiendes a utilizar demasiado las imágenes en tus mensajes, pero aún así quieres tener la posibilidad de utilizar los mensajes relacionados con una miniatura, reemplaza esta línea de arriba:

con esto:

Esto sacará una imagen por defecto de tu carpeta de temas en caso de que no tengas una imagen asignada a ninguna publicación.


Paso 3 ¡Haz que se vea bien con el CSS!

Arriba hay un ejemplo de lo que puedes hacer con el CSS y tu código de mensajes relacionados. ¡Y eso es todo! Tienes una sección de publicaciones relacionadas completamente funcional en tu sitio de WordPress.


Aquí hay una captura de pantalla del producto terminado

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.