WP Image Mask

Descripción

Select custom mask for your Gutenberg image’s block or add a masked image anywhere via shortcode [wp-image-mask].

Shortcode attributes:

  • src – URL of the image;
  • mask – URL of the mask;
  • fit – how the mask should fit into the image. cover, contain (default contain);
  • alt – alt text for the image.

Capturas

  • Selecciona tu imagen (o añade una nueva desde los bloques de Gutenberg).
  • Select type of image mask from the block’s settings.
  • If you choosed custom image – click on the Choose mask image button to upload your custom mask.
  • Una vez que hayas seleccionado la máscara, se aplicará a tu imagen.
  • If you choosed SVG code – paste your SVG code in the textarea field.
  • Once you have pasted the code – it will apply to your image.
  • You can also apply image masks to gallery’s images.

Bloques

Este plugin proporciona 2 bloques.

  • wp-image-mask – CGB Block
  • WP Image Mask

Instalación

Upload the WP Image Mask plugin to your site, activate it and start using.

Preguntas frecuentes

¿Para usar Image Mask tengo que reemplazar mis imágenes con algún bloque personalizado de Gutenberg?

No, este plugin se une al bloque de imagen nativo de Gutenberg, por lo que no tienes que reemplazar tus imágenes existentes.

¿Puedo aplicar mi máscara personalizada de imagen?

Sure! You can select a custom image mask file or paste SVG code of your image mask.

I don’t use Gutenberg – is there any way to add an image with mask?

Yes! You can use shortcode [wp-image-mask src="https://url_of_your_image" mask="https://url_of_your_mask_image"].

Reseñas

22 de diciembre de 2023 1 respuesta
I needed a way to have irregular looking shapes for photos. I thought I might have to create a custom solution, but was pleased that this plugin did exactly what I needed. I was able to upload SVG images to use as masks to the site media library, and then it was really easy to assign those to be used as masks to images using the default WP image block. I like how the plugin integrates directly into the image block interface. Excellent! I will end up using this plugin on a lot more sites in the future.
Leer la 1 reseña

Colaboradores y desarrolladores

«WP Image Mask» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«WP Image Mask» ha sido traducido a 3 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «WP Image Mask» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

3.1

  • Add the ability to select mask fit in the Gutenberg block

3.0

  • Stable release.
  • Add shortcode to apply image mask.

2.0

  • Stable release.
  • Fixed issues with applying custom mask to images.
  • Add the ability to paste SVG code for image mask.

1.0

  • Primera versión.