---
title: "WordPress"
description: "Add dynamic OG images to WordPress with the Imejis.io API. A small functions.php snippet proxies the render server-side and sets og:image on every post."
url: "https://www.imejis.io/apis/wordpress"
published: "2026-07-27"
---

# WordPress

## WordPress

Give every post a unique, on-brand OG image from one Imejis template, no page builder required. The snippet below registers a REST proxy so your API key stays on the server, then sets `og:image` automatically on single posts.

First define your credentials in `wp-config.php`.

```php showLineNumbers title="wp-config.php"
define('IMEJIS_API_KEY', 'your_api_key');
define('IMEJIS_DESIGN_ID', 'your_design_id');
```

### 1. A REST proxy that renders the image

```php showLineNumbers title="functions.php"
add_action('rest_api_init', function () {
    register_rest_route('imejis/v1', '/og', [
        'methods'             => 'GET',
        'callback'            => 'imejis_render_og',
        'permission_callback' => '__return_true',
    ]);
});

function imejis_render_og($request) {
    $title = sanitize_text_field($request->get_param('title') ?: 'Untitled');

    $response = wp_remote_post('https://render.imejis.io/v1/' . IMEJIS_DESIGN_ID, [
        'headers' => [
            'dma-api-key'  => IMEJIS_API_KEY,
            'Content-Type' => 'application/json',
        ],
        'body'    => wp_json_encode(['headline.text' => $title]),
        'timeout' => 20,
    ]);

    header('Content-Type: image/jpeg');
    header('Cache-Control: public, immutable, no-transform, max-age=31536000');
    echo wp_remote_retrieve_body($response);
    exit;
}
```

### 2. Set og:image on every single post

```php showLineNumbers title="functions.php"
add_action('wp_head', function () {
    if (! is_singular()) {
        return;
    }
    $url = home_url('/wp-json/imejis/v1/og?title=' . rawurlencode(get_the_title()));
    printf('<meta property="og:image" content="%s" />' . "\n", esc_url($url));
    echo '<meta name="twitter:card" content="summary_large_image" />' . "\n";
});
```

**Override any field.** Each dynamic component exposes keys like `headline.text`, `title.color`, or `image.image`. Send only the ones you want to change, and add more query params as needed. A design's overridable fields are listed in its Share / API panel.