Описание
Enable Responsive Image adds settings to the Image block to display different images depending on the width of the screen. You can add multiple images and set media queries and resolution for each image. If the screen width matches the conditions of that media query, it will switch to the corresponding image.
Resources
Image for screenshot
- License: Public Domain
- Source: https://openverse.org/image/cd8e5cc5-d38a-462e-b4c1-1ea5c6f94e20
Снимки на разширението
Settings added to the block sidebar of the image block 
How the image changes depending on the screen width
Инсталиране
- Upload the
enable-responsive-imagefolder to the/wp-content/plugins/directory. - Activate the plugin through the \’Plugins\’ menu in WordPress.
ЧЗВ
-
How does this plugin work?
-
This plugin rewrites the HTML markup for the image block rendered on the front end. Wrap the img element with a picture element, and add source elements with srcset and media attributes inside the picture element based on the settings of the added image.
-
It does not work correctly when multiple image sources are set.
-
Try rearranging the order of the images. For example, if both images have a Media Query Type of max-width, the one with the smaller value should be ordered on top.
-
Even if I switch the screen width or device on the editor, it does not switch to the set image.
-
On the editor side, images do not switch by default. Click the „Enable responsive image preview“ button on the block toolbar.
-
What filters can I use?
-
You can find a list of the available filters in the Github readme.
Отзиви
Сътрудници и разработчици
“Enable Responsive Image” е софтуер с отворен код. Към разширението са допринесли следните хора:
Сътрудници
“Enable Responsive Image” е преведено на 4 езика. Благодарности на преводачите за техния принос.
Превеждане на “Enable Responsive Image” на вашия език.
Имате интерес към разработване?
Преглеждане на кода, разглеждане на SVN хранилище, или абонамент към програмната история (log) чрез RSS.
Списък с промени
1.6.0
- Tested to WordPress 7.0
- Drop support for WordPress 6.8
- Enhancement: Polish block sidebar
- Accessibility: Improve source button aria-label
1.5.0
- Tested to WordPress 6.9
- Enhancement: Update block toolbar icon
- Drop support for WordPress 6.6 and 6.7
- Drop support for PHP 7
1.4.0
- Tested to WordPress 6.8
- Enhancement: Show full srcset url
- Accessibility: Respect user preference for CSS transitions
- Drop support for WordPress 6.5
1.3.0
- Tested to WordPress 6.7
- Drop support for WordPress 6.4
1.2.0
- Tested to WordPress 6.6
1.1.1
- Remove unnecessary changelog
1.1.0
- Tested to WordPress 6.5
- Enhancement: Polish block sidebar
1.0.0
- Initial release