AMP

amp-wordpress-embed

Experimental
Bento

Description

Embeds a WordPress post.

 

Required Scripts

<script async custom-element="amp-wordpress-embed" src="https://cdn.ampproject.org/v0/amp-wordpress-embed-1.0.js"></script>

Behavior

This extension creates an iframe and displays the excerpt of a WordPress post or page.

Standalone use outside valid AMP documents

Bento AMP allows you to use AMP components in non-AMP pages without needing to commit to fully valid AMP. You can take these components and place them in implementations with frameworks and CMSs that don't support AMP. Read more in our guide Use AMP components in non-AMP pages. To find the standalone version of amp-my-element, see bento-wordpress-embed.

Example: Embedding a WordPress post

<amp-wordpress-embed
  data-url="https://make.wordpress.org/core/2015/10/28/new-embeds-feature-in-wordpress-4-4/"
  layout="fixed"
  height="400"
  width="600"
>
  <button overflow>Load more</button>
</amp-wordpress-embed>

Attributes

data-url (required)

The URL of the post to embed.

common attributes

This element includes common attributes extended to AMP components.

Validation

See amp-wordpress-embed rules in the AMP validator specification.

Need more help?

You've read this document a dozen times but it doesn't really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.

Go to Stack Overflow
Found a bug or missing a feature?

The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.

Go to GitHub