Title: Theme Image Block
Author: Happy Prime
Published: <strong>16 december 2025</strong>
Last modified: 20 februari 2026

---

Plugins zoeken

![](https://s.w.org/plugins/geopattern-icon/theme-image-block.svg)

# Theme Image Block

 Door [Happy Prime](https://profiles.wordpress.org/happyprime/)

[Download](https://downloads.wordpress.org/plugin/theme-image-block.1.1.1.zip)

 * [Details](https://nl.wordpress.org/plugins/theme-image-block/#description)
 * [Beoordelingen](https://nl.wordpress.org/plugins/theme-image-block/#reviews)
 *  [Installatie](https://nl.wordpress.org/plugins/theme-image-block/#installation)
 * [Ontwikkeling](https://nl.wordpress.org/plugins/theme-image-block/#developers)

 [Ondersteuning](https://wordpress.org/support/plugin/theme-image-block/)

## Beschrijving

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.

### Usage

### Registering Theme Images

Theme images should be registered using `HappyPrime\ThemeImageBlock\register_theme_image()`.
This is likely best done on the `init` or `after_setup_theme` action.

    ```
    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',
        ]
    );
    ```

### Registering Theme Image Styles

Theme image styles should be registered using `HappyPrime\ThemeImageBlock\register_theme_image_style()`.
This is likely best done on the `init` or `after_setup_theme` action.

    ```
    HappyPrime\ThemeImageBlock\register_theme_image_style(
        'hero',
        [
            'name'   => 'Hero',
            'width'  => 'clamp(10rem, 100vw, 60rem)',
            'height' => 'auto',
        ]
    );
    ```

## Blokken

Deze plugin heeft 1 blok.

 *   Theme Image Display an image from the theme's images directory.

## Installatie

 1. Install and activate the plugin.
 2. Register theme images using the `register_theme_image()` function.
 3. Register theme image styles using the `register_theme_image_style()` function.
 4. Use the Theme Image block in the editor to insert registered images.

## Beoordelingen

Er zijn geen beoordelingen voor deze plugin.

## Bijdragers & ontwikkelaars

“Theme Image Block” is open source software. De volgende personen hebben bijgedragen
aan deze plugin.

Bijdragers

 *   [ Happy Prime ](https://profiles.wordpress.org/happyprime/)
 *   [ Jeremy Felt ](https://profiles.wordpress.org/jeremyfelt/)
 *   [ slocker ](https://profiles.wordpress.org/slocker/)
 *   [ philcable ](https://profiles.wordpress.org/philcable/)

[Vertaal “Theme Image Block” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/theme-image-block)

### Interesse in ontwikkeling?

[Bekijk de code](https://plugins.trac.wordpress.org/browser/theme-image-block/),
haal de [SVN repository](https://plugins.svn.wordpress.org/theme-image-block/) op,
of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/theme-image-block/)
via [RSS](https://plugins.trac.wordpress.org/log/theme-image-block/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

### 1.1.1

 * Prevent fatal error on activation.
 * Improve HTML processing when rendering output.
 * Fix reference to renamed global JavaScript variable.
 * Fix textdomain mismatch.
 * Improve support for multiple theme image blocks in one editor view.

### 1.1.0

 * Initial release on wp.org.

### 1.0.0

 * Initial release.

## Meta

 *  Versie **1.1.1**
 *  Laatst geüpdatet **5 maanden geleden**
 *  Actieve installaties **Minder dan 10**
 *  WordPress versie ** 6.8 of nieuwer **
 *  Getest t/m **6.9.5**
 *  PHP versie ** 7.4 of nieuwer **
 *  Taal
 * [English (US)](https://wordpress.org/plugins/theme-image-block/)
 * Tags
 * [images](https://nl.wordpress.org/plugins/tags/images/)[media](https://nl.wordpress.org/plugins/tags/media/)
 *  [Geavanceerde weergave](https://nl.wordpress.org/plugins/theme-image-block/advanced/)

## Waarderingen

Er zijn nog geen beoordelingen ingediend.

[Your review](https://wordpress.org/support/plugin/theme-image-block/reviews/#new-post)

[Bekijk alle beoordelingen](https://wordpress.org/support/plugin/theme-image-block/reviews/)

## Bijdragers

 *   [ Happy Prime ](https://profiles.wordpress.org/happyprime/)
 *   [ Jeremy Felt ](https://profiles.wordpress.org/jeremyfelt/)
 *   [ slocker ](https://profiles.wordpress.org/slocker/)
 *   [ philcable ](https://profiles.wordpress.org/philcable/)

## Ondersteuning

Iets te melden? Hulp nodig?

 [Het supportforum bekijken](https://wordpress.org/support/plugin/theme-image-block/)