Jeremy Felt

Happy Prime

philcable

slocker

The Theme Image Block plugin allows you to register images from your theme and make them available as blocks in the WordPress editor. This is useful for logos, icons, and other images that are part of your theme’s design system.
<h3>Usage</h3>
<h3>Registering Theme Images</h3>
Theme images should be registered using <code>HappyPrime\ThemeImageBlock\register_theme_image()</code>. This is likely best done on the <code>init</code> or <code>after_setup_theme</code> action.
<pre><code>HappyPrime\ThemeImageBlock\register_theme_image(
 'happy-prime-logo',
 [
 'title' => 'Happy Prime Logo',
 'description' => 'The Happy Prime logo.',
 'alt' => 'Happy Prime',
 'path' => 'images/happy-prime-logo.svg',
 'width' => '300',
 'height' => '',
 'variations' => [
 'small' => [
 'path' => 'images/happy-prime-logo-small.svg',
 'width' => '100',
 'height' => '100',
 ],
 'medium' => [
 'path' => 'images/happy-prime-logo-medium.svg',
 'width' => '200',
 'height' => '200',
 ],
 'large' => [
 'path' => 'images/happy-prime-logo-large.svg',
 'width' => '300',
 'height' => '300',
 ],
 ],
 'sizes' => '(max-width: 600px) 100vw, 300px',
 ]
);
</code></pre>
<h3>Registering Theme Image Styles</h3>
Theme image styles should be registered using <code>HappyPrime\ThemeImageBlock\register_theme_image_style()</code>. This is likely best done on the <code>init</code> or <code>after_setup_theme</code> action.
<pre><code>HappyPrime\ThemeImageBlock\register_theme_image_style(
 'hero',
 [
 'name' => 'Hero',
 'width' => 'clamp(10rem, 100vw, 60rem)',
 'height' => 'auto',
 ]
);
</code></pre>

Theme Image Block

Use images from your theme as blocks in content.

Jeff Starr

Easily disable any extra image sizes
This plugin provides options to disable the extra images generated by WordPress.
Options include
<ul>
<li>Disable Thumbnail Size</li>
<li>Disable Medium Size</li>
<li>Disable Large Size</li>
<li>Disable Medium Large (768px)</li>
<li>Disable 1536×1536 Size</li>
<li>Disable 2048×2048 Size</li>
<li>Disable Big/Scaled Size</li>
</ul>
The plugin settings screen does a good job of explaining the different image sizes. Should all be self-explanatory, let me know if anything can be improved.
Features
<ul>
<li>Lightweight and secure</li>
<li>Built with the WP API and standards</li>
<li>Simple to use – anyone can do it</li>
<li>One-click restore default options</li>
<li>Easy peasy.</li>
</ul>
Why is this useful?
<a href="https://perishablepress.com/disable-wordpress-generated-images/" rel="nofollow ugc">This article</a> explains everything you need to know about the “hows” and the “whys” and such.
Important
Please understand that this plugin:
<ul>
<li>Does not affect any existing images</li>
<li>Only works while the plugin is active</li>
<li>Does not delete any images</li>
<li>Only prevents WordPress from generating extra sized images</li>
<li>If all extra sizes are disabled, only original images will be uploaded</li>
</ul>
<a href="https://perishablepress.com/disable-wordpress-generated-images/" rel="nofollow ugc">Learn more</a> about the techniques and code used in this plugin.
Privacy
This plugin does not collect or store any user data. It does not set any cookies, and it does not connect to any third-party locations. Thus, this plugin does not affect user privacy in any way.
Disable Media Sizes is developed and maintained by <a href="https://x.com/perishable" rel="nofollow ugc">Jeff Starr</a>, 15-year <a href="https://plugin-planet.com/" rel="nofollow ugc">WordPress developer</a> and <a href="https://books.perishablepress.com/" rel="nofollow ugc">book author</a>.
Support development
I develop and maintain this free plugin with love for the WordPress community. To show support, you can <a href="https://monzillamedia.com/donate.html" rel="nofollow ugc">make a donation</a> or purchase one of my books:
<ul>
<li><a href="https://wp-tao.com/" rel="nofollow ugc">The Tao of WordPress</a></li>
<li><a href="https://digwp.com/" rel="nofollow ugc">Digging into WordPress</a></li>
<li><a href="https://htaccessbook.com/" rel="nofollow ugc">.htaccess made easy</a></li>
<li><a href="https://wp-tao.com/wordpress-themes-book/" rel="nofollow ugc">WordPress Themes In Depth</a></li>
<li><a href="https://books.perishablepress.com/downloads/wizards-collection-sql-recipes-wordpress/" rel="nofollow ugc">Wizard’s SQL Recipes for WordPress</a></li>
</ul>
And/or purchase one of my premium WordPress plugins:
<ul>
<li><a href="https://plugin-planet.com/bbq-pro/" rel="nofollow ugc">BBQ Pro</a> – Blazing fast WordPress firewall</li>
<li><a href="https://plugin-planet.com/blackhole-pro/" rel="nofollow ugc">Blackhole Pro</a> – Automatically block bad bots</li>
<li><a href="https://plugin-planet.com/banhammer-pro/" rel="nofollow ugc">Banhammer Pro</a> – Monitor traffic and ban the bad guys</li>
<li><a href="https://plugin-planet.com/ga-google-analytics-pro/" rel="nofollow ugc">GA Google Analytics Pro</a> – Connect WordPress to Google Analytics</li>
<li><a href="https://plugin-planet.com/head-meta-pro/" rel="nofollow ugc">Head Meta Pro</a> – Ultimate Meta Tags for WordPress</li>
<li><a href="https://plugin-planet.com/simple-ajax-chat-pro/" rel="nofollow ugc">Simple Ajax Chat Pro</a> – Unlimited chat rooms</li>
<li><a href="https://plugin-planet.com/usp-pro/" rel="nofollow ugc">USP Pro</a> – Unlimited front-end forms</li>
</ul>
Links, tweets and likes also appreciated. Thank you! 🙂

Disable Media Sizes

Provides options to disable the extra images generated by WordPress.

Theme Image Block vs Disable Media Sizes