-
Notifications
You must be signed in to change notification settings - Fork 0
/
readme.txt
81 lines (56 loc) · 2.77 KB
/
readme.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
=== Responsive iframe ===
Contributors: PatrickPelayo
Tags: responsive, iframe,block
Requires at least: 5.4.2
Tested up to: 5.8.1
Stable tag: 1.1.1
Requires PHP: 7.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Lets you place Iframes into your posts that will resize dynamically to maintain the same apperance.
== Description ==
A Responsive Iframe that will resize itself to its parent element.
= Instructions =
= Install =
The *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*.
Install the plugin thru the *plugin manager*, or upload it as a zip file into the *plugin manager*.
= Use =
* **Apply responsive iframe**
Create a post like you normally would and then click the + icon displayed to *Add block*. Find *Responsive iframes* and click it.
By default your current website will be displayed in the iframe.
* **Block Settings**
Site Address - The url address of the website you want to iframe
Width - This represents the actual width you want to display from the iframed website.
Height - This represents the actual height you want to display from the iframed website.
Scrollbar - Displays a scroll bar if the height,and width are smaller than the iframe website.
Border - Dislays a default border around the iframe element.
Scale - This will change the max-width percentage of the iframe's parent element, it will allow the element to be scaled by size.
Additional CSS - Any additional CSS will be applied to the iframe's parent element. Use this to provide some additional styling.
== Screenshots ==
1. Example of New York Times in an iframe.
2. The iframe in the website, demonstrating from a mobile viewpoint.
3. The iframe in the website, demonstrating from a desktop viewpoint.
== Changelog ==
= 1.1.1 =
* Max Width setting now using px instead of REM.
= 1.1.0 =
* Adds to advanced settings an option to specify max-width of Iframe
= 1.0.1 =
* updates the readme, and fixes my website link in plugin.php
= 1.0 =
* first release
== Upgrade Notice ==
= 1.1.0
* optional update
= 1.0.1 =
* optional update, only changes readme and fixes my website link in plugin.php
= 1.0.0 =
* first release
== Frequently Asked Questions ==
= How do I access the block settings =
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.
= In the editor I can't click on the iframe =
Click directly underneath the iframe element, you want to select the block so you can edit it.
= What can I stylize without breaking the iframe =
Leave the iframe element largly alone, focus css on the parent div element.
Do not modify the height on the div element.