Fou Weather Embed
A WordPress plugin that adds a custom admin menu item and shortcode to embed external or local HTML pages inside responsive iframes. Includes automatic iframe height adjustment for better content display and a simple admin preview tool.
by Your RACE · github.com/rubenalejandrocordovaescalante/wordpress-iframe-embed-plugin
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/rubenalejandrocordovaescalante/wordpress-iframe-embed-plugin/archive/refs/heads/main.zipWordPress HTML Embed Plugin
A lightweight WordPress plugin that embeds external HTML pages, applications, dashboards, reports, and custom content using a shortcode.
The plugin was originally developed to integrate externally generated content into WordPress sites where direct iframe embedding through the editor could be inconsistent, restricted, or difficult to manage.
Rather than manually inserting iframe code into posts and pages, administrators can use a simple shortcode and centralized management interface.
Overview
This plugin creates a reusable embedding layer for WordPress. It allows content creators to display external HTML resources while keeping iframe management separate from page content.
Common use cases include:
- Weather reports
- News feeds
- Dashboards
- Monitoring systems
- Analytics pages
- Internal tools
- External applications
- Custom HTML pages
- Reporting systems
Problem Solved
Many WordPress environments, themes, plugins, or editor configurations can interfere with manually inserted iframe code. This plugin provides a standardized method for embedding external content through a shortcode-based workflow.
Benefits include:
- Cleaner content management
- Reusable embeds
- Centralized configuration
- Improved consistency
- Automatic iframe resizing
- Reduced manual HTML editing
IFRAME RESIZING
The plugin includes automatic iframe height adjustment logic.
When the embedded HTML page is hosted on the same domain, the plugin attempts to detect the content height and automatically resize the iframe to fit the page content.
Benefits include:
- Reduced scrolling
- Improved presentation
- Better integration with WordPress content
LIMITATIONS
Browser security restrictions (same-origin policy) may prevent automatic height detection when embedding content hosted on external domains.
In those cases, a fixed height or alternative resizing method may be required.
The plugin was primarily designed for embedding HTML content hosted within the same website or server environment, where automatic resizing can function correctly.
Shortcode
[fou_embed_links src="URL_TO_HTML_FILE" id="custom-frame"]Example:
[fou_embed_links src="/reports/weather.html" id="weather-frame"]