Title: Theme Image Block
Author: Happy Prime
Published: <strong>Disyembre 16, 2025</strong>
Last modified: Pebrero 20, 2026

---

Maghanap ng mga plugin

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

# Theme Image Block

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

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

 * [Mga Detalye](https://tl.wordpress.org/plugins/theme-image-block/#description)
 * [Mga Review](https://tl.wordpress.org/plugins/theme-image-block/#reviews)
 *  [Pag-install](https://tl.wordpress.org/plugins/theme-image-block/#installation)
 * [Development](https://tl.wordpress.org/plugins/theme-image-block/#developers)

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

## Deskripsyon

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

## Blocks

Ang plugin na ito ay nagbibigay ng 1 block.

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

## Pag-install

 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.

## Mga Review

Wala pang reviews para sa plugin na ito.

## Mga Contributor at Developer

Ang “Theme Image Block” ay open source software. Ang mga sumusunod na tao ay nag-
ambag sa plugin na ito.

Mga Contributor

 *   [ 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/)

[Isalin ang “Theme Image Block” sa iyong wika.](https://translate.wordpress.org/projects/wp-plugins/theme-image-block)

### Interesado sa development?

[Tingnan ang code](https://plugins.trac.wordpress.org/browser/theme-image-block/),
i-check ang [SVN repository](https://plugins.svn.wordpress.org/theme-image-block/),
o mag-subscribe sa [development log](https://plugins.trac.wordpress.org/log/theme-image-block/)
sa pamamagitan ng [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

 *  Bersyon **1.1.1**
 *  Huling na-update **3 buwan ang nakalipas**
 *  Mga aktibong installation **Wala pang 10**
 *  Bersyon ng WordPress ** 6.8 o mas bago **
 *  Sinubukan hanggang **6.9.4**
 *  Bersyon ng PHP ** 7.4 o mas bago **
 *  Wika
 * [English (US)](https://wordpress.org/plugins/theme-image-block/)
 * Mga Tag
 * [images](https://tl.wordpress.org/plugins/tags/images/)[media](https://tl.wordpress.org/plugins/tags/media/)
 *  [Advanced View](https://tl.wordpress.org/plugins/theme-image-block/advanced/)

## Mga Rating

No reviews have been submitted yet.

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

[Tingnan lahat ng review](https://wordpress.org/support/plugin/theme-image-block/reviews/)

## Mga Contributor

 *   [ 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/)

## Suporta

May gusto kang sabihin? Kailangan ng tulong?

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