Cómo colocar un botón debajo de una imagen en WordPress usando Shortcodes Ultimate

Nimrook dijo:

Hola, alguien sabría decirme como hacer para poner un boton debajo de las imagenes como hacen en esta web: https://10mejores.top/pulsometros/

El texto y las imágenes a los lados lo hago con el editor clásico de wordpress y el botón con el plugin shortcodes ultimate, pero no logro ponerlo en esa posición y que siga bien colocado tanto en desktop como en mobile.

Algún consejo? Gracias!

Hacer clic para expandir...

YeltsinReyes dijo:

@Nimrook creo que usan este shortcode https://codex.wordpress.org/Caption_Shortcode

Hacer clic para expandir...

Nimrook dijo:

Sería poniendo el shortcode del boton dentro del shortcode [caption]?

Lo he hecho pero no lo lee y me aparece el shortcode como tal en lugar del boton...

Hacer clic para expandir...

YeltsinReyes dijo:

Prueba usando asi: [caption align="alignleft" width="300"] imagen y shortcode del boton [/caption]

Hacer clic para expandir...

Christianabreuh dijo:

Eso lo haces re simple con Css y HTML

Hacer clic para expandir...

Nimrook dijo:

Una pista?

Hacer clic para expandir...

Nimrook dijo:

Una pista?

Hacer clic para expandir...

add_filter('shortcode_atts_caption', function($out, $pairs, $atts){
    $out['caption'] = do_shortcode($out['caption']);
    return $out;
}, 10, 3);

YeltsinReyes dijo:

Agrega este codigo en tu functions.php de tu theme!
esto ara que se ejecuten otros shortcode dentro del shortcode caption

PHP:

add_filter('shortcode_atts_caption', function($out, $pairs, $atts){
    $out['caption'] = do_shortcode($out['caption']);
    return $out;
}, 10, 3);

Hacer clic para expandir...

Nimrook dijo:

Ahora si! No sabía que había que añadir una función, pensaba que ya funcionaba de serie con wordpress.

Muchas gracias por la ayuda! 😁

Hacer clic para expandir...