WP Image Mask

描述

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.

螢幕截圖

  • Select your image (or add a new one from Gutenberg blocks).
  • 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.
  • Once you have selected the mask – it will apply to your image.
  • 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.

Blocks

This plugin provides 2 blocks.

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

安裝

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

常見問題

Do I need to replace my images with some custom Gutenberg block to use image mask?

No, this plugin attaches to the native Gutenberg image block, so no need to replace your existing images.

Can I apply my custom image mask?

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"].

評價

2023年12月22日 1 reply
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.
閱讀全部1個評價

貢獻者及開發者

“WP Image Mask” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

WP Image Mask 外掛目前已有 3 個本地化語言版本。 感謝所有譯者為這個外掛做出的貢獻。

將 WP Image Mask 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

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

  • First release.