{"id":30230,"date":"2025-02-04T01:24:51","date_gmt":"2025-02-04T06:24:51","guid":{"rendered":"https:\/\/wpstackable.com\/?p=30230"},"modified":"2025-02-04T01:26:47","modified_gmt":"2025-02-04T06:26:47","slug":"icon-library-granular-plugin-settings","status":"publish","type":"post","link":"https:\/\/wpstackable.com\/blog\/icon-library-granular-plugin-settings\/","title":{"rendered":"New in Stackable: Icon Library &amp; Granular Plugin Settings"},"content":{"rendered":"\n<p data-block-type=\"core\">We\u2019re thrilled to announce the latest Stackable update, bringing you two powerful features that enhance customization and usability: <strong>the Icon Library<\/strong> and <strong>Granular Plugin Settings<\/strong>.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p data-block-type=\"core\">Let\u2019s dive into what\u2019s new and how these updates can elevate your web design experience.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Icon Library: Save, Reuse, and Customize Your Icons<\/h2>\n\n\n\n<p data-block-type=\"core\">Icons play a vital role in making your designs visually appealing and user-friendly. With the new <strong>Icon Library<\/strong>, managing your custom icons has never been easier.<\/p>\n\n\n\n<p data-block-type=\"core\">Here\u2019s what you can do with the Icon Library:<\/p>\n\n\n\n<p data-block-type=\"core\"><strong>Save Uploaded SVGs<\/strong>: Once you upload your SVG icons, you can save them to the Icon Library for future reuse.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\" data-block-type=\"core\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"165\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download.webp\" alt=\"\" class=\"wp-image-30233\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download.webp 450w, https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-300x110.webp 300w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/figure><\/div>\n\n\n<p data-block-type=\"core\"><strong>Streamlined Icon Picker<\/strong>: Saved icons will appear first in the icon picker, making them easy to find.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\" data-block-type=\"core\"><img loading=\"lazy\" decoding=\"async\" width=\"694\" height=\"872\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-1.webp\" alt=\"\" class=\"wp-image-30234\" style=\"width:346px;height:auto\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-1.webp 694w, https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-1-239x300.webp 239w\" sizes=\"auto, (max-width: 694px) 100vw, 694px\" \/><\/figure><\/div>\n\n\n<p data-block-type=\"core\"><strong>Rename and Update Icons<\/strong>: Assign custom names to your icons, update them with new files, and keep everything organized.<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/rename.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p data-block-type=\"core\"><strong>Search by Name<\/strong>: Quickly locate specific icons in the picker by searching for their assigned names.<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/search-name.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p data-block-type=\"core\">This feature is perfect for maintaining branding consistency across your projects, saving time and effort in the process. You will find the Icon Library in the Stackable settings in the Block Editor.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\" data-block-type=\"core\"><img loading=\"lazy\" decoding=\"async\" width=\"605\" height=\"1024\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-2-605x1024.webp\" alt=\"\" class=\"wp-image-30237\" style=\"width:297px;height:auto\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-2-605x1024.webp 605w, https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-2-177x300.webp 177w, https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-2-768x1301.webp 768w, https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-2-907x1536.webp 907w, https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-2.webp 943w\" sizes=\"auto, (max-width: 605px) 100vw, 605px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Granular Plugin Settings: Full Control, Your Way<\/h2>\n\n\n\n<p data-block-type=\"core\">We\u2019ve completely overhauled the <strong>Settings<\/strong> menu to give you more flexibility and control over how Stackable works. Say goodbye to the old cluttered settings page! With the new <strong>tabbed and organized settings<\/strong>, you can now navigate and customize your experience using Stackable with ease.<\/p>\n\n\n\n<p data-block-type=\"core\">Right off the bat, when you access the Stackable settings page, you will see that it is now divided into these tabs: <strong>Editor Settings, Responsiveness, Blocks, Optimization, Global Settings, Role Manager, Custom Fields, Integration, Miscellaneous<\/strong><\/p>\n\n\n\n<p data-block-type=\"core\">Each tab focuses on specific features, making it easier to find what you\u2019re looking for.<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/Screen-Recording-2025-01-26-at-8.12.05\u202fPM.mp4\" playsinline><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" data-block-type=\"core\">New and Improved Settings<\/h3>\n\n\n\n<p data-block-type=\"core\">With the new interface comes a new range of updated settings that allow you to fully customize your user experience with Stackable.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-block-type=\"core\">Toolbar Settings<\/h3>\n\n\n\n<p data-block-type=\"core\">Now you can customize the various toolbar buttons that come with Stackable. This is especially helpful if you find that you do not use some of the Stackable toolbar buttons, you can <strong>enable or disable buttons<\/strong> that Stackable adds to the toolbar, tailoring the editor interface to your workflow and keeping it as streamlined as you prefer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\" data-block-type=\"core\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"727\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-3-1024x727.webp\" alt=\"\" class=\"wp-image-30239\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-3-1024x727.webp 1024w, https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-3-300x213.webp 300w, https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-3-768x545.webp 768w, https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-3-1536x1091.webp 1536w, https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-3.webp 1698w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" data-block-type=\"core\">Enable\/Disable\/Hide Blocks<\/h3>\n\n\n\n<p data-block-type=\"core\">Previously, you could only enable or disable blocks. Now, you can enable, hide or disable blocks completely.<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/Screen-Recording-2025-01-28-at-5.46.15\u202fPM.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p data-block-type=\"core\">Here\u2019s what each block state does:<\/p>\n\n\n\n<ul class=\"wp-block-list\" data-block-type=\"core\">\n<li data-block-type=\"core\"><strong>Enabled<\/strong> &#8211; The block is available in the Block Editor as it would normally.<\/li>\n\n\n\n<li data-block-type=\"core\"><strong>Hidden<\/strong> &#8211; The block is hidden from the block inserter. However, if you have this block already in the page, then you can still edit \/ use it.<\/li>\n\n\n\n<li data-block-type=\"core\"><strong>Disabled<\/strong> &#8211; The block is not registered in the Block Editor. If you have this block in a page, and edit it, it will show up as an \u201cunsupported\u201d block.<\/li>\n<\/ul>\n\n\n\n<p data-block-type=\"core\">We have \u201cSmart Disabling\u201d built-in our blocks, this means that when you use designs from our Design Library or block variations that use a disabled block, they are automatically substituted with relevant core blocks. This way, disabling a block will still let you use other Stackable features.<\/p>\n\n\n\n<p data-block-type=\"core\">Some Stackable blocks need to use other blocks for them to work correctly. For example, the Accordion block uses the Icon Block for it\u2019s toggle arrow (well it does some other things more behind the scenes) &#8211; so when you disable the Icon Block, the Accordion block would not function correctly anymore. In essence, the Accordion block requires the Icon block to be enabled, and the new settings inform you of this.<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/Screen-Recording-2025-01-28-at-5.50.20\u202fPM.mp4\" playsinline><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" data-block-type=\"core\">Search Settings<\/h3>\n\n\n\n<p data-block-type=\"core\">Navigating the settings just got simpler! Use the <strong>new search bar<\/strong> to quickly locate a setting. The relevant tab will highlight and other unrelated options will become hidden, guiding you directly to the option you\u2019re looking for!<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/Screen-Recording-2025-01-26-at-7.41.49\u202fPM.mp4\" playsinline><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" data-block-type=\"core\">Turn Off Stackable Settings<\/h3>\n\n\n\n<p data-block-type=\"core\">For users who do not use global settings or prefer minimizing their editor interface, you can now <strong>turn off Stackable settings<\/strong> entirely. However, please note that turning this off will disable access to the global settings, so you won&#8217;t be able to make changes to them while this option is enabled.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\" data-block-type=\"core\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"235\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-5-1024x235.webp\" alt=\"\" class=\"wp-image-30244\" style=\"width:506px;height:auto\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-5-1024x235.webp 1024w, https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-5-300x69.webp 300w, https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-5-768x176.webp 768w, https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/download-5.webp 1262w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Why These Updates Matter<\/h2>\n\n\n\n<p data-block-type=\"core\">These new features are designed to give you greater control, efficiency, and customization. Whether you\u2019re building a personal project or managing a large-scale site, the updates ensure that Stackable adapts to your workflow and preferences.<\/p>\n\n\n\n<p data-block-type=\"core\">The <strong>Icon Library<\/strong> streamlines the creative process, while the <strong>Granular Plugin Settings<\/strong> give you full control and flexibility when it comes to managing plugin functionality.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Try It Out Today!<\/h2>\n\n\n\n<p data-block-type=\"core\">Update your Stackable plugin to explore these new features. We\u2019re excited to see how they enhance your web design process! If you have feedback or suggestions, feel free to reach out\u2014we\u2019d love to hear from you.<\/p>\n\n\n\n<p data-block-type=\"core\">Stay tuned for more updates as we continue to improve Stackable and empower your creative potential!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019re thrilled to announce the latest Stackable update, bringing you two powerful features that enhance customization and usability: the Icon Library and Granular Plugin Settings.<\/p>\n","protected":false},"author":18,"featured_media":30245,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[3],"tags":[67,48,43,68],"class_list":{"0":"post-30230","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"hentry","7":"category-updates","8":"tag-page-builder","9":"tag-web-design","10":"tag-wordpress","11":"tag-wordpress-plugin"},"featured_image_urls_v2":{"full":["https:\/\/wpstackable.com\/wp-content\/uploads\/2025\/02\/3.14.jpg",2400,1248,false]},"post_excerpt_stackable_v2":"<p>We\u2019re thrilled to announce the latest Stackable update, bringing you two powerful features that enhance customization and usability: the Icon Library and Granular Plugin Settings. Let\u2019s dive into what\u2019s new and how these updates can elevate your web design experience. Icon Library: Save, Reuse, and Customize Your Icons Icons play a vital role in making your designs visually appealing and user-friendly. With the new Icon Library, managing your custom icons has never been easier. Here\u2019s what you can do with the Icon Library: Save Uploaded SVGs: Once you upload your SVG icons, you can save them to the Icon Library&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/wpstackable.com\/blog\/category\/updates\/\" rel=\"category tag\">Updates<\/a>","author_info_v2":{"name":"Alexandra Yap","url":"https:\/\/wpstackable.com\/blog\/author\/alex\/"},"comments_num_v2":"0 comments","acf":[],"modified_by":"Alexandra Yap","_links":{"self":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/30230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/comments?post=30230"}],"version-history":[{"count":2,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/30230\/revisions"}],"predecessor-version":[{"id":30247,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/30230\/revisions\/30247"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/media\/30245"}],"wp:attachment":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/media?parent=30230"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/categories?post=30230"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/tags?post=30230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}