How to add Responsive Iframe Watchdog in Wordpress

Many WordPress administrators disable the ability to insert unfiltered_html for Editors and Authors roles to avoid being hacked via iframe or other ht … Wordpress Tutorial

Noted That:

To install correctly this responsive-iframe-watchdog.zip .
Fisrt Download the responsive-iframe-watchdog.zip to your computer
Extract/Open responsive-iframe-watchdog.zip to Your Computer.
Then, Find readme.txt file inside responsive-iframe-watchdog.zip and Open readme.txt .
Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
Then, Follow the Tips Below.

Start the Tips:

Step-1 : Download " responsive-iframe-watchdog.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Login to Wordpress Responsive Iframe Watchdog

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Go to Plugin Install Responsive Iframe Watchdog

Step-4 : Now, Click on " Upload Plugin " button.

Click Upload Button Responsive Iframe Watchdog

Step-5 : Now, Browse " responsive-iframe-watchdog.zip " Downloaded plugin from your computer, Where you downloaded " responsive-iframe-watchdog.zip " According to Step – 1 Above then, click on " Install Now "

Upload Plugin Responsive Iframe Watchdog

Step-6 : Now, Click on " Active Plugin "

Step-7 : Then, See left Side Menu. " Responsive Iframe Watchdog " folder is added on left Side Menu. Now, Click on " Responsive Iframe Watchdog " folder.

Noted that: If you do not see " Responsive Iframe Watchdog " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Responsive Iframe Watchdog Configurations and Settings or How to work " Responsive Iframe Watchdog " in your WordPress site.

After Activated Plugin According to Step-6 then,

Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
or Direct go to: https://yourdomain/wp-admin/plugins.php
Then, Find " Responsive Iframe Watchdog " Activated Plugin from Plugin List.
Then, Click on " Settings " from Plugin that is Responsive Iframe Watchdog
Now, Edit/Add/Config the setting and Click on " Save Changes " button,

Guide

Guide
This section describes how to install the plugin and get it working. Upload the plugin files to the ‘/wp-content/plugins/lgr_responsive_iframe_watchdog’ directory, or install the plugin through the WordPress plugins screen directly. Currently this plugin is only available through wordpress.org plugin directory. Activate the plugin through the ‘Plugins’ screen in WordPress. Look for ‘Responsive Iframe Watchdog’ and click the ‘activate’ link. Use the Tools-> Responsive Iframe Watchdog screen to configure the plugin. Decide if you want your embeds to support the unsecured http protocol by checking the box. It is recommended to leave this unchecked and any existing http calls will be reported in the ‘List of Violations’. If you decide to allow http the click ‘Save Changes’ before continuing. Upon installation the plugin’s ‘Trusted Domain Names’ list will be empty and all pages and posts will temporarily be blocked from public view. Evaluate the ‘List of Violations’ and click the ‘Add to Trusted List’ button for each domain name you wish to trust, any duplicate domain names will be automatically removed from the list. Important: only ‘Published’ pages/posts are shown in the ‘List of Violations’. Pages and Posts marked as ‘Private’, ‘Draft’ or ‘Trash’ will not appear in the list. When updating any pre-existing pages/posts visibility to ‘Published’ always preview the page/post to be sure that it is not blocked to the public due to an untrusted domain name. In the event that you see an http protocol violation a link to edit the post/page is provided. In most cases you will just simply change any http:// to https://. Click the ‘Save Changes’ button when you are finished trusting domain names and the ‘List of Violations’ should be empty, if not you need to decide if you want to delete any pages or posts that remain. The goal is to have no remaining Violations in the list. One final note: Any pre-existing HTML elements (i.e. </code> , <code class="wpb-text-indigo"> <embed> </code> , <code class="wpb-text-indigo"> <video> <source> </code> ) will still function as it did before providing the domain name is trusted. If you at some point you need to edit these pages/posts you should use this plugin’s embed dialog form to re-embed using shortcode instead of the original HTML element. Convert any existing <code class="wpb-text-indigo"> <iframe> </code> , <code class="wpb-text-indigo"> <embed> </code> or <code class="wpb-text-indigo"> <video> <source> </code> elements to [lgrriw_div][lgrriw_iframe] shortcode via the dialog form. Failure to convert iframe tags to shorcode after editing an existing post/page containing an iframe could result in a blockage to public view after updating any changes to the page/post.</li> </ol> </td> </tr> </table> <br> <TABLE class="wpb-table wpb-striped wpb-bordered wpb-border wpb-white"> <TBODY> <tr> <th> Name</th> </tr> <tr> <td> <div class="list"> <img src="https://wordpress.horje.com/image/post-to-flarum/assets/icon-256x256.png?rev=2344363" onerror="this.onerror=null;this.src='/wp.png';" alt="" height="50" width="50" border="0" />    <span class="action_links"> <a style="text-decoration:none" class="act" href="https://wordpress.horje.com/tutorial/post-to-flarum"> <font style="color:green;"> How to add Post To Flarum in Wordpress<font> </a> </td> </tr> <tr> <td> <div class="list"> <img src="https://wordpress.horje.com/image/wp-chatbot-builder/assets/icon-128x128.png?rev=2459093" onerror="this.onerror=null;this.src='/wp.png';" alt="" height="50" width="50" border="0" />    <span class="action_links"> <a style="text-decoration:none" class="act" href="https://wordpress.horje.com/tutorial/wp-chatbot-builder"> <font style="color:green;"> How to add Wp Chatbot Builder in Wordpress<font> </a> </td> </tr> <tr> <td> <div class="list"> <img src="https://wordpress.horje.com/image/all-image-sliders-in-one/assets/icon-256x256.png?rev=2433877" onerror="this.onerror=null;this.src='/wp.png';" alt="" height="50" width="50" border="0" />    <span class="action_links"> <a style="text-decoration:none" class="act" href="https://wordpress.horje.com/tutorial/all-image-sliders-in-one"> <font style="color:green;"> How to add All Image Sliders In One in Wordpress<font> </a> </td> </tr> <tr> <td> <div class="list"> <img src="https://wordpress.horje.com/image/nalp-ch/assets/icon.svg?rev=2444829" onerror="this.onerror=null;this.src='/wp.png';" alt="" height="50" width="50" border="0" />    <span class="action_links"> <a style="text-decoration:none" class="act" href="https://wordpress.horje.com/tutorial/nalp-ch"> <font style="color:green;"> How to add Nalp Ch in Wordpress<font> </a> </td> </tr> <tr> <td> <div class="list"> <img src="" onerror="this.onerror=null;this.src='/wp.png';" alt="" height="50" width="50" border="0" />    <span class="action_links"> <a style="text-decoration:none" class="act" href="https://wordpress.horje.com/tutorial/custom-admin-widget-titles"> <font style="color:green;"> How to add Custom Admin Widget Titles in Wordpress<font> </a> </td> </tr> </table> </br> </main> <div class="wpb-panel wpb-border-left wpb-pale-red wpb-border-red"> <pre class="easypost; title:;lang:;"> Read Article</b> https://develop.horje.com/learn/1434/reference</pre> </div> <br> </div> <div class="footer"> <footer role="contentinfo" class="wpb-container wpb-padding-16 wpb-light-grey"> <P>  </P> <p> Horje </p> </footer> </div> </div> <script> // Get the Sidebar var mySidebar = document.getElementById("mySidebar"); // Get the DIV with overlay effect var overlayBg = document.getElementById("myOverlay"); // Toggle between showing and hiding the sidebar, and add overlay effect function wpb_open() { if (mySidebar.style.display === 'block') { mySidebar.style.display = 'none'; overlayBg.style.display = "none"; } else { mySidebar.style.display = 'block'; overlayBg.style.display = "block"; } } // Close the sidebar with the close button function wpb_close() { mySidebar.style.display = "none"; overlayBg.style.display = "none"; }</script> </body> </html> <!-- Cached copy main, generated 04:45 -->

This section describes how to install the plugin and get it working.

Upload the plugin files to the ‘/wp-content/plugins/lgr_responsive_iframe_watchdog’ directory, or install the plugin through the WordPress plugins screen directly. Currently this plugin is only available through wordpress.org plugin directory.
Activate the plugin through the ‘Plugins’ screen in WordPress. Look for ‘Responsive Iframe Watchdog’ and click the ‘activate’ link.
Use the Tools-> Responsive Iframe Watchdog screen to configure the plugin.
Decide if you want your embeds to support the unsecured http protocol by checking the box. It is recommended to leave this unchecked and any existing http calls will be reported in the ‘List of Violations’. If you decide to allow http the click ‘Save Changes’ before continuing.
Upon installation the plugin’s ‘Trusted Domain Names’ list will be empty and all pages and posts will temporarily be blocked from public view. Evaluate the ‘List of Violations’ and click the ‘Add to Trusted List’ button for each domain name you wish to trust, any duplicate domain names will be automatically removed from the list.
Important: only ‘Published’ pages/posts are shown in the ‘List of Violations’. Pages and Posts marked as ‘Private’, ‘Draft’ or ‘Trash’ will not appear in the list. When updating any pre-existing pages/posts visibility to ‘Published’ always preview the page/post to be sure that it is not blocked to the public due to an untrusted domain name.
In the event that you see an http protocol violation a link to edit the post/page is provided. In most cases you will just simply change any http:// to https://.
Click the ‘Save Changes’ button when you are finished trusting domain names and the ‘List of Violations’ should be empty, if not you need to decide if you want to delete any pages or posts that remain. The goal is to have no remaining Violations in the list.
One final note: Any pre-existing HTML elements (i.e. </code> , <code class="wpb-text-indigo"> <embed> </code> , <code class="wpb-text-indigo"> <video> <source> </code> ) will still function as it did before providing the domain name is trusted. If you at some point you need to edit these pages/posts you should use this plugin’s embed dialog form to re-embed using shortcode instead of the original HTML element. Convert any existing <code class="wpb-text-indigo"> <iframe> </code> , <code class="wpb-text-indigo"> <embed> </code> or <code class="wpb-text-indigo"> <video> <source> </code> elements to [lgrriw_div][lgrriw_iframe] shortcode via the dialog form. Failure to convert iframe tags to shorcode after editing an existing post/page containing an iframe could result in a blockage to public view after updating any changes to the page/post.</li> </ol> </td> </tr> </table> <br> <TABLE class="wpb-table wpb-striped wpb-bordered wpb-border wpb-white"> <TBODY> <tr> <th> Name</th> </tr> <tr> <td> <div class="list"> <img src="https://wordpress.horje.com/image/post-to-flarum/assets/icon-256x256.png?rev=2344363" onerror="this.onerror=null;this.src='/wp.png';" alt="" height="50" width="50" border="0" />    <span class="action_links"> <a style="text-decoration:none" class="act" href="https://wordpress.horje.com/tutorial/post-to-flarum"> <font style="color:green;"> How to add Post To Flarum in Wordpress<font> </a> </td> </tr> <tr> <td> <div class="list"> <img src="https://wordpress.horje.com/image/wp-chatbot-builder/assets/icon-128x128.png?rev=2459093" onerror="this.onerror=null;this.src='/wp.png';" alt="" height="50" width="50" border="0" />    <span class="action_links"> <a style="text-decoration:none" class="act" href="https://wordpress.horje.com/tutorial/wp-chatbot-builder"> <font style="color:green;"> How to add Wp Chatbot Builder in Wordpress<font> </a> </td> </tr> <tr> <td> <div class="list"> <img src="https://wordpress.horje.com/image/all-image-sliders-in-one/assets/icon-256x256.png?rev=2433877" onerror="this.onerror=null;this.src='/wp.png';" alt="" height="50" width="50" border="0" />    <span class="action_links"> <a style="text-decoration:none" class="act" href="https://wordpress.horje.com/tutorial/all-image-sliders-in-one"> <font style="color:green;"> How to add All Image Sliders In One in Wordpress<font> </a> </td> </tr> <tr> <td> <div class="list"> <img src="https://wordpress.horje.com/image/nalp-ch/assets/icon.svg?rev=2444829" onerror="this.onerror=null;this.src='/wp.png';" alt="" height="50" width="50" border="0" />    <span class="action_links"> <a style="text-decoration:none" class="act" href="https://wordpress.horje.com/tutorial/nalp-ch"> <font style="color:green;"> How to add Nalp Ch in Wordpress<font> </a> </td> </tr> <tr> <td> <div class="list"> <img src="" onerror="this.onerror=null;this.src='/wp.png';" alt="" height="50" width="50" border="0" />    <span class="action_links"> <a style="text-decoration:none" class="act" href="https://wordpress.horje.com/tutorial/custom-admin-widget-titles"> <font style="color:green;"> How to add Custom Admin Widget Titles in Wordpress<font> </a> </td> </tr> </table> </br> </main> <div class="wpb-panel wpb-border-left wpb-pale-red wpb-border-red"> <pre class="easypost; title:;lang:;"> Read Article</b> https://develop.horje.com/learn/1434/reference</pre> </div> <br> </div> <div class="footer"> <footer role="contentinfo" class="wpb-container wpb-padding-16 wpb-light-grey"> <P>  </P> <p> Horje </p> </footer> </div> </div> <script> // Get the Sidebar var mySidebar = document.getElementById("mySidebar"); // Get the DIV with overlay effect var overlayBg = document.getElementById("myOverlay"); // Toggle between showing and hiding the sidebar, and add overlay effect function wpb_open() { if (mySidebar.style.display === 'block') { mySidebar.style.display = 'none'; overlayBg.style.display = "none"; } else { mySidebar.style.display = 'block'; overlayBg.style.display = "block"; } } // Close the sidebar with the close button function wpb_close() { mySidebar.style.display = "none"; overlayBg.style.display = "none"; }</script> </body> </html>