Mô tả
Select a 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
(defaultcontain
);alt
– alt text for the image.
Ảnh màn hình
Select your image (or add a new one from Gutenberg blocks). Select the type of image mask from the block’s settings. If you choose a 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 choose 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.
Cài đặt
Upload the WP Image Mask plugin to your site, activate it and start using.
Hỏi đáp
-
Do I need to replace my images with some custom Gutenberg block to use an 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 other way to add an image with a mask?
-
Yes! You can use shortcode
[wp-image-mask src="https://url_of_your_image" mask="https://url_of_your_mask_image"]
.
Đánh giá
Người đóng góp & Lập trình viên
“WP Image Mask” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.
Những người đóng góp“WP Image Mask” đã được dịch qua 3 ngôn ngữ. Cảm ơn những người tham gia dịch vì đóng góp của họ.
Dịch “WP Image Mask” sang ngôn ngữ của bạn.
Muốn tham gia phát triển?
Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.
Nhật ký thay đổi
3.1.2
- Removed inline tags, applied image mask as inline css
- Fixed Gutenberg view for custom image mask
- Migrate to @wordpress/create-block
3.1.1
- Removed unnecessary wp-image-mask – CGB Block
3.1
- Add the ability to select mask fit in the Gutenberg block
3.0
- Stable release.
- Add a shortcode to apply image mask.
2.0
- Stable release.
- Fixed issues with applying custom masks to images.
- Add the ability to paste SVG code for image masks.
1.0
- First release.