Media Pair -- WordPress 插件

Media Pair

开发者	barb0ss
更新时间	2026年7月24日 23:38
PHP版本:	8.1 及以上
WordPress版本:	7.0
版权:	GPLv3
版权网址:	版权信息

下载

1.0.1

详情介绍:

Media Pair adds art direction to WordPress Media Library images. Upload a desktop image, pair a separate mobile composition once, and the plugin outputs semantic <picture> markup across blocks, featured images, and theme image functions.

Mobile image pairing in the Media Library, block editor, and media list
Automatic <picture> output via core WordPress filters
Support for Image, Featured Image, Gallery, and Media & Text blocks
Inline content images via wp_content_img_tag
Global breakpoint and enable/disable settings
Admin hints in the Media Library, featured image metabox, and block editor
media_pair_get_picture() helper for themes and ACF blocks

安装:

Upload the media-pair folder to /wp-content/plugins/
Activate the plugin through the Plugins screen
Open any image in the Media Library and choose a Mobile image
Adjust settings under Settings → Media Pair

屏幕截图:

常见问题:

Does this work with Elementor and other page builders?

Core WordPress image filters cover many cases, but page builders that render images outside WordPress attachment APIs — including Elementor widgets — may not pick up paired output. Test your specific layout after pairing.

I paired an image but nothing changed on the frontend. What should I check?

Confirm that Enable Media Pair is turned on under Settings → Media Pair, that the desktop image has a saved mobile pair in the Media Library, and that the frontend actually uses that attachment (not a hard-coded URL or external image). Clear any page, CDN, or browser cache and retest at a viewport below your breakpoint.

Can I use the same file for desktop and mobile?

No. Media Pair is built for art direction — a separate mobile composition cropped or designed for smaller screens. The plugin requires a different attachment for the mobile variant.

Do I need to configure every post or block separately?

No. Pairing is stored on the attachment itself. Once saved in the Media Library, every use of that image across your site can output the paired markup automatically.

更新日志: