Añadir, mostrar subtítulo en la galería de imágenes de WooCommerce en la página de producto

Buen Snippet, código, para mostrar el título y el texto de leyenda de cada imagen en la galería de imágenes en la página de cada producto de Woocommerce.



function gcw_insert_captions( $html, $attachment_id ) {

    $captions = '';
    $title = get_post_field( 'post_title', $attachment_id );
    if( !empty( $title ) ) {
        $captions .= '<h5>' . esc_html( $title ) . '</h5>';
    }
    $description = get_post_field( 'post_excerpt', $attachment_id );
    if( !empty( $description ) ) {
        $captions .= '<p>' . $description . '</p>';
    }
    if( !empty( $captions ) ) {
        $captions = '<div class="gcw-caption">' . $captions . '</div>';
        
        $html = preg_replace('~<\/div>$~', $captions . '</div>', $html );
    }
    return $html;
}
add_filter('woocommerce_single_product_image_thumbnail_html','gcw_insert_captions',10,2);

El código hay que añadirlo al fichero functions.php de tu tema o plugin de personalización, o podéis probar el plugin de su creador: jbeales https://github.com/jbeales/woo-gallery-captions


En la siguiente captura de ejemplo, "Cenicero Rock" es el título de la imagen y "Vista completa" es el texto leyenda que se puede añadir a las imágenes en Medios de la administración de wordpress.

Luego cada uno podrá dar formato al texto según su necesidad con CSS.

Cambiar tamaño, altura y/o anchura, del editor (tiny mce) en wordpress

Las últimas versiones de wordpress dejan el cuadro de texto del editor donde escribir nuestros artículos con muy poca altura lo que es muy incómodo y nos obliga a agrandar* el área de escritura cada vez que añadimos o editamos un artículo o página.

Para evitar tener que hacer esto, basta con añadir la siguiente función al fichero functions.php de nuestro tema:


// cambiar altura, anchura del editor
function nir_custom_wp_tinymce ($initOptions) {
    $initOptions['height'] = '500px';
//    $initOptions['width'] = '100%';
    return $initOptions;
}
add_filter('tiny_mce_before_init', 'nir_custom_wp_tinymce');



La anchura , que dejo comentada, no creo que sea de mucha utilidad pero también se puede modificar.



*Agrandar área: Clic esquina inferior derecha sin soltar y arrastrar.