Jeremy Felt

Happy Prime

philcable

slocker

<p>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.</p>
<h3>Usage</h3>
<h3>Registering Theme Images</h3>
<p>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.</p>
<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>
<p>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.</p>
<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.

unsplash

<p>With Unsplash for WordPress, searching the internet’s largest library of freely usable images for your posts and pages is easier than ever. Right from the WordPress editor, you can access millions of HD photos for free, with no strings attached.</p>
<h3>Search</h3>
<p>Search for the perfect image for your content from <a href="https://unsplash.com" rel="nofollow ugc">Unsplash</a> directly from your WordPress editor. Keyword search with instant results presents you with a beautiful list of gorgeous images that you can use freely, with no stock image licensing or attribution required.</p>
<h3>Adding images to your content</h3>
<p>Adding an image to your post is super easy. With one click the image is added both to your post, and automatically downloaded and added to your Media Library. <em>Supports both the Block Editor and Classic Editor.</em></p>
<p>Features and capabilities provided by the plugin include:</p>
<ul>
<li><strong>Free Images</strong>: All images are completely free to use for both commercial and personal uses. No strings attached.</li>
<li><strong>Keyword search</strong>: Search from our massive library of millions of free to use images using keyword search.</li>
<li><strong>Easy to access</strong>: The Unsplash tab is presented whenever you want to add an image.</li>
<li><strong>Media Library Integration</strong>: the images you select are automatically added to your WordPress site’s Media Library.</li>
<li><strong>Save time</strong>: No more having to source the image you need, download it, and upload it to your Media Library, the Unsplash plugin makes it easy for you and saves you time.</li>
<li><strong>Featured images</strong>: Support for adding images from Unsplash as your content’s Featured image.</li>
<li><strong>Hotlinking</strong>: Automatically hotlink images in your site to the Unsplash CDN, reducing your site’s bandwidth usage and speeding up delivery.</li>
<li><strong>Performance</strong>: Automatically serve the right size image to your users regardless of device and connection speed using Unsplash’s state-of-the-art CDN.</li>
<li><strong>Accessibility</strong>: Automatically include a relevant alt description for screen readers, visually reduced users, and SEO.</li>
<li><strong>Graceful Failover</strong>: Intelligent plugin design ensures that your site’s images will continue to appear to the user even if the Unsplash plugin is no longer active.</li>
<li><strong>Caption support</strong>: For themes that support display of the caption this will be provided automatically.</li>
</ul>


Unsplash

I really like the way unsplash works. The new media library tab is great, and  I appreciate that the photo is being moved into my media library as well.

I'd prefer that I not *have* to log in to use the plugin. Would be good if it still worked without that. But it's really great, everyone should try it.

Fantastic plugin

Buggy JavaScript breaks editor and many plugins.

.. Uncaught TypeError: this.activateMode is not a function

JS buggy

Search and use the internet’s largest library of freely usable images from Unsplash right from the WordPress editor.

Theme Image Block vs Unsplash