SleekPixel for Ultimate Addons for Gutenberg sites
Ultimate Addons for Gutenberg, now Spectra, stores block attributes inline in post_content. SleekPixel parses the first Spectra uagb/advanced-heading and uagb/info-box blocks, reads the global color set, and renders a branded share card on every post save.
♾️ Lifetime License available
Spectra blocks already describe the share
Ultimate Addons for Gutenberg, rebranded as Spectra, is the most-installed third-party block library for the WordPress block editor. Every Spectra block serializes its attributes into the post HTML as JSON inside an HTML comment, which is how Gutenberg blocks store their data. The uagb/advanced-heading block holds the hero copy, the uagb/info-box holds icon-and-text pairs, and the uagb/post-grid holds the post listing structure. All of it is reachable through standard parse_blocks() calls on post_content.
SleekPixel parses the post content on save, finds the first Spectra Advanced Heading, reads its heading attribute, and treats that as the hero text for the share card. If the post has no Spectra blocks, the plugin falls back to post_title from wp_posts. The accent color comes from the Spectra Global Block Defaults so the share card uses the same color the page uses.
The output is a 1200 by 630 PNG written to the uploads directory. Whatever SEO plugin you run (Yoast, Rank Math, AIOSEO) points the og:image meta at the new URL through a filter. Scrapers crawl the post URL and see a card that matches the Spectra-built page, not a generic site logo.
Workflow
Spectra to share card in four steps
Install alongside Spectra
Pick a Spectra preset
uagb/advanced-heading to the hero slot and reads Global Block Defaults for accent and surface.
Scope per post type
Save the post and share
og:image filter picks up the new URL.
Output
Sample Spectra hero share
Rendered from the first uagb/advanced-heading block in a Spectra-built post, with accent and typography pulled from Spectra Global Defaults.
Comparison
Default Spectra share vs SleekPixel for Spectra
Logo on every Spectra post
- Spectra blocks render beautifully on the page but never affect the share preview
- Global Block Defaults stop at the page frontend, never reach the og:image
- Advanced Heading content is invisible to the scraper without an extra plugin
- Patterns and starter sites all ship with the same fallback share image
- Editing a Spectra block does not refresh the share preview at all
SleekPixel
-
Parses Spectra blocks like
uagb/advanced-headingfrompost_content - Reads Spectra Global Block Defaults for accent and typography
- Works with Spectra patterns and Spectra-shipped starter sites
-
Re-renders the PNG on every
save_postfor published posts - Falls back cleanly when a post mixes Spectra and core blocks
Features
What SleekPixel gives you for Ultimate Addons for Gutenberg
Spectra block aware
The template parses Spectra blocks directly from post content, so the hero copy in the share matches the Advanced Heading on the page, not the page slug or a manual override field.
Global Defaults integration
Spectra Global Block Defaults feed the template's accent, foreground and surface tokens. Change a default in Spectra and the next render uses the new color, no template edit needed.
Pattern-friendly templates
Spectra ships patterns that lay down predictable block structure. SleekPixel templates target that structure so new pattern-built pages get share cards without per-page configuration.
Use cases
Where Spectra sites benefit most from per-post cards
Spectra-built blogs
Editorial blogs that use Spectra Advanced Heading and Info Box for every hero get per-post cards that mirror the page heroes, not the site logo.
Agency Spectra installs
Agencies shipping client sites on Spectra can include SleekPixel in the starter kit so every client launch ships with per-page social previews.
Course and SaaS sites
Spectra is common for course pages and SaaS landings, both of which depend on shareable URLs. Per-page cards lift the click-through on instructor and customer shares.
The bigger picture
Why Spectra-built sites should ship per-post cards
Spectra exists because the WordPress block editor needed more design surface than core blocks offered. Advanced Heading is more controllable than Heading. Info Box is more usable than a stack of paragraphs and an image.
Container has more layout knobs than Group. The point of all of that is to make pages that look intentional without dropping into a page builder. Share previews are the second-class citizen of that effort.
The page can be beautifully designed and the share that drives traffic to the page is the same site logo every other post shares with. SleekPixel closes the gap. The share card reads the same Advanced Heading the page reads, uses the same Global Defaults the page uses, and ships on every save.
Readers who paste a Spectra page URL into Slack or Twitter or LinkedIn get a preview that matches the page. The cost is the price of one plugin license. The benefit compounds over every post Spectra ever ships.
Questions
Common questions about SleekPixel for Ultimate Addons for Gutenberg
Yes. Brainstorm Force rebranded UAG to Spectra in 2022. The plugin slug is still ultimate-addons-for-gutenberg on WordPress.org. SleekPixel works with both branding eras and reads the same uagb/* block prefix.
Yes. Patterns lay down a consistent block structure. The Spectra preset targets the first Advanced Heading and the first Info Box in any pattern-built post, so per-pattern share cards work without extra config.
The template falls back to post_title for the hero copy. Posts that mix Spectra and core blocks still render correctly, and the fallback chain itself is configurable per template slot.
Yes. SleekPixel reads spectra_global_block_defaults and exposes the colors as tokens in the template. Change a Spectra default and the next save renders with the new color.
Yes. Spectra One is a separate FSE block theme from the same vendor. SleekPixel doesn't depend on the theme, only on the Spectra blocks plugin, so the same template renders correctly inside Spectra One.
No. SleekPixel writes the PNG and exposes its URL through a filter. Yoast and Rank Math accept that URL as the og:image input, so the SEO plugin still emits the meta tag and the scraper still sees the SleekPixel image.
Yes. Match templates by post category, tag or post type. So a 'Tutorial' category can use a code-focused card and a 'Case study' category can use a customer-photo card, on the same Spectra site.
No. Image generation runs on save_post in the background. The Gutenberg editor stays responsive and the share card lands in uploads within roughly a second of the save completing.
Pricing
More than 1000+
happy customers
Explore our flexible licensing options tailored to your needs. Upgrade your license anytime to access more features, or opt for a lifetime license for ongoing value, including lifetime updates and lifetime support. Our hassle-free upgrade process ensures that our platform can grow with you, starting from whichever plan you choose.
Lifetime ♾️
Most popular
EUR
once
- Unlimited websites
- Lifetime updates
- Lifetime support
...or get the Bundle Deal
and save €250 🎁
The Bundle (unlimited sites)
Pay once, own it forever
Elevate your WordPress site with our exclusive plugin bundle that includes all of our premium plugins in one package. Enjoy lifetime updates and lifetime support. Save significantly compared to buying plugins individually.
What’s included
-
SleekAI
-
SleekByte
-
SleekMotion
-
SleekPixel
-
SleekRank
-
SleekView
€749
Continue to checkoutBrowse more
- LinkedIn carousel slides
- Vimeo channel banners
- Snapchat ad images
- Signal sticker pack
- Discord stage banner
- Kick channel banners
- Snapchat snap images
- Spotify Canvas
- Mastodon post images
- Bandcamp release cover
- LinkedIn showcase page banners
- Instagram Shop product images
- kbin post images
- YouTube banner art
- Mastodon profile header