WordPress.org
Get WordPress

Plugin Directory

Changeset 2455938


Ignore:
Timestamp:
01/13/2021 09:31:54 PM (5 years ago)
Author:
patrickpelayo
Message:

updated to 1.0.1, minor readme changes, and a change to plugin.php to fix my website link

Location:
responsive-iframe
Files:
42 added
2 edited

Legend:

Unmodified
Added
Removed

  • responsive-iframe/trunk/plugin.php

    r2419638 r2455938  
    66 * Author: PatrickPelayo
    77 * Author URI: https://www.PatrickP.Tech/
    8  * Version: 1.0.0
     8 * Version: 1.0.1
    99 * License: GPL2+
    1010 * License URI: https://www.gnu.org/licenses/gpl-2.0.html

  • responsive-iframe/trunk/readme.txt

    r2445803 r2455938  
    44Requires at least: 5.4.2
    55Tested up to: 5.6.0
    6 Stable tag: 1.0.0
     6Stable tag: 1.0.1
    77Requires PHP: 7.0
    88License: GPLv2 or later
    99License URI: https://www.gnu.org/licenses/gpl-2.0.html
    1010
    11 A Responsive iframe
     11Lets you place Iframes into your posts that will resize dynamically to maintain the same apperance.
    1212
    1313== Description ==
    14 An iframe that will look the same regardless of the width of the page.
     14A Responsive Iframe that will resize itself to its parent element.
    1515
    1616= Instructions =
    17 From the block editor under embed select Responsive iframes your website will display by default, with some default settings.
    18                                        
     17
     18= Install =
     19The *plugin manager* is located on the *administration page*. From the *administration page* in the left side bar click *Plugins*. From the top of the page click *add new*.
     20
     21Install the plugin thru the *plugin manager*, or upload it as a zip file into the *plugin manager*.
     22
     23= Use =
     24
     25* **Apply responsive iframe**
     26Create a post like you normally would and then click the + icon displayed to *Add block*. Find *Responsive iframes* and click it.
     27By default your current website will be displayed in the iframe.
     28
     29* **Block Settings**
    1930Site Address - The url address of the website you want to iframe
    20 
    2131Width -  This represents the actual width you want to display from the iframed website.
    22 
    23 Height - This represents the actual height you want to display from the iframed website.
    24                                                
     32Height - This represents the actual height you want to display from the iframed website.                                           
    2533Scrollbar - Displays a scroll bar if the height,and width are smaller than the iframe website.
    26 
    27 Border - Dislays a default border around the iframe element.
    28                                
    29 Scale - This will change the max-width percentage of the iframe's parent element, it will allow the element to be scaled by size.
    30 
    31                                        
    32 Additional CSS - Any additional CSS will be applied to the iframe's parent element.
    33 
    34 = Technical Stuff for Developers =
    35 > This section provides a technical overview of the plugin.
    36 
    37 The plugin was created thru the use of  [Create-Guten-Block](https://github.com/ahmadawais/create-guten-block) package that can be obtained thru NPM.
    38 
    39 The source files can be found in the src folder.
    40 * responsiveIframe.js is the file that makes the iframes responsive from the post page.
    41 
    42 
    43 * constants.js hold the constants that are plugin wide.
    44 
    45 
    46 * block.js registers the block and handles the edit and save functions.
    47 Any iframe responsiveness in the block editor is handled by the block.js.
    48 
    49 
    50 * inspector.js solely defines the inspector sidebar, this is used within block.js.
     34Border - Dislays a default border around the iframe element.                               
     35Scale - This will change the max-width percentage of the iframe's parent element, it will allow the element to be scaled by size.   
     36Additional CSS - Any additional CSS will be applied to the iframe's parent element. Use this to provide some additional styling.
    5137
    5238== Screenshots ==
    … …  
    5743== Changelog ==
    5844
     45= 1.0.1 =
     46* updates the readme, and fixes my website link in plugin.php
     47
    5948= 1.0 =
    6049* first release
    … …  
    6251== Upgrade Notice ==
    6352
     53= 1.1 =
     54* update optional, only changes readme and fixes my website link in plugin.php
     55
    6456= 1.0 =
    6557* first release
    6658   
    6759== Frequently Asked Questions ==
     60
     61 = How do I access the block settings =
     62 
     63 In the page where you create a post, in the top right corner next to update/publish is a cog wheel that allows you to edit block settings.
    6864
    6965 = In the editor I can't click on the iframe =
Note: See TracChangeset for help on using the changeset viewer.