Changeset 3445368
- Timestamp:
- 01/23/2026 08:02:43 AM (2 months ago)
- Location:
- levels-block-editor-styles-for-oxygen-builder
- Files:
-
- 4 added
- 4 edited
- 1 copied
-
tags/1.1.0 (copied) (copied from levels-block-editor-styles-for-oxygen-builder/trunk)
-
tags/1.1.0/levels-block-editor-styles-for-oxygen-builder.php (modified) (3 diffs)
-
tags/1.1.0/readme.txt (modified) (6 diffs)
-
tags/1.1.0/src/ResponsiveImages.php (added)
-
tags/1.1.0/src/Settings.php (added)
-
trunk/levels-block-editor-styles-for-oxygen-builder.php (modified) (3 diffs)
-
trunk/readme.txt (modified) (6 diffs)
-
trunk/src/ResponsiveImages.php (added)
-
trunk/src/Settings.php (added)
Legend:
- Unmodified
- Added
- Removed
-
levels-block-editor-styles-for-oxygen-builder/tags/1.1.0/levels-block-editor-styles-for-oxygen-builder.php
r3394147 r3445368 4 4 * Plugin URI: https://levels.dev/plugins/levels-block-editor-styles-for-oxygen-builder 5 5 * Description: Syncs Oxygen Builder 4.x styles into the block editor for visual parity between editor and frontend. Loads Oxygen SVG icons in Gutenberg. 6 * Version: 1. 0.06 * Version: 1.1.0 7 7 * Author: Levels Branding and Development 8 8 * Author URI: https://levels.dev/ … … 22 22 23 23 // Define plugin constants 24 define('OXY_SYNC_VERSION', '1. 0.0');24 define('OXY_SYNC_VERSION', '1.1.0'); 25 25 define('OXY_SYNC_PLUGIN_DIR', plugin_dir_path(__FILE__)); 26 26 define('OXY_SYNC_PLUGIN_URL', plugin_dir_url(__FILE__)); … … 68 68 } 69 69 70 // Initialize the Settings service 71 $settings = new Settings(); 72 $settings->init(); 73 70 74 // Initialize the EditorStyles service 71 75 $editor_styles = new EditorStyles(); 72 76 $editor_styles->init(); 77 78 // Initialize the ResponsiveImages service 79 $responsive_images = new ResponsiveImages(); 80 $responsive_images->init(); 73 81 } 74 82 add_action('plugins_loaded', __NAMESPACE__ . '\\oxy_sync_init'); -
levels-block-editor-styles-for-oxygen-builder/tags/1.1.0/readme.txt
r3394162 r3445368 4 4 Requires at least: 5.8 5 5 Tested up to: 6.8 6 Stable tag: 1. 0.06 Stable tag: 1.1.0 7 7 Requires PHP: 7.4 8 8 License: GPLv2 or later 9 9 License URI: https://www.gnu.org/licenses/gpl-2.0.html 10 10 11 Syncs Oxygen Builder 4.x styles into the block editor for visual parity between editor and frontend. 11 Syncs Oxygen Builder 4.x styles into the block editor for visual parity between editor and frontend. Includes responsive images with automatic srcset generation. 12 12 13 13 == Description == … … 22 22 * **Smart Context Detection** - Only loads in the block editor for users with edit permissions 23 23 * **Performance Optimized** - Live-read approach with minimal overhead 24 * **Responsive Images** - Automatically converts img tags to responsive versions with srcset and sizes attributes 25 * **Per-Image Size Control** - Use the `data-image-size` attribute to override the default image size per element 26 * **Settings Page** - Configure features under Oxygen > Block Editor Styles 24 27 25 = How It Works =28 = Block Editor Styles = 26 29 27 30 The plugin collects CSS from four sources: … … 33 36 34 37 All CSS selectors are automatically rewritten to be scoped within the editor content area to prevent affecting the WordPress admin UI. 38 39 = Responsive Images = 40 41 When enabled, the plugin automatically replaces `<img>` tags in your content with responsive versions that include `srcset` and `sizes` attributes. This provides optimized images for all screen sizes without any manual work. 42 43 **How to use in Oxygen Builder:** 44 45 1. Go to **Oxygen > Block Editor Styles** in the WordPress admin 46 2. Enable "Responsive Images" 47 3. Choose a default image size (e.g. "large") 48 4. All images in your content will now automatically get srcset attributes 49 50 **Per-image size override:** 51 52 You can override the default size on individual images using the `data-image-size` attribute: 53 54 1. Select your Image element in Oxygen 55 2. Go to **Advanced > Attributes** 56 3. Add attribute: `data-image-size` 57 4. Set value to any registered image size: `thumbnail`, `medium`, `medium_large`, `large`, or `full` 58 59 The `data-image-size` attribute is automatically removed from the final HTML output - it only serves as a control attribute for the plugin. 35 60 36 61 = Requirements = … … 56 81 1. Upload the plugin files to `/wp-content/plugins/levels-block-editor-styles-for-oxygen-builder/`, or install through WordPress plugins screen 57 82 2. Activate the plugin through the 'Plugins' screen in WordPress 58 3. The plugin works automatically - no configuration needed 83 3. Block editor styles work automatically - no configuration needed 84 4. For responsive images, go to **Oxygen > Block Editor Styles** and enable the feature 59 85 60 86 Note: This plugin requires Oxygen Builder 4.x to be installed and activated. … … 72 98 = Do I need to configure anything? = 73 99 74 No, the plugin works automatically once activated. It detects the editor context and injects styles automatically. 100 Block editor styles work automatically. For responsive images, go to **Oxygen > Block Editor Styles** to enable and configure the feature. 101 102 = How do I set a specific image size for one image? = 103 104 In Oxygen Builder, select your Image element, go to **Advanced > Attributes**, and add the attribute `data-image-size` with a value like `medium`, `large`, or `full`. This overrides the global default for that specific image. 105 106 = Does responsive images work with Image URL mode in Oxygen? = 107 108 Yes! The plugin detects the attachment from the URL regardless of whether you used Media Library or Image URL mode in Oxygen. As long as the image URL points to a file in your WordPress media library, it will be converted. 75 109 76 110 = What if I see weird styling in the editor UI? = … … 88 122 89 123 == Changelog == 124 125 = 1.1.0 = 126 * Added settings page under Oxygen > Block Editor Styles 127 * Added responsive images feature with automatic srcset generation 128 * Added per-image size control via `data-image-size` attribute 129 * Added configurable default image size 90 130 91 131 = 1.0.0 = -
levels-block-editor-styles-for-oxygen-builder/trunk/levels-block-editor-styles-for-oxygen-builder.php
r3394147 r3445368 4 4 * Plugin URI: https://levels.dev/plugins/levels-block-editor-styles-for-oxygen-builder 5 5 * Description: Syncs Oxygen Builder 4.x styles into the block editor for visual parity between editor and frontend. Loads Oxygen SVG icons in Gutenberg. 6 * Version: 1. 0.06 * Version: 1.1.0 7 7 * Author: Levels Branding and Development 8 8 * Author URI: https://levels.dev/ … … 22 22 23 23 // Define plugin constants 24 define('OXY_SYNC_VERSION', '1. 0.0');24 define('OXY_SYNC_VERSION', '1.1.0'); 25 25 define('OXY_SYNC_PLUGIN_DIR', plugin_dir_path(__FILE__)); 26 26 define('OXY_SYNC_PLUGIN_URL', plugin_dir_url(__FILE__)); … … 68 68 } 69 69 70 // Initialize the Settings service 71 $settings = new Settings(); 72 $settings->init(); 73 70 74 // Initialize the EditorStyles service 71 75 $editor_styles = new EditorStyles(); 72 76 $editor_styles->init(); 77 78 // Initialize the ResponsiveImages service 79 $responsive_images = new ResponsiveImages(); 80 $responsive_images->init(); 73 81 } 74 82 add_action('plugins_loaded', __NAMESPACE__ . '\\oxy_sync_init'); -
levels-block-editor-styles-for-oxygen-builder/trunk/readme.txt
r3394162 r3445368 4 4 Requires at least: 5.8 5 5 Tested up to: 6.8 6 Stable tag: 1. 0.06 Stable tag: 1.1.0 7 7 Requires PHP: 7.4 8 8 License: GPLv2 or later 9 9 License URI: https://www.gnu.org/licenses/gpl-2.0.html 10 10 11 Syncs Oxygen Builder 4.x styles into the block editor for visual parity between editor and frontend. 11 Syncs Oxygen Builder 4.x styles into the block editor for visual parity between editor and frontend. Includes responsive images with automatic srcset generation. 12 12 13 13 == Description == … … 22 22 * **Smart Context Detection** - Only loads in the block editor for users with edit permissions 23 23 * **Performance Optimized** - Live-read approach with minimal overhead 24 * **Responsive Images** - Automatically converts img tags to responsive versions with srcset and sizes attributes 25 * **Per-Image Size Control** - Use the `data-image-size` attribute to override the default image size per element 26 * **Settings Page** - Configure features under Oxygen > Block Editor Styles 24 27 25 = How It Works =28 = Block Editor Styles = 26 29 27 30 The plugin collects CSS from four sources: … … 33 36 34 37 All CSS selectors are automatically rewritten to be scoped within the editor content area to prevent affecting the WordPress admin UI. 38 39 = Responsive Images = 40 41 When enabled, the plugin automatically replaces `<img>` tags in your content with responsive versions that include `srcset` and `sizes` attributes. This provides optimized images for all screen sizes without any manual work. 42 43 **How to use in Oxygen Builder:** 44 45 1. Go to **Oxygen > Block Editor Styles** in the WordPress admin 46 2. Enable "Responsive Images" 47 3. Choose a default image size (e.g. "large") 48 4. All images in your content will now automatically get srcset attributes 49 50 **Per-image size override:** 51 52 You can override the default size on individual images using the `data-image-size` attribute: 53 54 1. Select your Image element in Oxygen 55 2. Go to **Advanced > Attributes** 56 3. Add attribute: `data-image-size` 57 4. Set value to any registered image size: `thumbnail`, `medium`, `medium_large`, `large`, or `full` 58 59 The `data-image-size` attribute is automatically removed from the final HTML output - it only serves as a control attribute for the plugin. 35 60 36 61 = Requirements = … … 56 81 1. Upload the plugin files to `/wp-content/plugins/levels-block-editor-styles-for-oxygen-builder/`, or install through WordPress plugins screen 57 82 2. Activate the plugin through the 'Plugins' screen in WordPress 58 3. The plugin works automatically - no configuration needed 83 3. Block editor styles work automatically - no configuration needed 84 4. For responsive images, go to **Oxygen > Block Editor Styles** and enable the feature 59 85 60 86 Note: This plugin requires Oxygen Builder 4.x to be installed and activated. … … 72 98 = Do I need to configure anything? = 73 99 74 No, the plugin works automatically once activated. It detects the editor context and injects styles automatically. 100 Block editor styles work automatically. For responsive images, go to **Oxygen > Block Editor Styles** to enable and configure the feature. 101 102 = How do I set a specific image size for one image? = 103 104 In Oxygen Builder, select your Image element, go to **Advanced > Attributes**, and add the attribute `data-image-size` with a value like `medium`, `large`, or `full`. This overrides the global default for that specific image. 105 106 = Does responsive images work with Image URL mode in Oxygen? = 107 108 Yes! The plugin detects the attachment from the URL regardless of whether you used Media Library or Image URL mode in Oxygen. As long as the image URL points to a file in your WordPress media library, it will be converted. 75 109 76 110 = What if I see weird styling in the editor UI? = … … 88 122 89 123 == Changelog == 124 125 = 1.1.0 = 126 * Added settings page under Oxygen > Block Editor Styles 127 * Added responsive images feature with automatic srcset generation 128 * Added per-image size control via `data-image-size` attribute 129 * Added configurable default image size 90 130 91 131 = 1.0.0 =
Note: See TracChangeset
for help on using the changeset viewer.