{"id":10936,"date":"2026-05-23T00:29:49","date_gmt":"2026-05-22T16:29:49","guid":{"rendered":"https:\/\/aeosub.com\/creotec-title-card-images-for-open-graph\/"},"modified":"2026-05-23T00:29:49","modified_gmt":"2026-05-22T16:29:49","slug":"creotec-title-card-images-for-open-graph","status":"publish","type":"post","link":"https:\/\/aeosub.com\/zh\/creotec-title-card-images-for-open-graph\/","title":{"rendered":"Creotec Title Card Images for Open Graph"},"content":{"rendered":"<div class=\"post-img\" style=\"margin-bottom: 25px\"><img decoding=\"async\" src=\"https:\/\/ps.w.org\/creotec-title-card-images-for-open-graph\/assets\/banner-1544x500.jpg?rev=3544166\" alt=\"Creotec Title Card Images for Open Graph\" style=\"width: 100%;height: auto;border-radius: 12px\"><\/div>\n<div class=\"plugin-info-card\" style=\"border: 1px solid #e2e8f0;border-radius: 10px;overflow: hidden;margin-bottom: 30px;font-family: -apple-system, system-ui, sans-serif;background: #fff\">\n<table style=\"width: 100%;border-collapse: collapse;font-size: 14px\">\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 15px 20px;text-align: left;width: 35%;color: #4a5568;background: #fcfcfc\"><img decoding=\"async\" src=\"https:\/\/ps.w.org\/creotec-title-card-images-for-open-graph\/assets\/icon.svg?rev=3544166\" style=\"width: 40px;height: 40px;border-radius: 6px;margin-right: 12px;vertical-align: middle\"> Developer<\/th>\n<td style=\"padding: 15px 20px;font-weight: 500\"><a href=\"https:\/\/profiles.wordpress.org\/nativebreed\/\" target=\"_blank\" rel=\"noopener\">nativebreed<\/a><\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Version<\/th>\n<td style=\"padding: 12px 20px\">v1.5.0<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Active Installs<\/th>\n<td style=\"padding: 12px 20px\">0 +<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Requires \/ Tested<\/th>\n<td style=\"padding: 12px 20px\">5.8 \/ 7.0<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Last Updated<\/th>\n<td style=\"padding: 12px 20px\">2026-05-22 4:14pm GMT<\/td>\n<\/tr>\n<tr>\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Official Link<\/th>\n<td style=\"padding: 12px 20px\"><a href=\"https:\/\/wordpress.org\/plugins\/creotec-title-card-images-for-open-graph\/\" target=\"_blank\" style=\"text-decoration: none;color: #4a3bca;font-weight: bold\" rel=\"noopener\">View Details \u2192<\/a><\/td>\n<\/tr>\n<\/table><\/div>\n<div class=\"plugin-short-desc\" style=\"margin: 20px 0;padding: 12px 15px;background: #f9fafb;border-left: 4px solid #4a3bca;border-radius: 6px;font-style: italic;color: #4a5568\">Combines a post&#039;s featured image and title to dynamically generate an image and sets it as the Open Graph image for the post.<\/div>\n<p>Creotec Title Card Images for Open Graph creates a generated JPEG or WebP image for supported<br \/>\nposts, pages, and public custom post types by combining the content title with<br \/>\nthe featured image. Oversized featured images are resized to a maximum width of<br \/>\n1200px before the generated image is saved. The generated image is stored in:<\/p>\n<p>wp-content\/uploads\/creotec-title-card-images-for-open-graph\/<\/p>\n<p>The plugin updates Open Graph image metadata for:<\/p>\n<ul>\n<li>og:type<\/li>\n<li>og:title<\/li>\n<li>og:url<\/li>\n<li>og:image<\/li>\n<li>og:image:width<\/li>\n<li>og:image:height<\/li>\n<li>og:image:type<\/li>\n<\/ul>\n<p>When Yoast SEO is active, the plugin uses Yoast&#8217;s Open Graph filters for the<br \/>\ngenerated image. On supported singular content, it also checks wp_head output,<br \/>\nreplaces existing Open Graph image tags with the generated image tags, and adds<br \/>\nonly missing required non-image Open Graph tags. This allows it to work with SEO<br \/>\nplugins and themes that already output Open Graph metadata.<\/p>\n<p>The generated image is refreshed when the post title changes, when the featured<br \/>\nimage changes, when the featured image is removed, or when the plugin settings<br \/>\nchange.<\/p>\n<h3>Settings<\/h3>\n<p>Go to Settings &gt; Creotec Title Card Images for Open Graph.<\/p>\n<p>Available options:<\/p>\n<ul>\n<li>Title position: above, below, or middle of the featured image.<\/li>\n<li>Title text colour.<\/li>\n<li>Title background colour.<\/li>\n<li>Additional text: optional single-line text shown below the title.<\/li>\n<li>Additional text colour.<\/li>\n<li>Title font size, with automatic sizing available.<\/li>\n<li>Additional text font size, with automatic sizing available.<\/li>\n<li>Generated image format: JPEG or WebP when supported by the server.<\/li>\n<\/ul>\n<h3>Admin Posts List<\/h3>\n<p>The plugin adds an Open Graph Image column to the admin posts list. The column uses<br \/>\nicons to show whether a generated image exists, is missing, is stale, or cannot<br \/>\nbe generated because the post has no featured image. Missing images are shown as<br \/>\na neutral status with an action icon to generate the image.<\/p>\n<p>The posts list also includes a Generate Open Graph Images bulk action.<\/p>\n<h3>Notes<\/h3>\n<p>The plugin uses PHP GD to generate images. TrueType text is used when a readable<br \/>\nfont is available. Open Sans Bold is bundled and used by default for consistent<br \/>\nrendering across environments. You can provide a specific font with the<br \/>\ncreotcog_font_file filter.<\/p>\n<p>The bundled Open Sans font is distributed under the SIL Open Font License in<br \/>\nassets\/fonts\/OFL.txt.<\/p>\n<p>By default, public post types that support featured images are handled,<br \/>\nincluding posts, pages, and eligible custom post types. Developers can narrow or<br \/>\nadjust this with the creotcog_supported_post_types filter.<\/p>\n<h3>License<\/h3>\n<p>This plugin is free software: you can redistribute it and\/or modify<br \/>\nit under the terms of the GNU General Public License as published by<br \/>\nthe Free Software Foundation, either version 2 of the License, or<br \/>\n(at your option) any later version.<\/p>\n<p>This plugin is distributed in the hope that it will be useful,<br \/>\nbut WITHOUT ANY WARRANTY; without even the implied warranty of<br \/>\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the<br \/>\nGNU General Public License for more details.<\/p>\n<h3>Credits<\/h3>\n<p>Developed and maintained by <a href=\"https:\/\/www.creotec.com\/\" rel=\"nofollow ugc noopener\" target=\"_blank\">Michael Gbadebo @ Creotec Limited<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Combines a post&#039;s featured image and title to dynamically generate an image and sets it as the Open Graph image for the post.<\/p>","protected":false},"author":1,"featured_media":9317,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[252],"tags":[1655,1774,876,1775,555,1776],"class_list":["post-10936","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-trends","tag-featured-image","tag-og-image","tag-open-graph","tag-social-image","tag-wordpress-plugin","tag-yoast-seo"],"_links":{"self":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/10936","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/comments?post=10936"}],"version-history":[{"count":0,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/10936\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media\/9317"}],"wp:attachment":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media?parent=10936"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/categories?post=10936"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/tags?post=10936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}