Múltiples imágenes destacadas

Múltiples imágenes destacadas

diciembre 6, 2018 Widget 0

¿Ya eres Miembro?

Para Descargar este Plugin




Descripción

¿Necesita más de una imagen destacada para publicaciones, páginas y / o tipos de publicaciones personalizadas? Entonces este plugin es para ti!

Habilite múltiples imágenes destacadas para todos los tipos de publicaciones (incluidos los tipos de publicaciones personalizadas y los productos de WooCommerce) y muestre las imágenes con un widget o el código corto.

Caracteristicas

  • Agrega tantas imágenes destacadas como necesites.

  • Agregue las imágenes destacadas a cualquier tipo de publicación (publicación, página o incluso tipos de publicaciones personalizadas y productos WooCommerce).

  • Es posible utilizar diferentes imágenes destacadas para diferentes tipos de publicaciones. Fácilmente puede agregar dos nuevas imágenes destacadas a las páginas y tres a las publicaciones, si así lo necesita.

  • Salida totalmente personalizable – por lo que es multilingüe.

  • Handy shortcode para mostrar las imágenes destacadas en todas partes.

  • Widget para mostrar imágenes destacadas en barras laterales, etc.

Historia

Para uno de mis clientes tuve que asignar dos imágenes destacadas a las páginas. Una imagen destacada se usó como imagen de encabezado y la otra como un botón pequeño para el submenú. Las imágenes también tenían que ser diferentes (por lo que no podía simplemente usar diferentes tamaños de imágenes), así que escribí este pequeño complemento.

NOTA IMPORTANTE PARA AQUELLOS QUE ACTUALIZAN DE 0.3: El complemento viene con un nuevo método para registrar imágenes destacadas y actualiza la clave de metadatos. Es totalmente compatible con versiones anteriores, pero si está llamando directamente a las metas de publicación, entonces actualice su código como corresponda. El nuevo formato de la clave de metadatos de la publicación es kdmfi_YOUR_ID.

Contribuir

No dude en preguntar si tiene problemas con este complemento. Pero tenga en cuenta que este complemento se desarrolla en el tiempo libre del autor, por lo que puede tardar un tiempo en responder.
Las solicitudes de características son bienvenidas también!

Capturas de pantalla

  • Caja de meta de administración con múltiples imágenes destacadas.
  • Cargador de medios.
  • Widget de múltiples imágenes destacadas

Instalación

  1. Descomprimir y subir el imágenes de múltiples funciones directorio al directorio del plugin (/ wp-content / plugins /)

  2. Active el complemento a través del menú “Complementos” en WordPress

  3. Para el registro de una nueva imagen destacada, utilice el filtro práctico:

    add_filter ('kdmfi_featured_images', function ($ Featured_images) {
      $ args = array (
        'id' => 'Featured-image-2',
        'desc' => 'Su descripción aquí.',
        'label_name' => 'Imagen destacada 2',
        'label_set' => 'Establecer imagen destacada 2',
        'label_remove' => 'Eliminar la imagen mostrada 2',
        'label_use' => 'Establecer imagen destacada 2',
        'post_type' => array ('página'),
      );
    
      $ Featured_images[] = $ args;
    
      devuelve $ Featured_images;
    });
    
  4. Muestra la imagen destacada en tu tema (por ejemplo, en header.php o single.php):

    kdmfi_the_featured_image ('Featured-image-2', 'full');
    

Preguntas más frecuentes

Instrucciones de instalación
  1. Descomprimir y subir el imágenes de múltiples funciones directorio al directorio del plugin (/ wp-content / plugins /)

  2. Active el complemento a través del menú “Complementos” en WordPress

  3. Para el registro de una nueva imagen destacada, utilice el filtro práctico:

    add_filter ('kdmfi_featured_images', function ($ Featured_images) {
      $ args = array (
        'id' => 'Featured-image-2',
        'desc' => 'Su descripción aquí.',
        'label_name' => 'Imagen destacada 2',
        'label_set' => 'Establecer imagen destacada 2',
        'label_remove' => 'Eliminar la imagen mostrada 2',
        'label_use' => 'Establecer imagen destacada 2',
        'post_type' => array ('página'),
      );
    
      $ Featured_images[] = $ args;
    
      devuelve $ Featured_images;
    });
    
  4. Muestra la imagen destacada en tu tema (por ejemplo, en header.php o single.php):

    kdmfi_the_featured_image ('Featured-image-2', 'full');
    
¿Cómo registro varias imágenes destacadas nuevas?

Utilice el filtro útil para agregar varias imágenes destacadas.

Por ejemplo, este código agrega dos imágenes destacadas adicionales a las páginas y una imagen destacada adicional a las publicaciones:

add_filter ('kdmfi_featured_images', function ($ Featured_images) {
  // Añadir Featured-image-2 a las páginas y publicaciones
  $ args_1 = array (
    'id' => 'Featured-image-2',
    'desc' => 'Su descripción aquí.',
    'label_name' => 'Imagen destacada 2',
    'label_set' => 'Establecer imagen destacada 2',
    'label_remove' => 'Eliminar la imagen mostrada 2',
    'label_use' => 'Establecer imagen destacada 2',
    'post_type' => array ('page', 'post'),
  );

  // Agregar la imagen-2-destacada a las páginas solamente
  $ args_2 = array (
    'id' => 'Featured-image-3',
    'desc' => 'Su descripción aquí.',
    'label_name' => 'Imagen destacada 3',
    'label_set' => 'Establecer imagen destacada 3',
    'label_remove' => 'Eliminar imagen destacada 3',
    'label_use' => 'Establecer imagen destacada 3',
    'post_type' => array ('página'),
  );

  // Agregue las imágenes destacadas a la matriz, para que no esté sobrescribiendo las imágenes que quizás se crean en otras llamadas de filtro
  $ Featured_images[] = $ args_1;
  $ Featured_images[] = $ args_2;

  // ¡Importante! Devuelve todas las imágenes destacadas
  devuelve $ Featured_images;
});
¿Cómo registro imágenes destacadas adicionales para WooCommerce?

El tipo de publicación de los productos WooCommerce es “procut”. Así que puedes definir múltiples imágenes destacadas como se ve arriba, solo agrega “producto” a “post_type”.

Digamos que desea agregar una imagen detallada a los productos de WooCommerce. Entonces este código es para ti:

add_filter ('kdmfi_featured_images', function ($ Featured_images) {
    $ args = array (
            'id' => 'product-image-detail',
            'desc' => 'La imagen de detalle del producto.',
            'label_name' => 'Imagen de detalle del producto',
            'label_set' => 'Establecer imagen de detalle del producto',
            'label_remove' => 'Eliminar imagen de detalle del producto',
            'label_use' => 'Establecer imagen de detalle del producto',
            'post_type' => array ('producto'),
    );

    $ Featured_images[] = $ args;

    devuelve $ Featured_images;
});

Ahora puede visualizar la imagen a través de un código corto, un widget o incluyendo una función de visualización (que se muestra a continuación) en sus archivos de temas de WooCommerce.

¿Cómo muestro la imagen mostrada?

Utilice una de las funciones para recuperar la imagen. P.ej. kdmfi_the_featured_image ('Featured-image-2', 'full'); o use el nuevo widget “Múltiples imágenes destacadas” o el nuevo código corto!
El widget se puede encontrar en Apariencia -> Widgets.

¿Cómo uso el código corto?

Uso de shortcode:

[kdmfi_featured_image id=”featured-image-2″ size=”full”]

Posibles atributos para el shortcode:

  • id: el id de la imagen mostrada, por ejemplo, aparece-imagen-2, requerido
  • tamaño: el tamaño deseado, predeterminado a “completo”
  • post_id: la ID de la publicación a la que se asigna la imagen destacada, predeterminada a la ID actual
  • clase: las clases para la etiqueta de imagen, por defecto son “kdmfi-feature-image”
  • alt: el atributo alt para la etiqueta de imagen, por defecto al título de la imagen utilizada
  • título: el atributo de título para la etiqueta de imagen, vacío por defecto

Filtrar

Si necesita cambiar la etiqueta de imagen creada por el código abreviado, utilice el filtro “kdmfi_shortcode_html”.

Ejemplo de uso:

add_filter ('kdmfi_shortcode_html', función ($ html, $ shortcode_atts, $ post_id) {

  // hacer algo

  devuelve $ html;
}, 10, 3);

El filtro de devolución de llamada obtiene la etiqueta de imagen html, los atributos de código abreviado utilizados y el ID de la publicación donde se usa el código abreviado.

¿Cómo uso un tamaño diferente de la imagen mostrada?

Simplemente agregue el tamaño a la llamada de función:

kdmfi_the_featured_image ('Featured-image-2', 'full');

Puedes elegir cada tamaño que WordPress conoce.

¿Cómo puedo obtener el ID de la imagen mostrada?

Con esta llamada de función puedes obtener el ID:

kdmfi_get_featured_image_id ('Featured-image-2');

Nota: Dado que una imagen destacada solo tiene una identificación individual, no hay opción de “tamaño” en esta llamada a la función.

¿Cómo puedo obtener la URL de la imagen mostrada?

Con esta llamada de función puedes obtener la URL:

kdmfi_get_featured_image_src ('Featured-image-2', 'full');
¿Qué funciones existen?
  1. Si solo necesita la identificación, use esta función:

    kdmfi_get_featured_image_id ($ image_id, $ post_id);
    

    $ post_id es opcional, si lo omite, se utilizará el ID de la publicación llamante.

  2. Para obtener la URL de la imagen:

    kdmfi_get_featured_image_src ($ image_id, $ size, $ post_id);
    

    $ post_id es opcional (ver arriba); $ size es opcional y el valor predeterminado es 'full'.

  3. Para obtener la imagen destacada en HTML como una cadena:

    kdmfi_get_the_featured_image ($ image_id, $ size, $ post_id);
    

    Nuevamente, $ size y $ post_id son opcionales.

  4. Para mostrar la imagen destacada directamente:

    kdmfi_the_featured_image ($ image_id, $ size, $ post_id);
    

    Nuevamente, $ size y $ post_id son opcionales.

  5. Para comprobar si la publicación tiene una imagen destacada:

    kdmfi_has_featured_image ($ image_id, $ post_id);
    

    $ post_id es opcional. La función devuelve el ID del archivo adjunto si hay uno y falso si no.

Opiniones

Plugin increíble

imemine

Hola,

Este es mi primer comentario, este plugin me hizo revisarlo porque es increíble.

Hace la vida más fácil. Gracias 🙂

Una gran herramienta para desarrolladores de temas personalizados

Avant 5

He estado usando esto por años. Ni siquiera puedo comenzar a contar cuántas veces se me entregó un diseño para un tema para construir donde el diseñador tenía una miniatura para una galería, luego un tipo de miniatura totalmente diferente para alguna otra sección del sitio. Nada llamativo aquí, solo la herramienta perfecta para el trabajo.

Este complemento hace que la adición de tipos de imagen destacados adicionales sea muy fácil. Es una herramienta para desarrolladores, y no una solución plug-n-play simple. No se limita a agregar una segunda miniatura a tus publicaciones, requiere algunos retoques de código muy pequeño, por lo que si no te sientes cómodo con los archivos de funciones, esto no te solucionará el problema.

Muy útil para el desarrollador de temas!

lf2s

Gracias por tu plugin, eso fue exactamente lo que necesito 🙂

¡Gran plugin! 🙂

roxer82

¡Muy útil!

Muy buen complemento – recomendado

peterjones5

Complemento Top Draw que viene con copia de seguridad en tiempo real. Sigan con el buen trabajo. Gracias marcus

Buen complemento, soporte responsivo!

clarner66

Hemos estado usando el complemento por un par de años, todo bien. Recientemente, tuve que contactar a Marcus para obtener asistencia debido a un problema de actualización. Me complació mucho su respuesta oportuna y su esfuerzo por ayudarme a resolver el problema.

Leer las 24 críticas.

Colaboradores y Desarrolladores

“Imágenes destacadas múltiples” es un software de código abierto. Las siguientes personas han contribuido a este plugin.

Contribuyentes

Traduce “Imágenes destacadas múltiples” a tu idioma.

¿Interesado en el desarrollo?

Busque el código, revise el repositorio SVN o suscríbase al registro de desarrollo por RSS.

Registro de cambios

0.5.0

  • Código abreviado añadido para mostrar la imagen
  • Cambió la clave meta de kdmfi a kdmfi_ para habilitar nuevamente el acceso a la API

0.4.3

  • Compatibilidad con versiones anteriores a PHP 5.3.10
  • Añadido soporte para traducciones

0.4.2

  • Corrección de errores

0.4.1

  • Corrección de errores

0.4.0

  • Completamente reescrito Widget añadido

0.3

  • Corrección de errores: no hay salida de url cuando se da un tamaño

0.2

  • Código completamente reescrito

0.1

  • Versión inicial.

¿Ya eres Miembro?

Para Descargar este Plugin



Por favor Comparte y Síguenos:
RSS
Follow by Email
Facebook
Twitter

Deja un comentario