[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fT-wIes6FdsKK9htp8n62T9uvoKHyeZ8goS-61zmS3d4":3},{"slug":4,"display_name":5,"profile_url":6,"plugin_count":7,"total_installs":8,"avg_security_score":8,"avg_patch_time_days":9,"trust_score":10,"computed_at":11,"plugins":12},"coreessentials","Core Essentials","https:\u002F\u002Fprofiles.wordpress.org\u002Fcoreessentials\u002F",4,100,30,94,"2026-04-04T04:14:43.224Z",[13,37,56,74],{"slug":14,"name":15,"version":16,"author":5,"author_profile":6,"description":17,"short_description":18,"active_installs":19,"downloaded":20,"rating":19,"num_ratings":21,"last_updated":22,"tested_up_to":23,"requires_at_least":24,"requires_php":25,"tags":26,"homepage":32,"download_link":33,"security_score":8,"vuln_count":34,"unpatched_count":34,"last_vuln_date":35,"fetched_at":36},"webp-image-converter-replacer","WebP Image Converter & Replacer – Convert to WebP, No Duplicates","1.1.3","\u003Cp>\u003Cstrong>WebP Image Converter & Replacer\u003C\u002Fstrong> converts your images (JPEG, PNG, static GIF) to \u003Cstrong>WebP\u003C\u002Fstrong>, replaces originals \u003Cstrong>only when smaller\u003C\u002Fstrong>, and updates database references so your site transparently serves \u003Ccode>.webp\u003C\u002Fcode>. No duplicate files. No front-end bloat. Just \u003Cstrong>faster pages\u003C\u002Fstrong> and \u003Cstrong>less disk usage\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Why this plugin\u003C\u002Fstrong>\u003Cbr \u002F>\n– \u003Cstrong>No Duplicate Images:\u003C\u002Fstrong> Converts and replaces originals when WebP is smaller, keeping \u003Ccode>\u002Fuploads\u003C\u002Fcode> lean.\u003Cbr \u002F>\n– \u003Cstrong>Real Performance Gains:\u003C\u002Fstrong> WebP typically reduces size ~25–35% at similar quality, aiding Core Web Vitals.\u003Cbr \u002F>\n– \u003Cstrong>Safety First:\u003C\u002Fstrong> Never deletes the original unless conversion succeeds \u003Cstrong>and\u003C\u002Fstrong> the WebP is smaller.\u003Cbr \u002F>\n– \u003Cstrong>Full DB Integration:\u003C\u002Fstrong> All generated sizes are converted; URLs in content\u002Fmeta are updated to \u003Ccode>.webp\u003C\u002Fcode>.\u003Cbr \u002F>\n– \u003Cstrong>On-Server Only:\u003C\u002Fstrong> Uses PHP \u003Cstrong>GD\u003C\u002Fstrong> or \u003Cstrong>Imagick\u003C\u002Fstrong>. No external API, keys, or privacy concerns.\u003Cbr \u002F>\n– \u003Cstrong>Lightweight:\u003C\u002Fstrong> Runs only during conversion—nothing extra on the front end.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Free features\u003C\u002Fstrong>\u003Cbr \u002F>\n– Convert individual images from \u003Cstrong>Media \u003Cspan aria-hidden=\"true\" class=\"wp-exclude-emoji\">→\u003C\u002Fspan> Library\u003C\u002Fstrong> (list view).\u003Cbr \u002F>\n– \u003Cstrong>Optimization Overview\u003C\u002Fstrong> with counts: convertible, converted, remaining, skipped, failed, total space saved.\u003Cbr \u002F>\n– Smart memory handling to avoid PHP exhaustion on large images.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Premium features\u003C\u002Fstrong>\u003Cbr \u002F>\n– \u003Cstrong>Auto-convert on upload:\u003C\u002Fstrong> New images become WebP automatically.\u003Cbr \u002F>\n– \u003Cstrong>Bulk convert selected:\u003C\u002Fstrong> Multi-select in Media Library (list view).\u003Cbr \u002F>\n– \u003Cstrong>Bulk convert all:\u003C\u002Fstrong> Library-wide conversion with progress + pause\u002Fresume.\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>Whether you’re tight on storage or chasing better performance, this is a \u003Cstrong>safe, effective\u003C\u002Fstrong> way to modernize images.\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>\u003Cstrong>IMPORTANT:\u003C\u002Fstrong> Because originals may be deleted, \u003Cstrong>back up\u003C\u002Fstrong> your \u003Ccode>\u002Fwp-content\u002Fuploads\u002F\u003C\u002Fcode> and database before converting. Test on staging if possible.\u003C\u002Fp>\n\u003Ch3>How it works\u003C\u002Fh3>\n\u003Col>\n\u003Cli>Plugin checks server support (GD\u002FImagick with WebP).\u003C\u002Fli>\n\u003Cli>You convert images (single\u002Fbulk\u002Fpremium auto).\u003C\u002Fli>\n\u003Cli>If the \u003Ccode>.webp\u003C\u002Fcode> is smaller, the original file is removed and \u003Cstrong>all DB refs switch to \u003Ccode>.webp\u003C\u002Fcode>\u003C\u002Fstrong>.\u003C\u002Fli>\n\u003Cli>Your site now serves WebP transparently—no theme changes required.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch3>Usage\u003C\u002Fh3>\n\u003Cp>\u003Cstrong>Optimization Overview\u003C\u002Fstrong>\u003Cbr \u002F>\n– \u003Cstrong>Settings \u003Cspan aria-hidden=\"true\" class=\"wp-exclude-emoji\">→\u003C\u002Fspan> Media\u003C\u002Fstrong> \u003Cspan aria-hidden=\"true\" class=\"wp-exclude-emoji\">→\u003C\u002Fspan> “WebP Image Converter & Replacer”\u003Cbr \u002F>\n– See totals converted\u002Fremaining\u002Fskipped\u002Ffailed and \u003Cstrong>space saved\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Convert individual images\u003C\u002Fstrong>\u003Cbr \u002F>\n– \u003Cstrong>Media \u003Cspan aria-hidden=\"true\" class=\"wp-exclude-emoji\">→\u003C\u002Fspan> Library\u003C\u002Fstrong> (list view) \u003Cspan aria-hidden=\"true\" class=\"wp-exclude-emoji\">→\u003C\u002Fspan> \u003Cstrong>Convert to WebP\u003C\u002Fstrong> link under each item.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Premium\u003C\u002Fstrong>\u003Cbr \u002F>\n– \u003Cstrong>Auto-convert on upload\u003C\u002Fstrong>: toggle under \u003Cstrong>Settings \u003Cspan aria-hidden=\"true\" class=\"wp-exclude-emoji\">→\u003C\u002Fspan> Media\u003C\u002Fstrong>.\u003Cbr \u002F>\n– \u003Cstrong>Bulk convert selected\u003C\u002Fstrong>: select items in Media Library (list view) \u003Cspan aria-hidden=\"true\" class=\"wp-exclude-emoji\">→\u003C\u002Fspan> bulk action \u003Cstrong>Convert to WebP\u003C\u002Fstrong>.\u003Cbr \u002F>\n– \u003Cstrong>Bulk convert all\u003C\u002Fstrong>: \u003Cstrong>Start Bulk Optimization\u003C\u002Fstrong> with progress + pause\u002Fresume.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>After conversion\u003C\u002Fstrong>\u003Cbr \u002F>\n– Verify pages serve \u003Ccode>.webp\u003C\u002Fcode> in browser dev tools.\u003Cbr \u002F>\n– Clear any caches\u002FCDN.\u003C\u002Fp>\n\u003Ch3>Phoenix Media Rename Integration\u003C\u002Fh3>\n\u003Cp>We integrate with \u003Ca href=\"https:\u002F\u002Fen-gb.wordpress.org\u002Fplugins\u002Fphoenix-media-rename\u002F\" rel=\"nofollow ugc\">\u003Cstrong>Phoenix Media Rename\u003C\u002Fstrong>\u003C\u002Fa> to safely update \u003Cstrong>all\u003C\u002Fstrong> database references.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Why Phoenix?\u003C\u002Fstrong>\u003Cbr \u002F>\n– Mature, reliable database URL updates across posts, custom fields, widgets, Customizer, etc.\u003Cbr \u002F>\n– Reduces risk vs. “DIY” find\u002Freplace logic used by other optimizers.\u003Cbr \u002F>\n– Lets this plugin focus on \u003Cstrong>conversion\u003C\u002Fstrong> while Phoenix handles \u003Cstrong>DB updates\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Flow\u003C\u002Fstrong>\u003Cbr \u002F>\n1. Convert to WebP.\u003Cbr \u002F>\n2. Phoenix updates URLs from \u003Ccode>.jpg\u002F.png\u002F.gif\u003C\u002Fcode> to \u003Ccode>.webp\u003C\u002Fcode>.\u003Cbr \u002F>\n3. Your site serves WebP with no broken links.\u003C\u002Fp>\n","Convert images to WebP and replace originals—no duplicates. Save storage and speed up your site. Auto-convert on upload & bulk tools (premium).",60,65531,2,"2025-10-27T07:57:00.000Z","6.8.5","5.8","7.4",[27,28,29,30,31],"convert-to-webp","image-optimization","media-library","webp","webp-converter","https:\u002F\u002Fcoreessentials.online\u002Fplugins-for-wordpress\u002Fwebp-image-converter-replacer\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fwebp-image-converter-replacer.1.1.3.zip",0,null,"2026-03-15T15:16:48.613Z",{"slug":38,"name":39,"version":40,"author":5,"author_profile":6,"description":41,"short_description":42,"active_installs":9,"downloaded":43,"rating":34,"num_ratings":34,"last_updated":44,"tested_up_to":45,"requires_at_least":46,"requires_php":25,"tags":47,"homepage":53,"download_link":54,"security_score":8,"vuln_count":34,"unpatched_count":34,"last_vuln_date":35,"fetched_at":55},"coreessentials-email-gated-downloads","Email Gated Downloads","1.0.1","\u003Cp>\u003Cstrong>Email Gated Downloads\u003C\u002Fstrong> helps you create \u003Cstrong>email gated downloads\u003C\u002Fstrong> (also called \u003Cstrong>gated downloads\u003C\u002Fstrong> or \u003Cstrong>gated content\u003C\u002Fstrong>) on your WordPress site. Visitors enter an email address (and optional name), accept your consent message, and then receive a secure download link for your \u003Cstrong>PDF\u003C\u002Fstrong> or \u003Cstrong>ZIP\u003C\u002Fstrong> file.\u003C\u002Fp>\n\u003Cp>If you’re offering a \u003Cstrong>lead magnet\u003C\u002Fstrong>, \u003Cstrong>content upgrade\u003C\u002Fstrong>, checklist, guide, template, or resource library download, this plugin gives you a simple “download after email submission” flow without bloated form builders.\u003C\u002Fp>\n\u003Ch3>What you can do with Email Gated Downloads\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Gate a PDF download behind an email form\u003C\u002Fstrong> (great for guides, ebooks, brochures, spec sheets)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Gate a ZIP download\u003C\u002Fstrong> (templates, assets, bundles)\u003C\u002Fli>\n\u003Cli>Create a clean \u003Cstrong>lead generation\u003C\u002Fstrong> offer: “Enter your email to download”\u003C\u002Fli>\n\u003Cli>Prevent casual scraping with secure links and rate limiting\u003C\u002Fli>\n\u003Cli>Keep a lightweight audit trail of who downloaded what (CSV export)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Why site owners choose this plugin\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Email capture for lead magnets\u003C\u002Fstrong> – Exchange a valuable download for an email address and build your list.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Secure gated download links\u003C\u002Fstrong> – Generate one time, time limited tokens so your file URL is not publicly exposed.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>GDPR friendly consent\u003C\u002Fstrong> – Built-in consent checkbox and customizable message.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Download logging + CSV export\u003C\u002Fstrong> – Record email, optional name, file, IP, and timestamp. Export to CSV for your CRM or email tool.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Lightweight & theme friendly\u003C\u002Fstrong> – Minimal footprint, optional stylesheet (or disable and style it yourself).\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Quick setup (3 steps)\u003C\u002Fh3>\n\u003Col>\n\u003Cli>\u003Cstrong>Upload your file\u003C\u002Fstrong>: Go to \u003Cstrong>Settings > Email Gated Downloads\u003C\u002Fstrong> and upload your PDF or ZIP.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Configure your form\u003C\u002Fstrong>: Enable optional name field, add your GDPR consent checkbox text, and customize messages.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Place the form\u003C\u002Fstrong>: Add shortcode \u003Ccode>[spdfed_download_form]\u003C\u002Fcode> to any page\u002Fpost (use a Shortcode block in the block editor).\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>Visitors will see your download form, submit their email, and receive a secure download link.\u003C\u002Fp>\n\u003Ch4>FREE FEATURES\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Email gated download form\u003C\u002Fstrong> – Require an email address (optional name) before download.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Secure file storage\u003C\u002Fstrong> – Files stored in a protected directory; links use one time, expiring tokens.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Download logging & CSV export\u003C\u002Fstrong> – Track downloads with email, name, file name, IP address and timestamp.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>GDPR consent checkbox\u003C\u002Fstrong> – Built-in consent checkbox with customizable text.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Rate limiting\u003C\u002Fstrong> – Reduce repeated downloads and basic bot abuse.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Customizable styling\u003C\u002Fstrong> – Use CSS variables, or disable the plugin stylesheet and add your own.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Fast & lightweight\u003C\u002Fstrong> – Minimal code and clean database usage.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>PREMIUM FEATURES\u003C\u002Fh4>\n\u003Cp>Upgrade to Premium to manage multiple lead magnets and deeper reporting:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Unlimited gated files\u003C\u002Fstrong> – Create multiple download offers with a “Gated Files” Custom Post Type.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Per file customization\u003C\u002Fstrong> – Override global settings (name requirement, consent text, confirmation message) per file.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Analytics dashboard\u003C\u002Fstrong> – View total downloads, top files and trends with charts.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Individual shortcodes\u003C\u002Fstrong> – Use \u003Ccode>[spdfed_download_form id=\"123\"]\u003C\u002Fcode> to embed a specific gated download anywhere.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fcoreessentials.online\u002Fplugins-for-wordpress\u002Femail-gated-downloads\u002F\" rel=\"nofollow ugc\">Upgrade to Premium \u003Cspan aria-hidden=\"true\" class=\"wp-exclude-emoji\">→\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch4>Ideal use cases\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Lead magnets\u003C\u002Fstrong> (ebooks, checklists, templates, worksheets)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Content upgrades\u003C\u002Fstrong> for blog posts and newsletters\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Resource libraries\u003C\u002Fstrong> (downloads behind email capture)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Digital product samples\u003C\u002Fstrong> (share a preview while protecting the main asset)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Course companion files\u003C\u002Fstrong> (PDF handouts, ZIP resources)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Third-Party Libraries & Source Code\u003C\u002Fh3>\n\u003Cp>This plugin includes human readable source code and uses the following third-party library:\u003C\u002Fp>\n\u003Ch4>Chart.js\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>\u003Cstrong>File\u003C\u002Fstrong>: \u003Ccode>assets\u002Fjs\u002Fchart.js\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Version\u003C\u002Fstrong>: 4.5.1\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Purpose\u003C\u002Fstrong>: Powers the analytics charts in the premium version\u003C\u002Fli>\n\u003Cli>\u003Cstrong>License\u003C\u002Fstrong>: MIT License\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Source Code\u003C\u002Fstrong>: https:\u002F\u002Fgithub.com\u002Fchartjs\u002FChart.js\u003C\u002Fli>\n\u003Cli>\u003Cstrong>CDN Reference\u003C\u002Fstrong>: https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fchart.js@4.5.1\u002Fdist\u002Fchart.umd.js\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>All other JavaScript and CSS files in this plugin are written by the plugin author and are provided in uncompressed, human readable format.\u003C\u002Fp>\n","Email gated downloads for WordPress: collect emails with a GDPR friendly download form before visitors can download your PDF or ZIP lead magnet.",323,"","6.9.4","5.0",[48,49,50,51,52],"email-capture","gated-content","gdpr","lead-magnet","pdf-download","https:\u002F\u002Fcoreessentials.online\u002Fplugins-for-wordpress\u002Femail-gated-downloads\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fcoreessentials-email-gated-downloads.1.0.1.zip","2026-03-15T10:48:56.248Z",{"slug":57,"name":58,"version":59,"author":5,"author_profile":6,"description":60,"short_description":61,"active_installs":62,"downloaded":63,"rating":34,"num_ratings":34,"last_updated":64,"tested_up_to":23,"requires_at_least":46,"requires_php":65,"tags":66,"homepage":72,"download_link":73,"security_score":8,"vuln_count":34,"unpatched_count":34,"last_vuln_date":35,"fetched_at":36},"easy-updates-menu","Easy Updates Menu","1.0.4","\u003Cp>Easy Updates Menu is a lightweight plugin that enhances your WordPress admin interface by adding a convenient “Updates” submenu item under the Plugins menu. This submenu only appears when there are plugin updates available, making it easier to quickly access and manage pending updates.\u003C\u002Fp>\n\u003Cp>We’ve all dealt with slow servers and clunky setups when running maintenance on sites. How frustrating is it to log in to the dashboard, click on ‘Installed Plugins’, then click ‘Updates’? It eats up precious time. With Easy Updates Menu, you can simply log in to the dashboard, click “Updates,” and start updating without the hassle.\u003C\u002Fp>\n\u003Ch4>Features\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>Adds a dynamic submenu item: Plugins \u003Cspan aria-hidden=\"true\" class=\"wp-exclude-emoji\">→\u003C\u002Fspan> Updates\u003C\u002Fli>\n\u003Cli>Shows the number of available updates in the menu\u003C\u002Fli>\n\u003Cli>Only visible when plugin updates are available\u003C\u002Fli>\n\u003Cli>Direct access to the updates view\u003C\u002Fli>\n\u003Cli>Respects WordPress user capabilities\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>How It Works\u003C\u002Fh4>\n\u003Cp>The plugin automatically checks for available plugin updates and adds a submenu item when updates are found. Clicking the submenu takes you directly to the plugins update screen, streamlining your update workflow.\u003C\u002Fp>\n\u003Ch4>User Permissions\u003C\u002Fh4>\n\u003Cp>The submenu is only visible to users with the ‘update_plugins’ capability, maintaining proper WordPress security practices.\u003C\u002Fp>\n","Adds a dynamic 'Updates' submenu item under the Plugins menu when updates are available.",10,1029,"2025-10-21T12:31:00.000Z","7.2",[67,68,69,70,71],"admin","dashboard","menu","plugins","updates","https:\u002F\u002Fwordpress.org\u002Fplugins\u002Feasy-updates-menu\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Feasy-updates-menu.1.0.4.zip",{"slug":75,"name":76,"version":77,"author":5,"author_profile":6,"description":78,"short_description":79,"active_installs":34,"downloaded":80,"rating":8,"num_ratings":81,"last_updated":82,"tested_up_to":45,"requires_at_least":83,"requires_php":25,"tags":84,"homepage":90,"download_link":91,"security_score":8,"vuln_count":34,"unpatched_count":34,"last_vuln_date":35,"fetched_at":36},"responsive-picture-block","Responsive Picture Block","1.1.1","\u003Cp>\u003Cstrong>Core Essentials – Responsive Picture Block\u003C\u002Fstrong> turns several standard \u003Cstrong>Image\u003C\u002Fstrong> blocks into one semantic, front-end \u003Ccode>\u003Cpicture>\u003C\u002Fcode> HTML element. It’s built for \u003Cstrong>art direction\u003C\u002Fstrong>: choose \u003Cstrong>different crops, compositions, or formats\u003C\u002Fstrong> for different breakpoints (e.g., a tight mobile crop, a wider desktop crop, or an AVIF\u002FWebP source).\u003C\u002Fp>\n\u003Cp>Why this matters:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>\u003Ccode>\u003Cpicture>\u003C\u002Fcode> vs \u003Ccode>\u003Cimg srcset>\u003C\u002Fcode>\u003C\u002Fstrong>\u003Cbr \u002F>\n  srcset is great for picking the right \u003Cstrong>resolution\u003C\u002Fstrong> of the \u003Cem>same\u003C\u002Fem> image. But when you need different \u003Cstrong>content\u003C\u002Fstrong> (crop\u002Fratio\u002Fcomposition) at different viewport widths, you need \u003Cstrong>art direction\u003C\u002Fstrong> — that’s exactly what \u003Ccode>\u003Cpicture>\u003C\u002Fcode> does by letting you swap \u003Cstrong>entire sources\u003C\u002Fstrong> via \u003Ccode>\u003Csource media=\"…\">\u003C\u002Fcode>.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Editor-first UX\u003C\u002Fstrong>\u003Cbr \u002F>\nAuthors see a single “Responsive Picture (Block)” wrapper, then insert one Image per breakpoint. The plugin mirrors the link \u002Fcaption from the Desktop image. Per-image design controls (aspect ratio, object-fit, width\u002Fheight) are respected. The block’s \u003Cstrong>preview\u003C\u002Fstrong> shows the native \u003Cstrong>Desktop \u002F Tablet \u002F Mobile\u003C\u002Fstrong> toolbar:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Desktop preview ⇒ show \u003Cstrong>all\u003C\u002Fstrong> child images  \u003C\u002Fli>\n\u003Cli>Tablet preview ⇒ show \u003Cstrong>Tablet\u003C\u002Fstrong>, else \u003Cstrong>Desktop\u003C\u002Fstrong>, else \u003Cstrong>Mobile\u003C\u002Fstrong>  \u003C\u002Fli>\n\u003Cli>Mobile preview ⇒ show \u003Cstrong>Mobile\u003C\u002Fstrong>, else \u003Cstrong>Tablet\u003C\u002Fstrong>, else \u003Cstrong>Desktop\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cstrong>Perfect source ordering\u003C\u002Fstrong>\u003Cbr \u002F>\nCustom media queries are \u003Cstrong>auto-sorted\u003C\u002Fstrong> so the correct \u003Ccode>\u003Csource>\u003C\u002Fcode> wins (most specific first). Works with \u003Ccode>max-width\u003C\u002Fcode>, \u003Ccode>min-width\u003C\u002Fcode>, and range queries.\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Key Features\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>Wraps multiple core \u003Cstrong>Image\u003C\u002Fstrong> blocks into a single semantic \u003Ccode>\u003Cpicture>\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>Pick \u003Cstrong>Desktop \u002F Tablet \u002F Mobile \u002F Custom\u003C\u002Fstrong> images (true art direction)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Override \u003Ccode>media\u003C\u002Fcode>\u003C\u002Fstrong> per Tablet\u002FMobile\u002FCustom (e.g., \u003Ccode>(max-width: 1200px)\u003C\u002Fcode>)\u003C\u002Fli>\n\u003Cli>Optional \u003Cstrong>\u003Ccode>sizes\u003C\u002Fcode> override\u003C\u002Fstrong> per source (advanced bandwidth tuning)\u003C\u002Fli>\n\u003Cli>Allows \u003Cstrong>width, height, aspect-ratio, object-fit\u003C\u002Fstrong> per breakpoint\u003C\u002Fli>\n\u003Cli>Uses \u003Cstrong>link + caption\u003C\u002Fstrong> from the Desktop (fallback) image\u003C\u002Fli>\n\u003Cli>Editor \u003Cstrong>preview\u003C\u002Fstrong> follows WordPress’ device switcher (Desktop\u002FTablet\u002FMobile)\u003C\u002Fli>\n\u003Cli>Prevents layout overflow; picture wrapper is fully responsive\u003C\u002Fli>\n\u003Cli>Works with standard WP image sizes and responsive \u003Ccode>srcset\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>Lightweight, no front-end JS — pure HTML\u002FCSS on the front end\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Why \u003Ccode>\u003Cpicture>\u003C\u002Fcode> (Art Direction 101)\u003C\u002Fh3>\n\u003Cp>When your layout needs \u003Cstrong>different imagery\u003C\u002Fstrong> across breakpoints (e.g., a vertical crop on phones and a wide landscape on desktops), you’re doing \u003Cstrong>art direction\u003C\u002Fstrong>. The \u003Ccode>\u003Cpicture>\u003C\u002Fcode> element enables this by letting the browser \u003Cstrong>choose an entire source\u003C\u002Fstrong> based on \u003Ccode>media\u003C\u002Fcode> conditions (and even file \u003Ccode>type\u003C\u002Fcode>, like AVIF\u002FWebP), not just a different width of the same file. The result is \u003Cstrong>better design control\u003C\u002Fstrong> and \u003Cstrong>faster pages\u003C\u002Fstrong> because each device downloads \u003Cstrong>only the most appropriate asset\u003C\u002Fstrong> for its layout saving you bandwidth as well as having compositions control.\u003C\u002Fp>\n\u003Ch3>Use Cases\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>Hero banners with \u003Cstrong>different crops\u003C\u002Fstrong> for mobile vs desktop  \u003C\u002Fli>\n\u003Cli>Product images where the \u003Cstrong>subject framing\u003C\u002Fstrong> changes on small screens  \u003C\u002Fli>\n\u003Cli>Editorial layouts that require \u003Cstrong>portrait vs landscape\u003C\u002Fstrong> compositions  \u003C\u002Fli>\n\u003Cli>File \u003Cstrong>format switching\u003C\u002Fstrong> (e.g., AVIF\u002FWebP with PNG\u002FJPEG fallback)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Usage\u003C\u002Fh3>\n\u003Col>\n\u003Cli>\u003Cstrong>Insert\u003C\u002Fstrong> the \u003Cstrong>Responsive Picture (Block)\u003C\u002Fstrong> block.  \u003C\u002Fli>\n\u003Cli>\u003Cstrong>Add Image blocks\u003C\u002Fstrong> inside it for: Desktop (fallback), Tablet, Mobile, and\u002For Custom.  \u003C\u002Fli>\n\u003Cli>\u003Cstrong>Select each Image\u003C\u002Fstrong> and open the \u003Cstrong>Responsive: Breakpoint\u003C\u002Fstrong> panel:\n\u003Cul>\n\u003Cli>\u003Cstrong>Viewport\u003C\u002Fstrong>: Desktop \u002F Tablet \u002F Mobile \u002F Custom  \u003C\u002Fli>\n\u003Cli>\u003Cstrong>Override media query\u003C\u002Fstrong> (Tablet\u002FMobile): optional (e.g., \u003Ccode>(max-width: 1200px)\u003C\u002Fcode>)  \u003C\u002Fli>\n\u003Cli>\u003Cstrong>Custom media query\u003C\u002Fstrong>: required when using the “Custom” viewport  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003Cli>(Optional) Open \u003Cstrong>Advanced: Sizes override\u003C\u002Fstrong> to set a custom \u003Ccode>sizes=\"\"\u003C\u002Fcode> for that source.  \u003C\u002Fli>\n\u003Cli>Use the editor’s \u003Cstrong>Desktop \u002F Tablet \u002F Mobile\u003C\u002Fstrong> preview to check the effective image per breakpoint.  \u003C\u002Fli>\n\u003Cli>Publish. The front end renders a single \u003Ccode>\u003Cpicture>\u003C\u002Fcode> with perfectly ordered \u003Ccode>\u003Csource>\u003C\u002Fcode> tags and a fallback \u003Ccode>\u003Cimg>\u003C\u002Fcode>.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch3>Block Details\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>Block name: \u003Ccode>ce\u002Fresponsive-picture\u003C\u002Fcode>  \u003C\u002Fli>\n\u003Cli>Children: one or more \u003Ccode>core\u002Fimage\u003C\u002Fcode> blocks  \u003C\u002Fli>\n\u003Cli>\n\u003Cp>Front-end HTML output:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>\u003Cpicture>\n  \u003Csource media=\"(max-width: 767px)\" srcset=\"…\" sizes=\"…\">\n  \u003Csource media=\"(max-width: 1024px)\" srcset=\"…\" sizes=\"…\">\n  \u003C!-- custom sources (auto-sorted) -->\n  \u003Cimg src=\"…\" srcset=\"…\" sizes=\"…\" alt=\"\">\n\u003C\u002Fpicture>\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003C\u002Fli>\n\u003C\u002Ful>\n","Create truly responsive, art-directed images in the block editor. Wrap multiple Image blocks (Desktop\u002FTablet\u002FMobile\u002FCustom) and render a single HTML e …",797,1,"2026-03-12T08:40:00.000Z","6.3",[85,86,87,88,89],"art-direction","block-editor","gutenberg","picture-element","responsive-images","https:\u002F\u002Fcoreessentials.online\u002Fplugins-for-wordpress\u002Fresponsive-picture-block\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fresponsive-picture-block.1.1.1.zip"]