Media focus point Plugin allows you to set a focus point on an image or video background, ensuring that when the image is resized or its background ch …
| Author: | WP Company (profile at wordpress.org) |
| WordPress version required: | 6.0 |
| WordPress version tested: | 6.9.1 |
| Plugin version: | 2.0.5 |
| Added to WordPress repository: | 02-01-2025 |
| Last updated: | 09-02-2026 |
| Rating, %: | 100 |
| Rated by: | 8 |
| Plugin URI: | |
| Total downloads: | 21 150 |
| Active installs: | 5 000+ |
Click to start download
|
This plugin makes managing background images or videos effortless by allowing you to set a focus point that stays consistent. Regardless of how the media is resized or the background changes, the focus point ensures that the most important part of your media remains visible and centered.
Ideal for responsive designs and dynamic backgrounds, this tool ensures your media always looks polished and professional on any screen size or resolution.
???? See the plugin in action on WP Company
Screenshots
This screenshot displays the Media Focus Point options available for an uploaded image.
This screenshot showcases how to set the focus point on an image.
This screenshot illustrates how the image resizes while ensuring the focus point remains visible.
How do I set a focus point?
When you upload an image or video, the default focus point is centered. To change this, follow these steps:
- Upload your media: After uploading, you’ll see the standard focus point set to the center of the media.
- Edit the focus point: Below the description fields, you’ll find an option labeled Focus Point. Click on this and then click on the ‘Change’ button.
- Select the focus area: A preview of your image or video will appear. Simply click on the part of the media you want to focus on. The plugin will visually mark the selected focus area.
- Save your selection: After selecting the focus point, click Save. The plugin will record your choice.
- Adjust percentage: Once saved, you will see two percentage fields: one for the horizontal and one for the vertical focus point. These percentages represent the exact position of your selected focus area relative to the media’s dimensions.
- No additional save required: Once the percentages are set, the focus point is automatically applied, and there’s no need to save the image itself again.
The focus point will now remain centered on the selected area as the media resizes, ensuring the most important parts are always visible, no matter the screen size or layout changes.
Is this plugin compatible with all themes?
Yes, the plugin is designed to be compatible with most WordPress themes that use image backgrounds. If you encounter issues, please reach out to our support team.
ChangeLog
2.0.5
- Correctly decodes Base64 UTF-8 strings for opening in modal (Example: ExampleImagewithCopyright©.png)
2.0.4
- Weird bug when setting focus point for Featured Image or ACF Image fields
2.0.3.1
- Fixed bug where overlay controls were sometimes visible in locations they shouldn’t be.
2.0.3
- Fixed an issue with overlapping elements when opening the focus point overlay within a media library opened in a block editor.
2.0.2
- Fixed aspect ratio of wide images while selecting a focus point
- Fixed setting a focus point by mouseclick sometimes resulting in a focus point just outside the image
2.0.1
- Added custom prefix to all classes to prevent style conflicts
2.0
- Media Focus Point: now supports video!
- Added Gutenberg-block compatibility for images and videos
- Fixed bug that allowed negative percentages to be manually inserted
1.5
- Added functionality to allow editing the focus point directly on the attachment detail page without requiring the modal.
1.4
- Images are no longer draggable while setting a focus point.
- Corrected image boundaries when setting a focus point by clicking on an image.
- Focus point is now shown in number fields to allow for further fine-tuning.
- Fixed a bug where image dimensions were sometimes read too early causing division by zero.
1.3
- New function MFP_Background to dynamically generate background position for background images.
1.2.2
- Remove the disabled script that caused errors in certain situations
1.2.1
- Added banner, icon and screenshot to plugin
1.2
1.1
- Replaced jQuery with vanilla JavaScript for improved performance and compatibility.
1.0
- Initial release with the ability to set a focus point on image backgrounds.
