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.

Emil Gustafsson

Upperdog

<p>This plugin automatically converts language accent characters in filenames when uploading to the media library. Characters are converted into browser and server friendly, non-accent characters.</p>
<h3>Features</h3>
<ul>
<li>Converts accent characters to non-accent, latin equivalents in Swedish, Danish, German, and more.</li>
<li>Removes special characters like exclamation marks, periods, hashtags, and more.</li>
<li>Lets you choose if you want to convert only image files, or all file types.</li>
<li>Makes site and server migrations easier thanks to non-accent character filenames.</li>
<li>Provides filter hook for developers who want to specify which file types to convert.</li>
</ul>
<h3>Examples</h3>
<ul>
<li>Räksmörgås.jpg <span aria-hidden="true" class="wp-exclude-emoji">→</span> raksmorgas.jpg</li>
<li>Æblegrød_FTW!.gif <span aria-hidden="true" class="wp-exclude-emoji">→</span> aeblegrod-ftw.gif</li>
<li>Château de Ferrières.png <span aria-hidden="true" class="wp-exclude-emoji">→</span> chateau-de-ferrieres.png</li>
</ul>
<h3>Worth noting</h3>
<p>The plugin only converts filenames when the files are being uploaded. It can not convert existing files.</p>
<h3>Filter for developers</h3>
<p>This filter provides developers a way to specify which file types the plugin should convert. This filter overrides the plugin settings on the media settings page. For a complete list of mime types, see <a href="http://en.wikipedia.org/wiki/Internet_media_type" rel="nofollow ugc">Wikipedia</a>.</p>
<p>The following example will convert PDF, JPEG and PNG files only:</p>
<pre><code>function my_clean_image_filenames_mime_types() {
    $mime_types = array(
        'application/pdf',
        'image/jpeg',
        'image/png',
    );
    return $mime_types;
}
add_filter( 'clean_image_filenames_mime_types', 'my_clean_image_filenames_mime_types' );
</code></pre>


Clean Image Filenames

Using it happily on many websites without any issue.

Does what it says


Works like indicated. Simple and efficient


Works as expected

This plugin automatically converts language accent characters to non-accent characters in filenames when uploading to the media library.

Theme Image Block vs Clean Image Filenames