Buy Now

Custom Data

Besides a plethora of options, SleekPixel allows you to add custom entries to the dynamic data dropdown in the editor. This can be achieved using the sleekPixel/data/custom filter.

functions.php

add_filter(
  "sleekPixel/data/custom", function ($data, $args) {
    $postId = $args["postId"];

    // Add custom data entry 1
    $data[] = [
      "value" => "customData1",
      "label" => "Custom data",
      "data" => get_field('my_field', $postId),
    ];

    // Add custom data entry 2
    $data[] = [
      "value" => "customData2",
      "label" => "Custom data 2",
      "data" => "My custom title #2",
    ];

    return $data;
  }, 10, 2 );
                Copy

× Close

Buy Now

× Close

/custom-data
Besides a plethora of options, SleekPixel allows you to add custom entries to the dynamic data dropdown in the editor. This can be achieved using the sleekPixel/data/custom filter.
/general
SleekPixel is a powerful WordPress plugin that transforms how you create and manage dynamic images for your website. Using an intuitive drag-and-drop editor directly within the WordPress Admin dashboard, you can design beautiful, dynamic images without writing complex code. These images automatically update based on your WordPress content, making it perfect for social media previews, featured images, and more.
- #key-features
  - Dynamic Image Generation: Create images that automatically update with your content changes - Drag-and-Drop Editor: Design images easily with a user-friendly interface - Multiple Output Types: Generate images for: Open Graph (Facebook) Twitter Cards Featured Images Combined Social Media Images - Smart Text Handling: Automatic text scaling and alignment for varying content lengths - Google Fonts Integration: Access to the entire Google Fonts library - Flexible Locations: Control where and when your dynamic images appear - Template System: Save and reuse designs across your website - Custom Data Support: Extend functionality with your own dynamic data sources - Optimization Options: Choose between different image formats and processing methods
- #how-it-works
  SleekPixel seamlessly integrates with WordPress to provide a complete dynamic image solution: Design: Create your image templates using the visual editor Configure: Set up locations and conditions for where images should appear Connect: Link your designs to dynamic content sources Generate: Images are automatically created and updated as needed
- #processing-options
  SleekPixel offers two processing methods to suit different needs: - Synchronous Processing: Images generate immediately when needed - Asynchronous Processing: Images generate in the background for better performance
- #integration-methods
  Implement SleekPixel-generated images in various ways: - Automatic Integration: Images appear automatically based on location rules - PHP Functions: Use provided functions in your theme or plugin - Shortcodes: Embed images directly in your content - WordPress Hooks: Extend and customize functionality SleekPixel is designed to solve common challenges in managing dynamic images for WordPress websites, making it an essential tool for creating professional, consistent, and automatically updated visuals across your site.
/hooks
- php
  Below you'll find a list of all available PHP hooks that can be used to extend or adjust the functionality of the plugin.
/i18n
While SleekPixel doesn't currently support internationalization directly through the UI, you can use the sleekPixel/data/custom filter to add translated content from WPML or other translation plugins.
- #example-adding-wpml-translated-post-titles
  Here's how you can add translated post titles from WPML to be available in your templates: add_filter( "sleekPixel/data/custom", function ($data, $args) { $postId = $args["postId"]; // Get current language $currentLang = apply_filters('wpml_current_language', null); // Get post title in current language $translatedTitle = apply_filters('wpml_translate_single_string', get_the_title($postId), 'post_title', 'post_' . $postId . '_title', $currentLang ); // Add translated title to data array $data[] = [ "value" => "translatedTitle", "label" => "Translated Title", "data" => $translatedTitle, ]; return $data; }, 10, 2 ); This example will add the translated post title for the current language in WPML.
/info
- how-text-works
  Understanding how text works in SleekPixel is crucial for creating designs that work reliably with dynamic content. The text system is designed to handle varying content lengths while maintaining your design's integrity.
- rendering-differences
  Understanding the subtle differences between what you see in the SleekPixel editor and the final generated image is important for achieving the best results. While we continuously work to minimize these differences, some variations may occur due to the nature of different rendering engines.
/locations
Under the Locations tab in your project, you can specify exactly where you want these images to appear on your site. This allows you to control the visibility and placement of the dynamically generated images across different pages and posts.
- #output-types
  SleekPixel offers four specific output types: Open Graph: Generates images tailored for Open Graph meta tags, ensuring rich previews on social platforms like Facebook. Twitter Card: Creates images optimized for Twitter Card meta tags, enhancing Twitter post previews. Open Graph + Twitter Card: Combines both, producing images compatible with both platforms. Featured Image: Automatically generates featured images for your posts, enhancing their visual appeal on your website.
- #open-graph
  When you select the Open Graph image type, SleekPixel generates images specifically optimized for Open Graph meta tags (og:image). These images will always overwrite any SEO plugin-set images for Open Graph, ensuring that your dynamically generated images are used when your content is shared on social platforms like Facebook.
- #twitter-card
  When you choose the Twitter Card image type, SleekPixel generates images specifically optimized for Twitter Card meta tags (twitter:image). These images will always overwrite any SEO plugin-set images for Twitter Cards, ensuring that your dynamically generated images enhance the preview of your content when shared on Twitter.
- #open-graph--twitter-card
  Selecting Open Graph + Twitter Card allows SleekPixel to generate images compatible with both Open Graph and Twitter Card meta tags. These images will always overwrite any SEO plugin-set images for both Open Graph and Twitter Cards, ensuring consistent and optimized previews across multiple social media platforms.
- #featured-image
  When you select the Featured Image type, SleekPixel automatically generates featured images for your posts, enhancing their visual appeal on your website. These dynamically generated images will replace the default featured images for your posts. Important Note: For the Featured Image functionality to work, there must be at least one item in your media library. SleekPixel uses an existing media item as a base for the post_thumbnail_html filter. This is necessary because WordPress requires a media attachment to generate the featured image HTML, and SleekPixel leverages this mechanism to insert the dynamically generated image into your posts.
- #conditions-and-values
  SleekPixel allows you to set specific conditions for where and how your images are displayed. These conditions correspond to WordPress functions and help you fine-tune the display of your dynamically generated images.
- #values
  These options let you target specific elements in your WordPress site: - Post Type: Target specific post types. - Post: Target individual posts by their ID. - Post Status: Target posts based on their status (e.g., published, draft). - Page Template: Target pages using a specific page template. - Taxonomy: Target posts associated with a specific taxonomy. - Term: Target posts associated with a specific term within a taxonomy.
- #conditions
  These options correspond to WordPress conditional tags and allow you to target specific types of pages or conditions: - Is Home: Corresponds to is_home(). Checks if the main blog page is being displayed. - Is Front Page: Corresponds to is_front_page(). Checks if the front page is being displayed. - Is Page: Corresponds to is_page(). Checks if any single Page is being displayed. - Is Single Page: Corresponds to is_single(). Checks if any single Post is being displayed. - Is Singular Page: Corresponds to is_singular(). Checks if any single Post of any post type (Post, Page, Attachment) is being displayed. - Is Search Page: Corresponds to is_search(). Checks if a search result page is being displayed. - Is Archive Page: Corresponds to is_archive(). Checks if an archive page is being displayed. - Is Post Type Archive: Corresponds to is_post_type_archive(). Checks if a post type archive page is being displayed. - Is Category Page: Corresponds to is_category(). Checks if a category archive page is being displayed. - Is Tag Page: Corresponds to is_tag(). Checks if a tag archive page is being displayed. - Is Taxonomy Page: Corresponds to is_tax(). Checks if a taxonomy archive page is being displayed. - Is Author Page: Corresponds to is_author(). Checks if an author archive page is being displayed. - Is Date Page: Corresponds to is_date(). Checks if a date-based archive page is being displayed. - Is Year Archive: Corresponds to is_year(). Checks if a yearly archive page is being displayed. - Is Month Archive: Corresponds to is_month(). Checks if a monthly archive page is being displayed. - Is Day Archive: Corresponds to is_day(). Checks if a daily archive page is being displayed. - Is Time Archive: Corresponds to is_time(). Checks if a time-based archive page is being displayed. - Is Attachment Page: Corresponds to is_attachment(). Checks if an attachment page is being displayed. - Is 404 Page: Corresponds to is_404(). Checks if a 404 Not Found page is being displayed. - Has Featured Image: Checks if the post has a featured image set.
/rendering
- function
  SleekPixel provides several PHP functions that allow you to easily render and manipulate dynamic images in your WordPress theme or plugin. These functions offer flexibility in how you integrate SleekPixel-generated images into your site.
- shortcode
  SleekPixel provides a powerful shortcode that allows you to easily embed dynamic images in your WordPress content. This shortcode offers a flexible way to display SleekPixel-generated images within your posts, pages, or custom post types.
/settings
- api-keys
  The API Keys section allows you to integrate Google Fonts into your SleekPixel designs. By adding a Google Fonts API key, you'll gain access to the entire Google Fonts library for use in your generated images.
- custom-fonts
  The Custom Fonts section allows you to upload and manage your own font files, enabling you to maintain brand consistency and use unique typography in your SleekPixel designs.
- options
  The Options section allows you to configure how SleekPixel generates and processes images. These settings affect all images created through the plugin.

× Close

Navigation

× Close

/custom-data
Besides a plethora of options, SleekPixel allows you to add custom entries to the dynamic data dropdown in the editor. This can be achieved using the sleekPixel/data/custom filter.
/general
SleekPixel is a powerful WordPress plugin that transforms how you create and manage dynamic images for your website. Using an intuitive drag-and-drop editor directly within the WordPress Admin dashboard, you can design beautiful, dynamic images without writing complex code. These images automatically update based on your WordPress content, making it perfect for social media previews, featured images, and more.
- #key-features
  - Dynamic Image Generation: Create images that automatically update with your content changes - Drag-and-Drop Editor: Design images easily with a user-friendly interface - Multiple Output Types: Generate images for: Open Graph (Facebook) Twitter Cards Featured Images Combined Social Media Images - Smart Text Handling: Automatic text scaling and alignment for varying content lengths - Google Fonts Integration: Access to the entire Google Fonts library - Flexible Locations: Control where and when your dynamic images appear - Template System: Save and reuse designs across your website - Custom Data Support: Extend functionality with your own dynamic data sources - Optimization Options: Choose between different image formats and processing methods
- #how-it-works
  SleekPixel seamlessly integrates with WordPress to provide a complete dynamic image solution: Design: Create your image templates using the visual editor Configure: Set up locations and conditions for where images should appear Connect: Link your designs to dynamic content sources Generate: Images are automatically created and updated as needed
- #processing-options
  SleekPixel offers two processing methods to suit different needs: - Synchronous Processing: Images generate immediately when needed - Asynchronous Processing: Images generate in the background for better performance
- #integration-methods
  Implement SleekPixel-generated images in various ways: - Automatic Integration: Images appear automatically based on location rules - PHP Functions: Use provided functions in your theme or plugin - Shortcodes: Embed images directly in your content - WordPress Hooks: Extend and customize functionality SleekPixel is designed to solve common challenges in managing dynamic images for WordPress websites, making it an essential tool for creating professional, consistent, and automatically updated visuals across your site.
/hooks
- php
  Below you'll find a list of all available PHP hooks that can be used to extend or adjust the functionality of the plugin.
/i18n
While SleekPixel doesn't currently support internationalization directly through the UI, you can use the sleekPixel/data/custom filter to add translated content from WPML or other translation plugins.
- #example-adding-wpml-translated-post-titles
  Here's how you can add translated post titles from WPML to be available in your templates: add_filter( "sleekPixel/data/custom", function ($data, $args) { $postId = $args["postId"]; // Get current language $currentLang = apply_filters('wpml_current_language', null); // Get post title in current language $translatedTitle = apply_filters('wpml_translate_single_string', get_the_title($postId), 'post_title', 'post_' . $postId . '_title', $currentLang ); // Add translated title to data array $data[] = [ "value" => "translatedTitle", "label" => "Translated Title", "data" => $translatedTitle, ]; return $data; }, 10, 2 ); This example will add the translated post title for the current language in WPML.
/info
- how-text-works
  Understanding how text works in SleekPixel is crucial for creating designs that work reliably with dynamic content. The text system is designed to handle varying content lengths while maintaining your design's integrity.
- rendering-differences
  Understanding the subtle differences between what you see in the SleekPixel editor and the final generated image is important for achieving the best results. While we continuously work to minimize these differences, some variations may occur due to the nature of different rendering engines.
/locations
Under the Locations tab in your project, you can specify exactly where you want these images to appear on your site. This allows you to control the visibility and placement of the dynamically generated images across different pages and posts.
- #output-types
  SleekPixel offers four specific output types: Open Graph: Generates images tailored for Open Graph meta tags, ensuring rich previews on social platforms like Facebook. Twitter Card: Creates images optimized for Twitter Card meta tags, enhancing Twitter post previews. Open Graph + Twitter Card: Combines both, producing images compatible with both platforms. Featured Image: Automatically generates featured images for your posts, enhancing their visual appeal on your website.
- #open-graph
  When you select the Open Graph image type, SleekPixel generates images specifically optimized for Open Graph meta tags (og:image). These images will always overwrite any SEO plugin-set images for Open Graph, ensuring that your dynamically generated images are used when your content is shared on social platforms like Facebook.
- #twitter-card
  When you choose the Twitter Card image type, SleekPixel generates images specifically optimized for Twitter Card meta tags (twitter:image). These images will always overwrite any SEO plugin-set images for Twitter Cards, ensuring that your dynamically generated images enhance the preview of your content when shared on Twitter.
- #open-graph--twitter-card
  Selecting Open Graph + Twitter Card allows SleekPixel to generate images compatible with both Open Graph and Twitter Card meta tags. These images will always overwrite any SEO plugin-set images for both Open Graph and Twitter Cards, ensuring consistent and optimized previews across multiple social media platforms.
- #featured-image
  When you select the Featured Image type, SleekPixel automatically generates featured images for your posts, enhancing their visual appeal on your website. These dynamically generated images will replace the default featured images for your posts. Important Note: For the Featured Image functionality to work, there must be at least one item in your media library. SleekPixel uses an existing media item as a base for the post_thumbnail_html filter. This is necessary because WordPress requires a media attachment to generate the featured image HTML, and SleekPixel leverages this mechanism to insert the dynamically generated image into your posts.
- #conditions-and-values
  SleekPixel allows you to set specific conditions for where and how your images are displayed. These conditions correspond to WordPress functions and help you fine-tune the display of your dynamically generated images.
- #values
  These options let you target specific elements in your WordPress site: - Post Type: Target specific post types. - Post: Target individual posts by their ID. - Post Status: Target posts based on their status (e.g., published, draft). - Page Template: Target pages using a specific page template. - Taxonomy: Target posts associated with a specific taxonomy. - Term: Target posts associated with a specific term within a taxonomy.
- #conditions
  These options correspond to WordPress conditional tags and allow you to target specific types of pages or conditions: - Is Home: Corresponds to is_home(). Checks if the main blog page is being displayed. - Is Front Page: Corresponds to is_front_page(). Checks if the front page is being displayed. - Is Page: Corresponds to is_page(). Checks if any single Page is being displayed. - Is Single Page: Corresponds to is_single(). Checks if any single Post is being displayed. - Is Singular Page: Corresponds to is_singular(). Checks if any single Post of any post type (Post, Page, Attachment) is being displayed. - Is Search Page: Corresponds to is_search(). Checks if a search result page is being displayed. - Is Archive Page: Corresponds to is_archive(). Checks if an archive page is being displayed. - Is Post Type Archive: Corresponds to is_post_type_archive(). Checks if a post type archive page is being displayed. - Is Category Page: Corresponds to is_category(). Checks if a category archive page is being displayed. - Is Tag Page: Corresponds to is_tag(). Checks if a tag archive page is being displayed. - Is Taxonomy Page: Corresponds to is_tax(). Checks if a taxonomy archive page is being displayed. - Is Author Page: Corresponds to is_author(). Checks if an author archive page is being displayed. - Is Date Page: Corresponds to is_date(). Checks if a date-based archive page is being displayed. - Is Year Archive: Corresponds to is_year(). Checks if a yearly archive page is being displayed. - Is Month Archive: Corresponds to is_month(). Checks if a monthly archive page is being displayed. - Is Day Archive: Corresponds to is_day(). Checks if a daily archive page is being displayed. - Is Time Archive: Corresponds to is_time(). Checks if a time-based archive page is being displayed. - Is Attachment Page: Corresponds to is_attachment(). Checks if an attachment page is being displayed. - Is 404 Page: Corresponds to is_404(). Checks if a 404 Not Found page is being displayed. - Has Featured Image: Checks if the post has a featured image set.
/rendering
- function
  SleekPixel provides several PHP functions that allow you to easily render and manipulate dynamic images in your WordPress theme or plugin. These functions offer flexibility in how you integrate SleekPixel-generated images into your site.
- shortcode
  SleekPixel provides a powerful shortcode that allows you to easily embed dynamic images in your WordPress content. This shortcode offers a flexible way to display SleekPixel-generated images within your posts, pages, or custom post types.
/settings
- api-keys
  The API Keys section allows you to integrate Google Fonts into your SleekPixel designs. By adding a Google Fonts API key, you'll gain access to the entire Google Fonts library for use in your generated images.
- custom-fonts
  The Custom Fonts section allows you to upload and manage your own font files, enabling you to maintain brand consistency and use unique typography in your SleekPixel designs.
- options
  The Options section allows you to configure how SleekPixel generates and processes images. These settings affect all images created through the plugin.

Custom Data

General

Deals

Legal

Try

General

Features

Integrations

Help

General

Features

Use cases

Help

General

Features

Views

Help

General

Help

MultitaskAI

Blockstudio

SleekWP

OneClick Pro

KickstartUI

Glaze