{"id":4263,"date":"2025-12-17T11:59:16","date_gmt":"2025-12-17T03:59:16","guid":{"rendered":"https:\/\/www.6ebook.com\/?post_type=download_resource&#038;p=4263"},"modified":"2026-03-27T15:17:43","modified_gmt":"2026-03-27T07:17:43","slug":"spectra-pro","status":"publish","type":"download_resource","link":"https:\/\/www.6ebook.com\/en\/download\/spectra-pro\/","title":{"rendered":"Spectra Pro Advanced Block Enhancement: Dynamic Content + Loop Builder + Popups to Improve Gutenberg Site Building Efficiency"},"content":{"rendered":"<h2 class=\"wp-block-heading has-text-align-left\">Download Version<\/h2>\n\n\n\n<ul style=\"border-radius:9px;background-color:#abb7c259\" class=\"wp-block-list has-background\">\n<li style=\"font-size:16px;line-height:1.3;text-transform:none\">Spectra Pro v1.2.8<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Spectra Pro Core Introduction<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Product Overview<\/h3>\n\n\n\n<p class=\" translation-block\">Rather than being \u201cjust another page builder\u201d, Spectra Pro layers a more specialized set of site-building capabilities on top of the <strong>WordPress default block editor<\/strong>: you'll still be editing content in Gutenberg, but you'll have access to a more complete set of marketing components and dynamic display capabilities, thus reducing the need to rely on a large number of fragmented plugins and custom code. components and dynamic display capabilities, thus reducing your dependence on a large number of fragmented plugins and custom code.<\/p>\n\n\n\n<p>It is especially suitable for websites that need to \u201cpresent content at scale\u201d: e.g. blog\/media content listings, portfolios and case studies, course and membership content portals, e-commerce product and category aggregation pages, etc. With Loop Builder, you can upgrade the \u201clist page\u201d from a mere article archive to a filterable, sortable, paginable, reusable content module. <\/p>\n\n\n\n<p>For growth and conversion scenarios, Spectra Pro's Popup Builder and display conditions (by login status, user role, browser\/system, date, etc.) allow you to make the same page a \u201cdifferent content for different people\u201d experience, which can be used to lead to signups, campaign exposure, repeat visitors, recall and other common operational actions. Recall and other common operational actions.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Key Features<\/h3>\n\n\n\n<p><strong>Popup Builder (marketing popup builder)<\/strong>: The pop-up window can be built in the blocking interface, supporting multiple triggering methods and display strategies, and can be designed in the style of \u201cPush content\u201d, which can be used for campaign exposure and conversion guidance.<\/p>\n\n\n\n<p><strong>Advanced Loop Builder<\/strong>: Provide instant search , flexible sorting , strong filtering and Ajax pagination and other capabilities , suitable for content station \/ e-commerce to do a stronger list and navigation experience . <\/p>\n\n\n\n<p><strong>Dynamic Content<\/strong>: Can work with common custom field solutions (such as ACF, Toolset, Meta Box, Pods, JetEngine, etc.), and support WooCommerce data display, do \u201ctemplated + data-driven\u201d page.<\/p>\n\n\n\n<p><strong>Display \/ Responsive Conditions<\/strong>: Hide or show blocks by user status\/role\/browser\/system\/date, etc., and also do responsive display strategies by device type. <\/p>\n\n\n\n<p><strong>Global Styles<\/strong>: Maintain consistency with a unified style base, making multi-page, multi-module designs more controllable and easier to reuse. <\/p>\n\n\n\n<p><strong>Image Masking<\/strong>: Apply built-in shape masks or custom SVGs to images directly in the editor for a more recognizable layout. <\/p>\n\n\n\n<p><strong>Animations<\/strong>: Add more vivid dynamic effects to the blocks to enhance the page presentation. <\/p>\n\n\n\n<p><strong>Multiple Pro Block Reinforcement<\/strong>: The components include Slider Pro, Countdown, Login \/ Registration, Modal Pro, etc., covering common marketing and interaction components. <\/p>\n\n\n\n<p><strong>Performance oriented loading method<\/strong>: Includes a load-on-demand mentality (loading scripts and styles only when needed) to reduce extraneous resource overhead. <\/p>\n\n\n\n<p><strong>Spectra AI (optional AI assistant)<\/strong>: Used for content generation, code\/setup assistance, etc., and needs to be connected to ZipWP.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Target audience and usage scenarios<\/h3>\n\n\n\n<p><strong>Content sites\/media\/blogs<\/strong>: Need stronger content aggregation pages (category\/tag\/topic pages) - filtering, searching, pagination with reusable list layouts. <\/p>\n\n\n\n<p><strong>WooCommerce E-commerce<\/strong>: Make more flexible product aggregation and display modules, combined with dynamic content to bring \u201cproduct information\u201d into a richer layout and components. <\/p>\n\n\n\n<p><strong>Corporate site\/service-based landing page<\/strong>: Enhance campaign acceptance and lead conversion with pop-ups, countdowns, rotators, modals and other components.<\/p>\n\n\n\n<p><strong>Agencies\/Studios\/Outsourcing Teams<\/strong>: Use global styles and reusable patterns\/components to ensure consistency of delivery and iterative efficiency.<\/p>\n\n\n\n<p><strong>Membership\/Course\/Tiering Operations<\/strong>: Display different blocks of content by user status\/role, etc. for finer-grained page personalization.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Comparison of similar plugins<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Core functional items<\/th><th>Spectra Pro<\/th><th>Kadence Blocks Pro<\/th><th>Stackable Premium<\/th><th>GenerateBlocks Pro<\/th><\/tr><\/thead><tbody><tr><td>Dynamic content (dynamic fields\/dynamic data)<\/td><td>\u2705<\/td><td>\u2705 <\/td><td>\u2705<\/td><td>\u2705 <\/td><\/tr><tr><td>Display conditions\/visibility control (by user status\/role, etc.)<\/td><td>\u2705<\/td><td>\u2705 <\/td><td>\u2705 <\/td><td>\u274c (not explicitly anchored in their core competencies) <\/td><\/tr><tr><td>Content Loop\/Query Loop Enhancements<\/td><td>\u2705<\/td><td>\u2705 (Query Loop related capabilities)<\/td><td>\u2705 (emphasis on deeply customizable Query Loops)<\/td><td>\u2705 (Dynamic Data + Query Loops) <\/td><\/tr><tr><td>Station Popup Builder (Popup Builder)<\/td><td>\u2705<\/td><td>\u274c<\/td><td>\u274c<\/td><td>\u274c<\/td><\/tr><tr><td>Global Styles\/Design System (Global Styles)<\/td><td>\u2705 <\/td><td>\u274c<\/td><td>\u2705 <\/td><td>\u2705 <\/td><\/tr><tr><td>Image Masking<\/td><td>\u2705 <\/td><td>\u274c<\/td><td>\u274c<\/td><td>\u274c<\/td><\/tr><tr><td>AI Assist (optional)<\/td><td>\u2705 <\/td><td>\u274c<\/td><td>\u274c<\/td><td>\u274c<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Differences and selection recommendations<\/h3>\n\n\n\n<p><strong>Spectra Pro's more prominent exclusives\/strengths<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u201c<strong>Popup Builder + Advanced Loop Builder<\/strong>\u201dMore on the marketing &amp; operations landing side: popup guidance + filterable content\/product aggregation, the combination is great for growth pages &amp; content navigation. <\/li>\n\n\n\n<li>Design-side reinforcement is more comprehensive: e.g. <strong>Image Masking<\/strong>\u3001<strong>Global Styles<\/strong>The block editor is a \u201cdeliverable-level page system\u201d that is closer to a block editor than an animation system.<\/li>\n<\/ul>\n\n\n\n<p><strong>Directions for more common advantages of alternatives (selection tips)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Kadence Blocks Pro emphasizes more on dynamic content and condition display in its own block system (more on the \u201ccomponent engineering\u201d route).<\/li>\n\n\n\n<li>GenerateBlocks Pro is more \u201clightweight + structured + global style \/ dynamic data\u201d, suitable for the pursuit of minimalist component sets, design systems with the structure of the crowd.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">User Feedback Highlights<\/h3>\n\n\n\n<p><strong>\u201cAmazing speed\u201d:<\/strong> Numerous users have reported that after migrating from a traditional builder to Spectra, Google PageSpeed Insights scores went straight from the yellow\/red zone to the 90+ green zone.<\/p>\n\n\n\n<p><strong>\u201cClean interface\u201d:<\/strong> Users appreciate that the UI design is fully integrated into the WordPress native style, with no abrupt pop-ups or complex settings panels, and the operation is intuitive and smooth.<\/p>\n\n\n\n<p><strong>\u201cFunctionality 2 in 1\u201d:<\/strong> Many users report that Spectra Pro has allowed them to successfully uninstall their old \u201cpage builders\u201d and \u201cpop-ups\u201d and streamline the number of plug-ins on their websites.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Suggestions for pairing with other plugins\/themes<\/h3>\n\n\n\n<p><strong>Thematic recommendations<\/strong>: Ideal for pairing with themes that favor performance and block ecology (e.g. Astra, etc.) for a more consistent page structure and speed performance with a block approach. <\/p>\n\n\n\n<p><strong>E-commerce recommendations<\/strong>Matching <strong>WooCommerce<\/strong>The Loop Builder uses dynamic content for product aggregation, feature pages, filtered lists, event landing pages, and more. <\/p>\n\n\n\n<p><strong>Custom fields\/content modeling<\/strong>: If you have a lot of \u201cstructured content\u201d (persona, work, case, database), feed the field data directly to the block templates for display with ACF\/Toolset\/Meta Box\/Pods\/JetEngine etc.<\/p>\n\n\n\n<p><strong>Membership \/ Tiered Operations<\/strong>: Combined with any \u201cprovide user login\/role system\u201d solution, differentiate the content exposure by display conditions (e.g., display a certain module only for logged-in users, display special price blocks for specific roles, etc.).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Frequently Asked Questions (FAQ)<\/h3>\n\n\n\n<div class=\"wp-block-essential-blocks-accordion  root-eb-accordion-j3ejp\"><div class=\"eb-parent-wrapper eb-parent-eb-accordion-j3ejp\"><div class=\"eb-accordion-container eb-accordion-j3ejp\" data-accordion-type=\"accordion\" data-tab-icon=\"dashicons-plus-alt2\" data-expanded-icon=\"dashicons-minus\" data-transition-duration=\"500\"><div class=\"eb-accordion-inner\">\n<div class=\"wp-block-essential-blocks-accordion-item eb-accordion-item-jbbes eb-accordion-wrapper\" data-clickable=\"true\"><div class=\"eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-j3ejp\" tabindex=\"0\"><span class=\"eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-j3ejp\"><span class=\"dashicon dashicons dashicons-plus-alt2 eb-accordion-icon\"><\/span><\/span><div class=\"eb-accordion-title-content-wrap title-content-eb-accordion-j3ejp\"><h4 class=\"eb-accordion-title\">1. What is Spectra Pro? How is it different from Spectra (Basic)?<\/h4><\/div><\/div><div class=\"eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-j3ejp\"><div class=\"eb-accordion-content\">\n<p class=\" translation-block\">Spectra Pro is a premium version of Spectra (a site builder plugin based on the Gutenberg block editor) that extends the capabilities of Spectra, focusing on <strong>Dynamic Content<\/strong>, <strong>Loop Builder<\/strong>, <strong>Popup Builder<\/strong>, <strong>Global Styles<\/strong>, and animations, and other more \u201cdelivery-level site building\u201d features.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-essential-blocks-accordion-item eb-accordion-item-xfxnw eb-accordion-wrapper\" data-clickable=\"false\"><div class=\"eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-j3ejp\" tabindex=\"0\"><span class=\"eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-j3ejp\"><span class=\"dashicon dashicons dashicons-plus-alt2 eb-accordion-icon\"><\/span><\/span><div class=\"eb-accordion-title-content-wrap title-content-eb-accordion-j3ejp\"><h4 class=\"eb-accordion-title\">2. Is it necessary to use Gutenberg (block editor)?<\/h4><\/div><\/div><div class=\"eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-j3ejp\"><div class=\"eb-accordion-content\">\n<p>Yes, Spectra is positioned as an enhancement tool that \u201cworks on top of WordPress\u201d default block editor\", so it's primarily geared towards Gutenberg's content and page building process.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-essential-blocks-accordion-item eb-accordion-item-7e36t eb-accordion-wrapper\" data-clickable=\"false\"><div class=\"eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-j3ejp\" tabindex=\"0\"><span class=\"eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-j3ejp\"><span class=\"dashicon dashicons dashicons-plus-alt2 eb-accordion-icon\"><\/span><\/span><div class=\"eb-accordion-title-content-wrap title-content-eb-accordion-j3ejp\"><h4 class=\"eb-accordion-title\">3. I'm using a page builder like Elementor \/ Divi for my site, can I still use Spectra Pro?<\/h4><\/div><\/div><div class=\"eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-j3ejp\"><div class=\"eb-accordion-content\">\n<p>It's usually possible to coexist; Spectra mentions in the plugin's description that it's compatible with the major page builders and tries to avoid interfering with each other; you can choose to use the block editor + Spectra approach to building content for only some of your pages.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-essential-blocks-accordion-item eb-accordion-item-rrzqs eb-accordion-wrapper\" data-clickable=\"false\"><div class=\"eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-j3ejp\" tabindex=\"0\"><span class=\"eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-j3ejp\"><span class=\"dashicon dashicons dashicons-plus-alt2 eb-accordion-icon\"><\/span><\/span><div class=\"eb-accordion-title-content-wrap title-content-eb-accordion-j3ejp\"><h4 class=\"eb-accordion-title\">4. Is there a requirement for a theme? (Astra\/Blocksy\/Flatsome etc.)<\/h4><\/div><\/div><div class=\"eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-j3ejp\"><div class=\"eb-accordion-content\">\n<p>Spectra is designed to work with most WordPress themes, and the plugin page lists a number of common themes (e.g. Astra, Blocksy, Flatsome, GeneratePress, etc.) that will work with it.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-essential-blocks-accordion-item eb-accordion-item-e2gk2 eb-accordion-wrapper\" data-clickable=\"false\"><div class=\"eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-j3ejp\" tabindex=\"0\"><span class=\"eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-j3ejp\"><span class=\"dashicon dashicons dashicons-plus-alt2 eb-accordion-icon\"><\/span><\/span><div class=\"eb-accordion-title-content-wrap title-content-eb-accordion-j3ejp\"><h4 class=\"eb-accordion-title\">5. What are the main site building needs that Spectra Pro is suited to address?<\/h4><\/div><\/div><div class=\"eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-j3ejp\"><div class=\"eb-accordion-content\">\n<p>If you want to accomplish the following needs in Gutenberg, Spectra Pro is more on the right track:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\" translation-block\">Manage site-wide design consistency (colors\/fonts\/variables\/classes) with <strong>Global Styles<\/strong><\/li>\n\n\n\n<li class=\" translation-block\">Drive page content with <strong>dynamic fields\/product data<\/strong> (reduce manual maintenance)<\/li>\n\n\n\n<li class=\" translation-block\">Build <strong>Reusable Content List \/ Product List<\/strong> (Loop Builder \/ Query Loop)<\/li>\n\n\n\n<li class=\" translation-block\">Make <strong>marketing popups\/info bars<\/strong> and set up triggering and display rules<\/li>\n<\/ul>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-essential-blocks-accordion-item eb-accordion-item-zjt3d eb-accordion-wrapper\" data-clickable=\"false\"><div class=\"eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-j3ejp\" tabindex=\"0\"><span class=\"eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-j3ejp\"><span class=\"dashicon dashicons dashicons-plus-alt2 eb-accordion-icon\"><\/span><\/span><div class=\"eb-accordion-title-content-wrap title-content-eb-accordion-j3ejp\"><h4 class=\"eb-accordion-title\">6. What data sources can Dynamic Content interface with?<\/h4><\/div><\/div><div class=\"eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-j3ejp\"><div class=\"eb-accordion-content\">\n<p class=\" translation-block\">Spectra's dynamic content capabilities emphasize pulling data from common sources, such as the WordPress custom field system, and explicitly mentions working with <strong>ACF, Pods, Meta Box<\/strong>, etc.; it can also be used to present <strong>WooCommerce<\/strong> related dynamic data! Scenarios.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-essential-blocks-accordion-item eb-accordion-item-h8xr8 eb-accordion-wrapper\" data-clickable=\"false\"><div class=\"eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-j3ejp\" tabindex=\"0\"><span class=\"eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-j3ejp\"><span class=\"dashicon dashicons dashicons-plus-alt2 eb-accordion-icon\"><\/span><\/span><div class=\"eb-accordion-title-content-wrap title-content-eb-accordion-j3ejp\"><h4 class=\"eb-accordion-title\">7. Can complex fields such as ACF Repeater be used?<\/h4><\/div><\/div><div class=\"eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-j3ejp\"><div class=\"eb-accordion-content\">\n<p class=\" translation-block\">Spectra has provided instructions for <strong>ACF Repeater Field<\/strong> and has confirmed compatibility with the Dynamic Content feature in a community support response (the actual demonstration is still recommended to do a validation under your theme and field structure).<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-essential-blocks-accordion-item eb-accordion-item-9a7rx eb-accordion-wrapper\" data-clickable=\"false\"><div class=\"eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-j3ejp\" tabindex=\"0\"><span class=\"eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-j3ejp\"><span class=\"dashicon dashicons dashicons-plus-alt2 eb-accordion-icon\"><\/span><\/span><div class=\"eb-accordion-title-content-wrap title-content-eb-accordion-j3ejp\"><h4 class=\"eb-accordion-title\">8. What can Loop Builder \/ Advanced Loop Builder do?<\/h4><\/div><\/div><div class=\"eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-j3ejp\"><div class=\"eb-accordion-content\">\n<p>Loop Builder is used to build content loops (articles, products, reviews, news, etc.) based on Query Loop and supports display by category, tag or custom query.Spectra Pro also introduces Advanced Loop Builder, which emphasizes a stronger listing experience (e.g. filtering\/searching\/pagination directions).<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-essential-blocks-accordion-item eb-accordion-item-g4s4c eb-accordion-wrapper\" data-clickable=\"false\"><div class=\"eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-j3ejp\" tabindex=\"0\"><span class=\"eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-j3ejp\"><span class=\"dashicon dashicons dashicons-plus-alt2 eb-accordion-icon\"><\/span><\/span><div class=\"eb-accordion-title-content-wrap title-content-eb-accordion-j3ejp\"><h4 class=\"eb-accordion-title\">9. What triggers and display rules does Popup Builder support?<\/h4><\/div><\/div><div class=\"eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-j3ejp\"><div class=\"eb-accordion-content\">\n<p>Popup Builder can be used to create popup windows or information strips, and provides configurable display scope and trigger methods (such as page load trigger, Exit Intent, scroll\/delay, etc., and supports the idea of triggering by elements\/custom class trigger). You can also set which pages to show or exclude.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-essential-blocks-accordion-item eb-accordion-item-5ivr3 eb-accordion-wrapper\" data-clickable=\"false\"><div class=\"eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-j3ejp\" tabindex=\"0\"><span class=\"eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-j3ejp\"><span class=\"dashicon dashicons dashicons-plus-alt2 eb-accordion-icon\"><\/span><\/span><div class=\"eb-accordion-title-content-wrap title-content-eb-accordion-j3ejp\"><h4 class=\"eb-accordion-title\">10. What is the difference between Display Conditions and Responsive Conditions?<\/h4><\/div><\/div><div class=\"eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-j3ejp\"><div class=\"eb-accordion-content\">\n<p><strong>Display Conditions<\/strong>: The preference for \u201cshow\/hide blocks by rule\u201d needs to be configured in the Advanced area of the block after enabling it in Blocks\/Extensions in Spectra. <\/p>\n\n\n\n<p><strong>Responsive Conditions<\/strong>: Change \u201cShow or hide content oriented by device size\/type\u201d.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-essential-blocks-accordion-item eb-accordion-item-3u9gw eb-accordion-wrapper\" data-clickable=\"false\"><div class=\"eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-j3ejp\" tabindex=\"0\"><span class=\"eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-j3ejp\"><span class=\"dashicon dashicons dashicons-plus-alt2 eb-accordion-icon\"><\/span><\/span><div class=\"eb-accordion-title-content-wrap title-content-eb-accordion-j3ejp\"><h4 class=\"eb-accordion-title\">11. What value do Global Styles bring? How do they relate to theme styles?<\/h4><\/div><\/div><div class=\"eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-j3ejp\"><div class=\"eb-accordion-content\">\n<p>Global Styles turns \u201cstyle consistency\u201d into a maintainable design system by letting you define colors, typography, spacing rules, CSS variables, and reusable classes in one place; inherit swatches from your theme, or customize them and reuse them site-wide.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-essential-blocks-accordion-item eb-accordion-item-ys8xp eb-accordion-wrapper\" data-clickable=\"false\"><div class=\"eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-j3ejp\" tabindex=\"0\"><span class=\"eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-j3ejp\"><span class=\"dashicon dashicons dashicons-plus-alt2 eb-accordion-icon\"><\/span><\/span><div class=\"eb-accordion-title-content-wrap title-content-eb-accordion-j3ejp\"><h4 class=\"eb-accordion-title\">12. Does Image Masking alter the original image? Is it adaptive?<\/h4><\/div><\/div><div class=\"eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-j3ejp\"><div class=\"eb-accordion-content\">\n<p class=\" translation-block\">The description of Image Masking emphasizes that the masks are more like \u201ccrop shapes\u201d that <strong>don't modify the original image file<\/strong> and can be previewed instantly in the editor and will adapt to different screens.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-essential-blocks-accordion-item eb-accordion-item-m9b9e eb-accordion-wrapper\" data-clickable=\"false\"><div class=\"eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-j3ejp\" tabindex=\"0\"><span class=\"eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-j3ejp\"><span class=\"dashicon dashicons dashicons-plus-alt2 eb-accordion-icon\"><\/span><\/span><div class=\"eb-accordion-title-content-wrap title-content-eb-accordion-j3ejp\"><h4 class=\"eb-accordion-title\">13. Will Spectra \/ Spectra Pro slow down the site?<\/h4><\/div><\/div><div class=\"eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-j3ejp\"><div class=\"eb-accordion-content\">\n<p>Spectra emphasizes the idea of on-demand loading: only when the page is actually used in a certain block, the relevant CSS\/JS will be loaded; but also provides \u201cfile generation (from CSS\/JS inline to generate files)\u201d and other loading method control, used to further optimize performance.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-essential-blocks-accordion-item eb-accordion-item-7bawc eb-accordion-wrapper\" data-clickable=\"false\"><div class=\"eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-j3ejp\" tabindex=\"0\"><span class=\"eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-j3ejp\"><span class=\"dashicon dashicons dashicons-plus-alt2 eb-accordion-icon\"><\/span><\/span><div class=\"eb-accordion-title-content-wrap title-content-eb-accordion-j3ejp\"><h4 class=\"eb-accordion-title\">14. What should I do if I have caching\/compression enabled and I am experiencing non-updated styles or missing block styles?<\/h4><\/div><\/div><div class=\"eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-j3ejp\"><div class=\"eb-accordion-content\">\n<p>You can prioritize Spectra's \u201cFile Generation\/Resource Loading Methods\u201d idea: for example, after generating independent CSS\/JS files, you can clean up the site cache\/CDN cache to avoid old resources being cached for a long period of time.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-essential-blocks-accordion-item eb-accordion-item-652pv eb-accordion-wrapper\" data-clickable=\"false\"><div class=\"eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-j3ejp\" tabindex=\"0\"><span class=\"eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-j3ejp\"><span class=\"dashicon dashicons dashicons-plus-alt2 eb-accordion-icon\"><\/span><\/span><div class=\"eb-accordion-title-content-wrap title-content-eb-accordion-j3ejp\"><h4 class=\"eb-accordion-title\">15. Can Spectra be used for client sites? Is it suitable for studio\/outsourced delivery?<\/h4><\/div><\/div><div class=\"eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-j3ejp\"><div class=\"eb-accordion-content\">\n<p>Spectra makes it clear in the plugin FAQ that it can be used on both your own and client sites; the Global Styles + reusable blocks\/templates idea is also more conducive to standardized deliveries for teams that need to deliver pages in bulk and with uniform styling.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-essential-blocks-accordion-item eb-accordion-item-pqekh eb-accordion-wrapper\" data-clickable=\"false\"><div class=\"eb-accordion-title-wrapper eb-accordion-title-wrapper-eb-accordion-j3ejp\" tabindex=\"0\"><span class=\"eb-accordion-icon-wrapper eb-accordion-icon-wrapper-eb-accordion-j3ejp\"><span class=\"dashicon dashicons dashicons-plus-alt2 eb-accordion-icon\"><\/span><\/span><div class=\"eb-accordion-title-content-wrap title-content-eb-accordion-j3ejp\"><h4 class=\"eb-accordion-title\">16. Is it compatible with common plugins like WooCommerce, Membership, LMS, etc.?<\/h4><\/div><\/div><div class=\"eb-accordion-content-wrapper eb-accordion-content-wrapper-eb-accordion-j3ejp\"><div class=\"eb-accordion-content\">\n<p>Spectra lists compatibility examples with a variety of common plugin directions (including WooCommerce, MemberPress, Restrict Content Pro, LearnDash, TutorLMS, etc.) on the Plugins page and emphasizes that it can be used in e-commerce vs. membership\/course scenarios.<\/p>\n<\/div><\/div><\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Spectra Pro is an advanced enhancement suite for Gutenberg (block editors): complementing key capabilities such as dynamic content display, content list\/loop building, marketing pop-ups, global style systems and animations without changing your editing habits. You can use the same set of blocking methods to complete the page construction, personalized display (based on user status\/role\/device, etc.), as well as more advanced content aggregation and filtering experience, so that the site looks better and converts better.<\/p>","protected":false},"featured_media":4264,"comment_status":"open","ping_status":"closed","template":"","download_category":[43],"download_tag":[71,70],"class_list":["post-4263","download_resource","type-download_resource","status-publish","has-post-thumbnail","hentry","download_category-plugins","download_tag-website-animation","download_tag-page-builder-enhancement"],"acpt":{"meta":[{"meta_box":"download_item_info","meta_fields":[{"name":"official_link","type":"Text","options":[],"value":"https:\/\/wpspectra.com\/pro\/","default":"","required":false,"showInAdmin":false}]}]},"_links":{"self":[{"href":"https:\/\/www.6ebook.com\/en\/wp-json\/wp\/v2\/download_resource\/4263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.6ebook.com\/en\/wp-json\/wp\/v2\/download_resource"}],"about":[{"href":"https:\/\/www.6ebook.com\/en\/wp-json\/wp\/v2\/types\/download_resource"}],"replies":[{"embeddable":true,"href":"https:\/\/www.6ebook.com\/en\/wp-json\/wp\/v2\/comments?post=4263"}],"version-history":[{"count":0,"href":"https:\/\/www.6ebook.com\/en\/wp-json\/wp\/v2\/download_resource\/4263\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.6ebook.com\/en\/wp-json\/wp\/v2\/media\/4264"}],"wp:attachment":[{"href":"https:\/\/www.6ebook.com\/en\/wp-json\/wp\/v2\/media?parent=4263"}],"wp:term":[{"taxonomy":"download_category","embeddable":true,"href":"https:\/\/www.6ebook.com\/en\/wp-json\/wp\/v2\/download_category?post=4263"},{"taxonomy":"download_tag","embeddable":true,"href":"https:\/\/www.6ebook.com\/en\/wp-json\/wp\/v2\/download_tag?post=4263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}