Hwinote iCatch Editor
| 开发者 | hwinote |
|---|---|
| 更新时间 | 2026年7月11日 16:01 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Hwinote iCatch Editor adds a modal editor to the WordPress post edit screen. It lets you create a featured image while previewing the final canvas.
Main features include:
- Image size presets and custom canvas sizes with preview scaling that reflects the saved canvas ratio.
- Background image upload, Media Library background selection, clipboard image paste, background color mode, zoom, position adjustment, and background resize behavior options.
- Title text customization, drag positioning, resizing, rotation, custom fonts, and arch text styles.
- Rectangles, circles, arrows, lines, text boxes, speech bubbles, pasted image layers, and Media Library image layers.
- Circled marker tools for adding circled numbers and letters with selectable start values.
- Layer controls, duplication, delete, bring forward, send backward, snapping, guide lines, Undo / Redo, and reset actions.
- Pre-save checks before generating and saving the featured image.
- Generated PNG files are saved with the
icatch-{post_id}-{timestamp}.pngfilename format. - English-based UI with bundled Japanese translation files.
安装:
- Upload the plugin folder to
/wp-content/plugins/, or install the ZIP file from the WordPress admin plugin screen. - Activate the plugin from the Plugins screen.
- Open a post or page edit screen.
- Use the “Hwinote iCatch Editor” box to open the modal editor.
- Generate and save the image to set it as the featured image.
屏幕截图:
常见问题:
Does this plugin require an external API?
No. The current editor generates the image in the browser and saves it through WordPress Ajax.
What image format is saved?
The generated featured image is saved as PNG.
How are generated image filenames created?
Generated image filenames use the icatch-{post_id}-{timestamp}.png format, for example icatch-123-1782050000.png.
Can I use images from the Media Library?
Yes. You can select a background image from the Media Library and also add Media Library images as image layers.
Can I paste images from the clipboard?
Yes. Open the modal editor and use the paste button or Ctrl/Command + V, depending on browser support.
What happens when I change the canvas size?
You can choose how the background behaves when the canvas size changes. Stretch background to canvas fills the new canvas by changing the background image ratio. Keep current background view preserves the current scale and position without changing the image aspect ratio.
Can I add circled numbers or letters?
Yes. Use the circled marker tool to add circled numbers, uppercase letters, or lowercase letters. You can choose the start value before inserting the marker.
Is the plugin multilingual?
Yes. The plugin uses an English-based UI and includes Japanese .po and .mo translation files.
更新日志:
1.6.0
- Added Media Library image selection for backgrounds.
- Added Media Library image layers.
- Added circled marker tools for circled numbers, uppercase letters, and lowercase letters with selectable start values.
- Added background resize behavior options when changing canvas size.
- Improved preview canvas display scaling so the visible preview keeps the selected canvas aspect ratio.
- Improved Japanese labels and simplified the shape help and marker UI.
- Added custom font name input with recently used custom fonts saved per user.
- Added custom font support for title text, text boxes, and speech bubbles.
- Added an adjustable arch text style for title text and text boxes.
- Fixed the fill opacity slider so the left edge correctly makes filled shapes transparent.
- Added asset cache busting for editor scripts and styles so updates are reflected immediately.
- Changed generated image filenames to the
icatch-{post_id}-{timestamp}.pngformat. - Added wavy line controls for wave height and wave width.
- Changed the wavy line controls to sliders with live preview updates.
- Limited wave height to a practical 2-120px range.
- Fixed wavy line selection box resizing when reducing wave height.
- Recalculated line selection bounds when changing line styles or line width.
- Renamed the plugin to Hwinote iCatch Editor with the requested slug hwinote-icatch-editor.
- Updated the text domain, file names, and uniquely prefixed declarations and Ajax hooks.
- Removed the unnecessary load_plugin_textdomain() call for WordPress.org distribution.
- Polished the shape toolbar icons, including centered duplicate and CSS-rendered arrow icons.
- Updated Tested up to to WordPress 7.0.
- Added wp_unslash() before sanitizing POST values.
- Improved translated modal output by using directly escaped strings instead of modal-wide replacement output.
- Removed remaining Japanese-only source comments.
- Changed the admin UI base language from Japanese to English.
- Added Japanese translation files.
- Localized PHP and JavaScript UI strings, including Ajax messages.
- Updated the readme to an English WordPress.org-ready format.
- Added and refined the modal canvas editor with tabbed controls.
- Added rectangles, circles, arrows, lines, text boxes, speech bubbles, pasted image layers, layer ordering, duplication, and delete controls.
- Added background image zoom and position controls, background color mode, snapping, guide lines, reset actions, and pre-save checks.
- Added Undo / Redo controls and moved them to the modal footer for easier access.
- Improved inline text editing and horizontal / vertical text handling.
- Improved featured image generation from the post edit screen.
- Added image size presets, custom canvas sizes, title styling, drag positioning, resizing, and rotation.
- Improved saving generated PNG files as WordPress media attachments and setting them as featured images.
- Initial release.