X

Cómo agregar una columna de dimensiones a la biblioteca de medios de WordPress

Snippets de IsItWP

¿Quieres agregar una columna de Dimensiones a la biblioteca de medios de WordPress? La columna de Dimensiones puede ayudar a los usuarios a comprender el ancho y la altura de sus imágenes.

agregar columna a la biblioteca de medios con ancho y alto de imágenes wp_get_attachment_metadata

Instrucciones:

Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a un plugin específico del sitio:

function wh_column( $cols ) {
	$cols["dimensions"] = "Dimensions (w, h)";
	return $cols;
}
function wh_value( $column_name, $id ) {
    $meta = wp_get_attachment_metadata($id);
           if(isset($meta['width']))
           echo $meta['width'].' x '.$meta['height'];
}
add_filter( 'manage_media_columns', 'wh_column' );
add_action( 'manage_media_custom_column', 'wh_value', 10, 2 );

Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo copiar / pegar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.

Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: 62 mejores temas gratuitos de WordPress para blogs o 7 mejores plugins de formularios de contacto de WordPress.

Comentarios   Deja una respuesta

  1. Adición para mostrar también el tamaño del archivo

    function dimension_value( $column_name, $id ) { $meta = wp_get_attachment_metadata($id); if(isset($meta[‘width’])) echo $meta[‘width’].’ x ‘.$meta[‘height’].”; $media_filesize = filesize(get_attached_file($id)); $media_filesize = size_format($media_filesize, 2); echo $media_filesize; }

    lo que tiene la ventaja de mostrar el tamaño del archivo para pdfs, etc. (medios sin ancho)

  2. Hola, Gracias por este fragmento. ¿Hay alguna posibilidad de hacer que la columna de Dimensiones sea ordenable? Gracias de nuevo.

  3. ¡Esto es genial, gracias!

  4. yengconstance July 8, 2016 at 11:12 pm

    ¡Publicación práctica! ¡Agradezco la información! ¿Alguien sabe dónde podría obtener un formulario OR 8.010.5 en blanco para trabajar?

  5. ¿Cómo puedo agregar dimensiones a la pestaña "Biblioteca de Medios" en el Cargador de Medios?

  6. Sugiero este código function wh_value( $column_name, $id ) { if ( $column_name == “dimensions” ): $meta = wp_get_attachment_metadata($id); if(isset($meta[‘width’])) echo $meta[‘width’].’ x ‘.$meta[‘height’]; endif; }

    porque si tienes otra columna este código no sobrescribe las dimensiones

    1. ¡Brillante, ahora puedo combinarlo con el fragmento de código para mostrar el ID! ¡Gracias Andrea!

  7. ¡Hola! De nuevo, excelente fragmento. Tu sitio web es una mina de oro para un humilde blogger como yo :) Acabo de agregar este código a mi functions.php, aparece la columna Dimensiones (ancho, alto), funciona muy bien. Pero si miro la columna de al lado: 'ID', ahora obtengo las dimensiones + el número de ID.

    Ejemplo:

    Dimensiones (ancho, alto) muestra 400 x 300
    La columna ID muestra 400 x 300 (sin espacio) 235 (que es el número de ID) + un número misterioso entre 1 y 5.

    ¿Es normal o solo me pasa a mí? 🙂

    ¡Muchas gracias!

    1. no debería mostrar eso, ¿qué versión de wordpress estás usando?

      1. Hola Kevin, estoy usando WP 3.0.4 y aún no he actualizado, lo sé, llego tarde 🙂

        1. Probaré las cosas en esa versión para asegurarme de que no tenga problemas.

Agrega un comentario

Nos complace que hayas elegido dejar un comentario. Ten en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Lista de verificación para lanzar WordPress

La lista de verificación definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de verificación para el lanzamiento de tu próximo sitio web de WordPress en un práctico ebook.
¡Sí, envíame el eBook gratis!