weeblrAMP shortcodes

Dedicated embed tags

You can insert in your articles some weeblrAMP specific shortcodes (or tag) that will insert pictures and data from various sources. For instance, an image from Instagram or Facebook, a video from Youtube, or even a carousel of images from your own site.

The AMP specification requires that inserting such content in your pages is done through a specific markup, different from the standard embedding used in regular pages. weeblrAMP will create that specific markup, provided you insert tags (using your editor for instance) in places where you want the content to appear.

The general format is (with a couple of exceptions):

[wbamp-embed type="type_of_content" param1="xxxx" param2="yyyy" ...]

The parameters available depends on the type of tags, and are listed below.

As with most AMP element, you should specify a width and height of the final visible element. weeblrAMP will try to guess, or fallback to default, if no width/height is provided, and the result should be good in most cases All width and height must be expressed in pixels only.

Shortcodes reference

Currently weeblrAMP provides the following types of shortcodes:

Dailymotion Video

You only need a video ID (from any dailymotion URL) to embed it in your AMP page:

[wbamp-embed type="dailymotion" videoid="abcdef"  width="123" height="456"  layout="responsive|fixed"]

Please see the AMP Dailymotion documentation for more details.

Facebook image or video

You can display a Facebook post or video with this tag. If a video, include the subtype="videos" parameter. Including the user name and the post or video id is mandatory.

[wbamp-embed type="facebook" user="zuck" id="10102593740125791" subtype="videos|<not set >"  width="123" height="456"  layout="responsive|fixed"]

Please see the AMP Facebook documentation for more details.

Instagram picture

You only need the Instagram shortcode of an image to include it in your pages:

[wbamp-embed type="instagram" shortcode="123abcd"  width="123" height="456"  layout="responsive|fixed"]

Please see the AMP Instagram documentation for more details.

Tweet

Just like Instagram, only a tweet id is required to display it. However, weeblrAMP let's you customize the Tweet appearance: optionally select a theme (dark or light) whether a full card should be displayed.

[wbamp-embed type="twitter" tweetid="123456789"  width="123|<not set>" height="456|<not set>" theme="dark|<not set>" cards="hidden|<not set>" layout="responsive|fixed"]

Please see the AMP Twitter documentation for more details.

Vine Video

You only need a video ID (from any Vine URL) to embed it in your AMP page:

[wbamp-embed type="vine" vineid="123456789"  width="123" height="456"  layout="responsive|fixed"]

Please see the AMP Vine documentation for more details.

Youtube Video

You only need a video ID (from any youtube URL) to embed it in your AMP page:

[wbamp-embed type="youtube" videoid="132456789"  width="123" height="456"  layout="responsive|fixed"]

Please see the AMP Youtube documentation for more details.

No ads

The No ads shortcode will suppress ads display for the currently displayed page. It can be put anywhere in your content: posts, page, products, etc

[wbamp-no-ads]

No widgets

The No widgets shortcode will suppress AMP widgets display for the currently displayed page. It can be put anywhere in your content: posts, page, products, etc

[wbamp-no-widgets]

2 additional shortcodes are available, discussed on next page. Used to hide/show content, they deserve their own page!