Programación y ejemplos de PHP, jQuery, HTML5, WordPress, MySQL, AMP y htaccess


Asignar y obtener la imagen destacada de WordPress

Vamos a ver cómo asignar y obtener la imagen destacada de WordPress, esta imagen es la que asignamos en cada post y es la que se muestra en los listados de noticias de nuestra web.

Cómo asignar la imagen destacada de WordPress

Asignar la imagen destacada en WordPress es muy sencillo, tenemos que ir a la edición de entrada/post, en la columna derecha encontraremos esta opción:

Imagen destacada de WordPressSi clickamos en ‘Asignar imagen destacada‘ nos saldrá el formulario para asignar imágenes subidas previamente desde la biblioteca:

asignar imagen destacada de WordPressDe no disponer de la imagen deseada deberemos subirla clickando en la pestaña de ‘Subir archivos‘:

subir archivos s WordPressAhora solo nos quedaría asignar la imagen:

asignacion imagen destacada WordPressCómo obtener la imagen destacada de WordPress en los PHP del theme

Tras haber seleccionado la imagen destacada nos faltaría por ver cómo obtenerla en los PHP de nuestro theme.

Tras consultar la documentación oficial lo haríamos con el siguiente código PHP:

Os explico el código:

  • Para obtener el id en la base de datos de la imagen destacada usamos la función get_post_thumbnail_id(). Pasamos como parámetro el id del post, por defecto el id del post actual o id del post del bucle actual.
  • Tras obtener el id de la imagen la pasamos como parámetro a la función wp_get_attachment_url(), de esta manera tenemos guardada la URL de la imagen en la variable $imgDestacada que la podemos usar en el atributo src de la etiqueta <img>.

Otra manera igual de sencilla es la siguiente:

Explico el código superior:

  • Preguntamos si el post contiene imagen destacada.
  • En caso de tener asignada la imagen la sacamos por patalla con el código HTML necesario para mostrarla con la función the_post_thumbnail();

Por último os explico cómo obtener los diferentes tamaños de la imagen destacada de WordPress:

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies