{"id":74140,"date":"2025-05-16T21:00:49","date_gmt":"2025-05-16T13:00:49","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=74140"},"modified":"2025-05-12T19:18:31","modified_gmt":"2025-05-12T11:18:31","slug":"customize-wordpress-post-embeds","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/customize-wordpress-post-embeds\/","title":{"rendered":"5 Ways to Customize Your WordPress Post Embeds"},"content":{"rendered":"<p>WordPress introduced post embeds in version 4.4, allowing you to easily share and display WordPress posts from one site to another. When you paste a link to a WordPress post, it automatically appears as a styled preview with the title, excerpt, and featured image.<\/p>\n<p>While this feature makes sharing content simple, the default look might not always match your website\u2019s style or layout, as we can see below.<\/p>\n<figure> <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-post-embeds\/embed-default-look.jpg\" alt=\"Default WordPress post embeds look\" width=\"1000\" height=\"600\"><figcaption>Default WordPress post embeds look<\/figcaption><\/figure>\n<p>Fortunately, WordPress provides several ways to customize these embeds to better fit your design. In this article, we\u2019ll explore different ways to tweak and personalize WordPress post embeds, so they blend seamlessly with your site.<\/p>\n<hr>\n<h2>1. Customizing the Styles<\/h2>\n<p>You can easily change the embed\u2019s appearance to better match your website\u2019s theme by adding a custom CSS file with the <code><a href=\"https:\/\/developer.wordpress.org\/reference\/hooks\/enqueue_embed_scripts\/\" target=\"_blank\" rel=\"noopener noreferrer\">enqueue_embed_scripts<\/a><\/code> hook, which ensures it\u2019s loaded when the embed is displayed. You can add it in your theme\u2019s <code>functions.php<\/code> file, for example:<\/p>\n<pre>\r\nadd_action( 'enqueue_embed_scripts', function () {\r\n    wp_enqueue_style(\r\n        'my-theme-embed',\r\n        get_theme_file_uri( 'embed.css' ),\r\n        ['wp-embed-template']\r\n    );\r\n} );\r\n<\/pre>\n<p>This function tells WordPress to load your custom <code>embed.css<\/code> file when rendering an embedded post. Now, you can define your own styles in <code>css\/embed.css<\/code> to modify the look of the embed. For example, you can adjust the typography, colors, or layout with CSS like this:<\/p>\n<pre>\r\n.wp-embed {\r\n    background-color: #f9f9f9;\r\n    border: 1px solid #eee;\r\n    border-radius: 8px;\r\n}\r\n\r\n.wp-embed-featured-image img {\r\n    border-radius: 5px;\r\n}\r\n<\/pre>\n<p>With these changes, your WordPress post embeds will have a unique style that aligns with your site\u2019s design, as shown below:<\/p>\n<figure> <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-post-embeds\/embed-styes.jpg\" alt=\"Custom styled WordPress post embed with modern design\" width=\"1000\" height=\"600\"> <\/figure>\n<hr>\n<h2>2. Customizing the Image<\/h2>\n<p>By default, WordPress post embeds use a predefined image size for the featured image. However, you can customize this to better match your design by specifying a different image size.<\/p>\n<p>For example, if you want the embed image to be a perfect square but don\u2019t have a square image size set up yet, you can define one using the following code in your theme\u2019s <code>functions.php<\/code> file. This code will create a new image size called <code>embed-square<\/code>, which crops images precisely to <strong>300\u00d7300<\/strong> pixels.<\/p>\n<pre>\r\nadd_action( 'after_setup_theme', function () {\r\n    add_image_size( 'embed-square', 300, 300, true );\r\n} );\r\n<\/pre>\n<p>Then, use the <code><a href=\"https:\/\/developer.wordpress.org\/reference\/hooks\/embed_thumbnail_image_size\/\" target=\"_blank\" rel=\"noopener noreferrer\">embed_thumbnail_image_size<\/a><\/code> hook<\/p>\n<pre>\r\nadd_filter( 'embed_thumbnail_image_size', function () {\r\n    return 'embed-square';\r\n} );\r\n<\/pre>\n<p>If you\u2019ve already uploaded images before adding this code, WordPress won\u2019t automatically generate the new <code>embed-square<\/code> size for them. To fix this, you can use the <a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/\" target=\"_blank\" rel=\"noopener noreferrer\">Regenerate Thumbnails<\/a> plugin. This ensures that all your older featured images are available in the new size and display correctly in post embeds.<\/p>\n<p>Now, your WordPress post embeds will now use the <code>embed-square<\/code> image size, as shown below:<\/p>\n<figure> <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-post-embeds\/embed-featured-image.jpg\" alt=\"WordPress post embed with square featured image\" width=\"1000\" height=\"600\"> <\/figure>\n<hr>\n<h2>3. Customizing the Excerpt<\/h2>\n<p>The post embeds also display an excerpt of the post content. However, the default length may not always fit your design or readability preferences. Fortunately, you can control how much text is shown by adjusting the excerpt length by using the <code><a href=\"https:\/\/developer.wordpress.org\/reference\/hooks\/excerpt_length\/\" target=\"_blank\" rel=\"noopener noreferrer\">excerpt_length<\/a><\/code><\/p>\n<p>For example, if you want to shorten the excerpt to <strong>18<\/strong> words specifically for embeds, you can use the following code in your theme\u2019s <code>functions.php<\/code> file:<\/p>\n<pre>\r\nadd_filter( 'excerpt_length', function ($length) {\r\n    return is_embed() ? 18 : $length;\r\n} );\r\n<\/pre>\n<p>This code checks if the content is being displayed in an embed and, if so, limits the excerpt to 18 words. Otherwise, it keeps the default excerpt length, as shown below.<\/p>\n<figure> <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-post-embeds\/embed-excerpt.jpg\" alt=\"WordPress post embed with customized excerpt length\" width=\"1000\" height=\"600\"> <\/figure>\n<p>Experiment with different word counts to find the right balance in your content.<\/p>\n<hr>\n<h2>4. Adding Custom Content<\/h2>\n<p>By default, WordPress post embeds display basic information like the title, excerpt, and featured image. However, you might want to include additional details, such as the post\u2019s updated date, to provide more context.<\/p>\n<p>To do so, you can use the <code><a href=\"https:\/\/developer.wordpress.org\/reference\/hooks\/embed_content\/\" target=\"_blank\" rel=\"noopener noreferrer\">embed_content<\/a><\/code>. In our case, we can add the following code in the <code>functions.php<\/code> file to display the post\u2019s updated date:<\/p>\n<pre>\r\nadd_action( 'embed_content', function () {\r\n    if ( ! is_single() ) {\r\n        return;\r\n    }\r\n\r\n    $updated_time = get_the_modified_time( 'U' );\r\n    $published_time = get_the_time( 'U' );\r\n\r\n    if ( $updated_time > $published_time ) {\r\n        $time = sprintf(\r\n            '&lt;time datetime=\"%s\"&gt;%s&lt;\/time&gt;',\r\n            esc_attr( get_the_modified_date( 'Y-m-d' ) ),\r\n            esc_html( get_the_modified_date() )\r\n        );\r\n\r\n        printf(\r\n            '&lt;p class=\"wp-embed-updated-on\"&gt;%s&lt;\/p&gt;',\r\n            sprintf(\r\n                esc_html__( 'Updated on %s', 'devblog' ),\r\n                $time\r\n            )\r\n        );\r\n    }\r\n} );\r\n<\/pre>\n<p>Now, the post embeds will display the updated date after the content, as shown below:<\/p>\n<figure> <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-post-embeds\/embed-date-content.jpg\" alt=\"WordPress post embed showing updated date information\" width=\"1000\" height=\"600\"> <\/figure>\n<p>Displaying the updated date is helpful for readers to know if the content has been recently refreshed. This is especially useful for articles with time-sensitive information, tutorials, or news posts that may change over time.<\/p>\n<hr>\n<h2>5. Overriding Embed Templates<\/h2>\n<p>By default, WordPress uses a single template file called <code>embed.php<\/code> to display embedded content for all post types, including blog posts, pages, and custom post types. If you want to change how embedded content looks across your site, you can create a custom <code>embed.php<\/code> file inside your theme folder.<\/p>\n<p>Additionally, WordPress lets you customize embeds for specific post types. For example, if you have a custom post type called \u201cproduct\u201d and want its embed to show extra details like price and availability without affecting other embeds you can create an <code>embed-product.php<\/code> file in your theme folder and customize it as needed.<\/p>\n<pre>\r\n&lt;?php get_header( 'embed' ); ?&gt;\r\n&lt;?php $product = wc_get_product( get_the_ID() ) ?&gt;\r\n&lt;div id=\"embed-product-&lt;?php the_ID(); ?&gt;\" &lt;?php post_class(\"wp-embed\") ?&gt;&gt;\r\n    &lt;div class=\"embed-product-image\"&gt;\n        &lt;?php the_post_thumbnail( 'embed-square' ); ?&gt;\n    &lt;\/div&gt;\n    &lt;div class=\"embed-product-details\"&gt;\n        &lt;header class=\"embed-product-header\"&gt;\n            &lt;h3 class=\"embed-product-title\"&gt;&lt;?php the_title(); ?&gt;&lt;\/h3&gt;\n        &lt;\/header&gt;\n        &lt;div class=\"embed-product-content\"&gt;\n            &lt;?php the_excerpt(); ?&gt;\n            &lt;p&gt;&lt;strong&gt;Price&lt;\/strong&gt;: &lt;?php echo number_format($product-&gt;get_regular_price()); ?&gt;&lt;\/p&gt;\n            &lt;p&gt;&lt;button&gt;Buy Now&lt;\/button&gt;&lt;\/p&gt;\n        &lt;\/div&gt;\n    &lt;\/div&gt;\n&lt;\/div&gt;\n&lt;?php get_footer( 'embed' ); ?&gt;\r\n<\/pre>\n<p>Now, whenever a product post is embedded, WordPress will use this template instead of the default one.<\/p>\n<figure> <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-post-embeds\/embed-custom-post-type.jpg\" alt=\"Custom WordPress product post type embed template\" width=\"1000\" height=\"600\"> <\/figure>\n<hr>\n<h2>Bonus:<\/h2>\n<h3>Disable Post Embed for Specific Post Types<\/h3>\n<p>While post embeds are a useful feature for sharing content, you might want to disable them for specific posts or post types. For example, you may have private content that you don\u2019t want to be embedded on other sites.<\/p>\n<p>To disable post embeds for a specific post, you can use the <code><a href=\"https:\/\/developer.wordpress.org\/reference\/hooks\/embed_oembed_html\/\" target=\"_blank\" rel=\"noopener noreferrer\">embed_oembed_html<\/a><\/code> filter to return an empty string.<\/p>\n<p>Here\u2019s an example of how you can disable post embeds for <code>page<\/code> post type.<\/p>\n<pre>\r\nadd_filter( 'embed_oembed_html', function ( $html, $url, $attr, $post_id ) {\r\n    if ( get_post_type( $post_id ) === 'page' ) {\r\n        return '';\r\n    }\r\n\r\n    return $html;\r\n}, 10, 4 );\r\n<\/pre>\n<hr>\n<h2>Wrapping up<\/h2>\n<p>WordPress post embeds make it easy to share content between websites. In this article, we explored several ways to customize how these embeds look, so they match your site\u2019s design and include extra details for your readers. Now, you can try these techniques to create embeds that look better and make your content more engaging.<\/p>","protected":false},"excerpt":{"rendered":"<p>WordPress introduced post embeds in version 4.4, allowing you to easily share and display WordPress posts from one site to another. When you paste a link to a WordPress post, it automatically appears as a styled preview with the title, excerpt, and featured image. While this feature makes sharing content simple, the default look might&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[49],"tags":[],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>5 Ways to Customize Your WordPress Post Embeds - Hongkiat<\/title>\n<meta name=\"description\" content=\"WordPress introduced post embeds in version 4.4, allowing you to easily share and display WordPress posts from one site to another. When you paste a link\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/?p=74140\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 Ways to Customize Your WordPress Post Embeds\" \/>\n<meta property=\"og:description\" content=\"WordPress introduced post embeds in version 4.4, allowing you to easily share and display WordPress posts from one site to another. When you paste a link\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/?p=74140\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-16T13:00:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-post-embeds\/embed-default-look.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?p=74140#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?p=74140\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"5 Ways to Customize Your WordPress Post Embeds\",\"datePublished\":\"2025-05-16T13:00:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?p=74140\"},\"wordCount\":847,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?p=74140#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/customize-wordpress-post-embeds\\\/embed-default-look.jpg\",\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?p=74140\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?p=74140\",\"name\":\"5 Ways to Customize Your WordPress Post Embeds - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?p=74140#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?p=74140#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/customize-wordpress-post-embeds\\\/embed-default-look.jpg\",\"datePublished\":\"2025-05-16T13:00:49+00:00\",\"description\":\"WordPress introduced post embeds in version 4.4, allowing you to easily share and display WordPress posts from one site to another. When you paste a link\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?p=74140#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?p=74140\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?p=74140#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/customize-wordpress-post-embeds\\\/embed-default-look.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/customize-wordpress-post-embeds\\\/embed-default-look.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?p=74140#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 Ways to Customize Your WordPress Post Embeds\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"5 Ways to Customize Your WordPress Post Embeds - Hongkiat","description":"WordPress introduced post embeds in version 4.4, allowing you to easily share and display WordPress posts from one site to another. When you paste a link","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/?p=74140","og_locale":"en_US","og_type":"article","og_title":"5 Ways to Customize Your WordPress Post Embeds","og_description":"WordPress introduced post embeds in version 4.4, allowing you to easily share and display WordPress posts from one site to another. When you paste a link","og_url":"https:\/\/www.hongkiat.com\/blog\/?p=74140","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2025-05-16T13:00:49+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-post-embeds\/embed-default-look.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/?p=74140#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/?p=74140"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"5 Ways to Customize Your WordPress Post Embeds","datePublished":"2025-05-16T13:00:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/?p=74140"},"wordCount":847,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/?p=74140#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-post-embeds\/embed-default-look.jpg","articleSection":["WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/?p=74140","url":"https:\/\/www.hongkiat.com\/blog\/?p=74140","name":"5 Ways to Customize Your WordPress Post Embeds - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/?p=74140#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/?p=74140#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-post-embeds\/embed-default-look.jpg","datePublished":"2025-05-16T13:00:49+00:00","description":"WordPress introduced post embeds in version 4.4, allowing you to easily share and display WordPress posts from one site to another. When you paste a link","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/?p=74140#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/?p=74140"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/?p=74140#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-post-embeds\/embed-default-look.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-post-embeds\/embed-default-look.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/?p=74140#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"5 Ways to Customize Your WordPress Post Embeds"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807","name":"Thoriq Firdaus","description":"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.","sameAs":["https:\/\/thoriq.com","https:\/\/x.com\/tfirdaus"],"jobTitle":"Web Developer","url":"https:\/\/www.hongkiat.com\/blog\/author\/thoriq\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-jhO","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/74140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=74140"}],"version-history":[{"count":1,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/74140\/revisions"}],"predecessor-version":[{"id":74141,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/74140\/revisions\/74141"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=74140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=74140"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=74140"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=74140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}