WordPress: Add iFrames and Embed Content

Summary

This article provides information about using the WordPress iFrame plugin to add iFrames and embed content on your website.

Body

The WordPress iFrame plugin allows you to add iframes and embed content onto your site. It is an automatically activated plugin on tarheels.live, web.unc.edu and sites.unc.edu networks.

Adding iframes can introduce accessibility barriers to your website. Use iframes and embedded content sparingly. You must include a title attribute that summarizes the visual content to help users of screen readers understand the iframe's purpose. Reach out to the Digital Accessibility Office for more guidance.

Instructions

iFrames must be converted to a shortcode in order to work on UNC WordPress environments. Essentially any carats <iframe></iframe> in the code must be converted to brackets [iframe] [/iframe].

Example Code: 

[iframe src="http://www.youtube.com/embed/4qsGTXLnmKs" width="100%" height="500″ title=“brief description of video’s content”]

 

 

Related Articles

To learn more about embedding content onto your WordPress website, visit the Iframe plugin website.

To learn more about accessible iframes, see WebAIM's Inline Frame (iframe) Accessibility article.


Details

Details

Article ID: 293
Created
Wed 7/3/24 4:14 PM
Modified
Wed 2/19/25 4:56 PM
Article Agent
The TDX agent acting as the primary point of contact for the article and is responsible for ensuring the content's accuracy on behalf of the group.