Fixed version in block.json so block can be added to the Block Directory.Future improvements are planned, including dedicated hover/focus settings within the block itself. This matches the hover styling in the core WordPress Social Icons block. Added scale transform on the frontend when an icon is linked to improve a11y.Added new custom icon editing modal for an improved insertion experience.Add new placeholder and quick icon insertion experience.Added the WordPress icon library featuring 270+ icons.Fix bug where hyphens and colons would be incorrectly stripped from attribute names in custom icons.Import the Align None, Color, Reset, and Styles icons directly from Remove the custom search component in favor of the core component from Restructure stylesheets to better conform with block standards.Update styling on inserter modals for improved mobile responsiveness.Update inserter modal components to use isFullScreen to better resemble core modals.Add the core Comment Author Avatar icon.Add the ability to set an aria-label on the icon and link.Add additional border support (color, width, style).Include both theme and WordPress default color palettes in the icon and background color picker.Fix bug where custom SVG icons with style attributes would not render correctly.Remove deprecated WordPress icons: alignJustifyAlt, cogAlt, and trashFilled.Add new WordPress icons: post, postTerms, queryTitle, removeSubmenu, and row.Add alpha support for icon and background colors.Fix visual inconsistency between the frontend and Editor due to box-sizing not getting applied in the Editor.Fix bug where icon color and fill were overridden by theme colors.Remove deprecated WordPress icons: archiveTitle, commentTitle, postTitle, and queryTitle.Improve support for custom icons without a fill color.Update block placeholder to be more consistent with core placeholders.Update block architecture to support features in WordPress 6.1.Add alternative Reddit icon to match WordPress core.Add the ability to disable custom icons using the iconBlock.enableCustomIcons filter.Add the ability to toggle icon color fill.Fix alignment classes not getting applied in the correct spot.Fix placeholder background color in prep for WordPress 6.1.Updated settings panel to mirror Core ToolsPanel implementations and support setting resets.Updated icon width control to support additional units. Updated icon color handling to better support Global Styles.Updated WordPress version requirement to 6.0+.Fixed a few minor CSS issues for WordPress 6.2 compatibility.Thanks for reporting this issue and suggesting a solution! ( #25) Updated the replace dropdown to use the native DropDownMenu component for improved WordPress 6.2 compatibility.Updated the block inspector panels for WordPress 6.2 compatibility.Added the ability to clear the current icon. Added the ability to insert an SVG icon from the Media Library if SVG uploads are enabled on the website.Added support for style elements in custom SVGs.Added dropzone support for media library uploads and custom SVGs.Regrettably, this is a WordPress restriction and needs to be handled outside of the Icon Block. To enable “Unfiltered HTML” content for site Administrators and Editors, you will need to use a code snippet, the Unfiltered MU plugin, or something similar. “Unfiltered HTML” is restricted to Super Admins on multisite. Note that WordPress multisite installations have additional restrictions. The Icon Block will not work properly for users who are at the Author level or lower. WordPress only allows Administrators and Editors to save “Unfiltered HTML” content, which includes SVGs. Why is the block not working for certain users? If SVG uploads are enabled, you will see the option to insert icons from Media Library in the Icon block. Why can’t I add SVG icons from my Media Library?īy default, WordPress does not allow you to add SVG files to your Media Library, but you can enable this functionality using plugins like Safe SVG. However, if your SVG icon has hard-coded color/fill values, the plugin will respect those instead of any applied custom colors. The Icon Block includes controls for the icon’s color and background. This needs to be done externally in your theme or via a plugin but provides complete flexibility over the icons available in the plugin. The Icon Block also allows you to register your own custom block library. A great source for free SVG icons is Google’s Material Icons project, Font Awesome, and Iconic, to name a few. This gives you complete flexibility and allows you to use practically any icon you want. That said, the plugin allows you to render any SVG-based icon by simply copying/pasting the code into the icon text area when using the “Add custom icon” option! See the screenshots for reference. Currently, the Icon Block only includes the WordPress icon library.
0 Comments
Leave a Reply. |