Trabajando con Visual Composer VC_Single_Image

21 mar 2016, 22:56:09
Vistas: 22.7K
Votos: 2

Estoy trabajando en un sitio WordPress que tiene este shortcode,

[vc_single_image image="7004" css_animation="right-to-left" border_color="grey" img_link_target="_self" img_size="300px"]

Necesito replicar ese shortcode varias veces pero no puedo descifrar de dónde viene el número de cuatro dígitos que hace referencia a la imagen.

Intenté cambiar el 7004 por un nombre de imagen e incluso probé con la ruta absoluta de la imagen. Nada aparece cuando hago esto, ni siquiera una imagen rota.

¿Qué es ese número y cómo puedo agregar una imagen diferente a este shortcode?

3
Comentarios

Parece ser el attachment_id.

Nathan Powell Nathan Powell
21 mar 2016 23:11:42

Ahh gracias. ¿Hay algún lugar donde pueda buscar eso? ¿O tengo que llamar a una función?

wuno wuno
22 mar 2016 00:19:37

Los temas/plugins de terceros están fuera de tema, pero como recientemente tuve que pasar por esto, podría darte algunas indicaciones.

birgire birgire
22 mar 2016 01:04:55
Todas las respuestas a la pregunta 2
0

No es fácil rastrear el código detrás de [vc_single_image], porque para empezar utiliza extract, lo cual no se recomienda en WordPress o PHP en general.

El valor del atributo image se filtra para eliminar valores no enteros y se asigna a la variable $img_id.

Con tu configuración, hay una llamada a wpb_getImageBySize( array( 'attach_id' => $img_id, ... ), que parece ser un envoltorio que incluye:

wp_get_attachment_image_src( $attach_id, 'large' );

Por lo tanto, este atributo image es el ID del adjunto de imagen (entero), como mencionó Nathan Powell.

Si activamos el editor de backend para Visual Composer:

Editor de backend de Visual Composer

con el código que publicaste, deberíamos obtener este tipo de vista:

Vista del elemento de imagen en Visual Composer

Haz clic en el lápiz verde y deberíamos obtener la configuración de imagen única:

Configuración de imagen individual en Visual Composer

Ahí es fácil seleccionar el adjunto de imagen directamente desde la biblioteca multimedia.

Si no queremos la configuración visual, podemos obtener el ID del adjunto de imagen desde varios enlaces en la biblioteca multimedia. Por ejemplo, cuando editamos un adjunto, la URL es:

/wp-admin/post.php?post=7004&action=edit

o cuando vemos los detalles del adjunto, la URL es:

/wp-admin/upload.php?item=7004

¡Espero que ayude!

22 mar 2016 00:53:31
0

Solución Rápida

Para alguien que enfrente el mismo problema, he encontrado una solución rápida para encontrar el ID de un adjunto.

  1. Abre el menú Medios
  2. Selecciona el medio del cual quieres conocer el ID
  3. Mira la URL, en mi caso http://localhost/.../wp-admin/upload.php?item=1826
  4. Simplemente usa el número del ítem en tu vc_single_image

    Gracias a @birgire por la explicación

    [vc_single_image image="1826" img_size="full" alignment="center"]

11 mar 2020 18:08:53