WP Easy Columns - Version 1.2

Version Description

Additional shortcodes added. Please upgrade!

=

Download this release

Release Info

Developer kcfried
Plugin Icon wp plugin WP Easy Columns
Version 1.2
Comparing to
See all releases

Code changes from version 1.1 to 1.2

1.jpg DELETED
Binary file
2.jpg DELETED
Binary file
css/wp-ez-columns.css CHANGED
@@ -18,7 +18,11 @@
18
  .wpcol-one-half,
19
  .wpcol-three-quarter,
20
  .wpcol-one-third,
21
- .wpcol-two-third {
 
 
 
 
22
  float: left;
23
  margin-right: 4%;
24
  position: relative;
@@ -38,6 +42,15 @@
38
  .wpcol-two-third {
39
  width: 65.334%;
40
  }
 
 
 
 
 
 
 
 
 
41
  .wpcol-last {
42
  clear: right;
43
  margin-right: 0;
18
  .wpcol-one-half,
19
  .wpcol-three-quarter,
20
  .wpcol-one-third,
21
+ .wpcol-two-third,
22
+ .wpcol-one-fifth,
23
+ .wpcol-two-fifth,
24
+ .wpcol-three-fifth
25
+ {
26
  float: left;
27
  margin-right: 4%;
28
  position: relative;
42
  .wpcol-two-third {
43
  width: 65.334%;
44
  }
45
+ .wpcol-one-fifth {
46
+ width: 16.8%;
47
+ }
48
+ .wpcol-two-fifth{
49
+ width: 37.6%;
50
+ }
51
+ .wpcol-three-fifth {
52
+ width: 58.4%;
53
+ }
54
  .wpcol-last {
55
  clear: right;
56
  margin-right: 0;
easy-columns-options.php CHANGED
@@ -211,6 +211,75 @@ function write_sel($n,$v){
211
  </td>
212
  </tr>
213
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
214
  </table>
215
 
216
  <p>
@@ -220,7 +289,6 @@ function write_sel($n,$v){
220
  </form>
221
 
222
  <h3>Column Shortcodes</h3>
223
-
224
  <strong>1/4 columns</strong><br />
225
  [wpcol_1quarter id="" class="" style=""][/wpcol_1quarter]<br />
226
  [wpcol_1quarter_end id="" class="" style=""][/wpcol_1quarter_end]<br />
@@ -241,6 +309,18 @@ function write_sel($n,$v){
241
  [wpcol_2third id="" class="" style=""][/wpcol_2third]<br />
242
  [wpcol_2third_end id="" class="" style=""][/wpcol_2third_end]<br />
243
  <br />
 
 
 
 
 
 
 
 
 
 
 
 
244
  <strong>special columns</strong><br />
245
  [wpdiv id="" class="" style=""][/wpdiv] (easily create DIVs in your content without editing HTML)<br />
246
  <br />
211
  </td>
212
  </tr>
213
 
214
+ <tr>
215
+ <td colspan="6"><hr></td>
216
+ </tr>
217
+
218
+ <tr>
219
+ <td valign="middle" colspan="2">
220
+ <strong>1/5 Column Options</strong>
221
+ </td>
222
+ <td valign="middle" colspan="2">
223
+ <strong>2/5 Column Options</strong>
224
+ </td>
225
+ <td valign="middle" colspan="2">
226
+ <strong>3/5 Column Options</strong>
227
+ </td>
228
+ </tr>
229
+
230
+ <tr>
231
+ <td valign="middle">
232
+ Width
233
+ </td>
234
+ <td valign="middle">
235
+ <input type="text" id="onefifth_width" name="onefifth_width" value="<?php echo $onefifth_width; ?>" size="6">
236
+ &nbsp;
237
+ <?php write_sel('onefifth_width_type',$onefifth_width_type); ?>
238
+ </td>
239
+ <td valign="middle">
240
+ Width
241
+ </td>
242
+ <td valign="middle">
243
+ <input type="text" id="twofifth_width" name="twofifth_width" value="<?php echo $twofifth_width; ?>" size="6">
244
+ &nbsp;
245
+ <?php write_sel('twofifth_width_type',$twofifth_width_type); ?>
246
+ </td>
247
+ <td valign="middle">
248
+ Width
249
+ </td>
250
+ <td valign="middle">
251
+ <input type="text" id="threefifth_width" name="threefifth_width" value="<?php echo $threefifth_width; ?>" size="6">
252
+ &nbsp;
253
+ <?php write_sel('threefifth_width_type',$threefifth_width_type); ?>
254
+ </td>
255
+ </tr>
256
+ <tr>
257
+ <td valign="middle">
258
+ Margin
259
+ </td>
260
+ <td valign="middle">
261
+ <input type="text" id="onefifth_margin" name="onefifth_margin" value="<?php echo $onefifth_margin; ?>" size="6">
262
+ &nbsp;
263
+ <?php write_sel('onefifth_margin_type',$onefifth_margin_type); ?>
264
+ </td>
265
+ <td valign="middle">
266
+ Margin
267
+ </td>
268
+ <td valign="middle">
269
+ <input type="text" id="twofifth_margin" name="twofifth_margin" value="<?php echo $twofifth_margin; ?>" size="6">
270
+ &nbsp;
271
+ <?php write_sel('twofifth_margin_type',$twofifth_margin_type); ?>
272
+ </td>
273
+ <td valign="middle">
274
+ Margin
275
+ </td>
276
+ <td valign="middle">
277
+ <input type="text" id="threefifth_margin" name="threefifth_margin" value="<?php echo $threefifth_margin; ?>" size="6">
278
+ &nbsp;
279
+ <?php write_sel('threefifth_margin_type',$threefifth_margin_type); ?>
280
+ </td>
281
+ </tr>
282
+
283
  </table>
284
 
285
  <p>
289
  </form>
290
 
291
  <h3>Column Shortcodes</h3>
 
292
  <strong>1/4 columns</strong><br />
293
  [wpcol_1quarter id="" class="" style=""][/wpcol_1quarter]<br />
294
  [wpcol_1quarter_end id="" class="" style=""][/wpcol_1quarter_end]<br />
309
  [wpcol_2third id="" class="" style=""][/wpcol_2third]<br />
310
  [wpcol_2third_end id="" class="" style=""][/wpcol_2third_end]<br />
311
  <br />
312
+ <strong>1/5 columns</strong><br />
313
+ [wpcol_1fifth id="" class="" style=""][/wpcol_1fifth]<br />
314
+ [wpcol_1fifth_end id="" class="" style=""][/wpcol_1fifth_end]<br />
315
+ <br />
316
+ <strong>2/5 columns</strong><br />
317
+ [wpcol_2fifth id="" class="" style=""][/wpcol_2fifth]<br />
318
+ [wpcol_2fifth_end id="" class="" style=""][/wpcol_2fifth_end]<br />
319
+ <br />
320
+ <strong>3/5 columns</strong><br />
321
+ [wpcol_3fifth id="" class="" style=""][/wpcol_3fifth]<br />
322
+ [wpcol_3fifth_end id="" class="" style=""][/wpcol_3fifth_end]<br />
323
+ <br />
324
  <strong>special columns</strong><br />
325
  [wpdiv id="" class="" style=""][/wpdiv] (easily create DIVs in your content without editing HTML)<br />
326
  <br />
easy-columns.php CHANGED
@@ -2,9 +2,9 @@
2
  /*
3
  Plugin Name: Easy Columns
4
  Plugin URI: http://www.affiliatetechhelp.com/wordpress/easy-columns
5
- Version: v1.1
6
  Author: <a href="http://www.affiliatetechhelp.com">Pat Friedl</a>
7
- Description: Easy Columns provides the shortcodes to create a grid system or magazine style columns for laying out your pages just the way you need them. Using shortcodes for 1/4, 1/2, 1/3, 2/3, and 3/4 columns, you can insert at least fifteen unique variations of columns on any page or post. Quickly add columns to your pages from the editor with an easy to use "pick n' click" interface! For usage and more information, visit <a href="http://www.affiliatetechhelp.com" target="_blank">affiliatetechhelp.com</a>.
8
 
9
  Copyright 2010 AffiliaTetechHelp.com (email: support[at]affiliatetechhelp[dot]com)
10
 
@@ -25,32 +25,6 @@ Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
25
 
26
  if(!class_exists("EasyColumns")){
27
 
28
- /*
29
- Available Shortcodes:
30
- [wpcol_1quarter id="" class="" style=""][/wpcol_1quarter]
31
- [wpcol_1quarter_end id="" class="" style=""][/wpcol_1quarter_end]
32
-
33
- [wpcol_1half id="" class="" style=""][/wpcol_1half]
34
- [wpcol_1half_end id="" class="" style=""][/wpcol_1half_end]
35
-
36
- [wpcol_3quarter id="" class="" style=""][/wpcol_3quarter]
37
- [wpcol_3quarter_end id="" class="" style=""][/wpcol_3quarter_end]
38
-
39
- [wpcol_1third id="" class="" style=""][/wpcol_1third]
40
- [wpcol_1third_end id="" class="" style=""][/wpcol_1third_end]
41
-
42
- [wpcol_2third id="" class="" style=""][/wpcol_2third]
43
- [wpcol_2third_end id="" class="" style=""][/wpcol_2third_end]
44
-
45
- [wpdiv id="" class="" style=""][/wpdiv]
46
- (easily create DIVs in your content without editing HTML)
47
-
48
- [wpcol_divider] (clears all floats and creates a 2px high, 100% width div)
49
- [wpcol_end_left] (clears left float)
50
- [wpcol_end_right] (clears right float)
51
- [wpcol_end_both] (clears both)
52
- */
53
-
54
  class EasyColumns {
55
 
56
  var $plugin_url;
@@ -95,6 +69,12 @@ if(!class_exists("EasyColumns")){
95
  add_shortcode('wpcol_1quarter_end', array(&$this, 'wpcol_one_quarter_end'));
96
  add_shortcode('wpcol_3quarter', array(&$this, 'wpcol_three_quarter'));
97
  add_shortcode('wpcol_3quarter_end', array(&$this, 'wpcol_three_quarter_end'));
 
 
 
 
 
 
98
  add_shortcode('wpdiv', array(&$this, 'wpcol_div'));
99
  add_shortcode('wpcol_divider', array(&$this, 'wpcol_add_divider'));
100
  add_shortcode('wpcol_end_right', array(&$this, 'wpcol_end_column_right'));
@@ -130,6 +110,18 @@ if(!class_exists("EasyColumns")){
130
  $this->twothird_width_type = $options['twothird_width_type'];
131
  $this->twothird_margin = $options['twothird_margin'];
132
  $this->twothird_margin_type = $options['twothird_margin_type'];
 
 
 
 
 
 
 
 
 
 
 
 
133
 
134
  } // end function EasyColumns
135
 
@@ -173,6 +165,30 @@ if(!class_exists("EasyColumns")){
173
  return '<div' . $this->wpcol_div_atts($atts,'wpcol-three-quarter wpcol-last') . '>'.$this->wpcol_strip_autop($content).'</div>'.$this->wpcol_add_divider();
174
  }
175
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
176
  function wpcol_div($atts, $content = null) {
177
  return '<div' . $this->wpcol_div_atts($atts,'') . '>' . $this->wpcol_strip_autop($content) . '</div>';
178
  }
@@ -330,7 +346,19 @@ if(!class_exists("EasyColumns")){
330
  'twothird_width' => '',
331
  'twothird_width_type' => '%',
332
  'twothird_margin' => '',
333
- 'twothird_margin_type' => '%'
 
 
 
 
 
 
 
 
 
 
 
 
334
  );
335
 
336
  // get saved options
@@ -392,6 +420,18 @@ if(!class_exists("EasyColumns")){
392
  $options['twothird_width_type'] = $_POST['twothird_width_type'];
393
  $options['twothird_margin'] = trim($_POST['twothird_margin']);
394
  $options['twothird_margin_type'] = $_POST['twothird_margin_type'];
 
 
 
 
 
 
 
 
 
 
 
 
395
 
396
  update_option($this->EasyColumns_DB_option, $options);
397
 
@@ -423,6 +463,19 @@ if(!class_exists("EasyColumns")){
423
  $twothird_width_type = $options['twothird_width_type'];
424
  $twothird_margin = $options['twothird_margin'];
425
  $twothird_margin_type = $options['twothird_margin_type'];
 
 
 
 
 
 
 
 
 
 
 
 
 
426
  $plugin_url = $this->plugin_url;
427
 
428
  // include the options page
2
  /*
3
  Plugin Name: Easy Columns
4
  Plugin URI: http://www.affiliatetechhelp.com/wordpress/easy-columns
5
+ Version: v1.2
6
  Author: <a href="http://www.affiliatetechhelp.com">Pat Friedl</a>
7
+ Description: Easy Columns provides the shortcodes to create a grid system or magazine style columns for laying out your pages just the way you need them. Using shortcodes for 1/4, 1/2, 1/3, 2/3, 3/4, 1/5, 2/5, and 3/5 columns, you can insert <strong>at least thirty</strong> unique variations of columns on any page or post. Quickly add columns to your pages from the editor with an easy to use "pick n' click" interface! For usage and more information, visit <a href="http://www.affiliatetechhelp.com" target="_blank">affiliatetechhelp.com</a>.
8
 
9
  Copyright 2010 AffiliaTetechHelp.com (email: support[at]affiliatetechhelp[dot]com)
10
 
25
 
26
  if(!class_exists("EasyColumns")){
27
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
28
  class EasyColumns {
29
 
30
  var $plugin_url;
69
  add_shortcode('wpcol_1quarter_end', array(&$this, 'wpcol_one_quarter_end'));
70
  add_shortcode('wpcol_3quarter', array(&$this, 'wpcol_three_quarter'));
71
  add_shortcode('wpcol_3quarter_end', array(&$this, 'wpcol_three_quarter_end'));
72
+ add_shortcode('wpcol_1fifth', array(&$this, 'wpcol_one_fifth'));
73
+ add_shortcode('wpcol_1fifth_end', array(&$this, 'wpcol_one_fifth_end'));
74
+ add_shortcode('wpcol_2fifth', array(&$this, 'wpcol_two_fifth'));
75
+ add_shortcode('wpcol_2fifth_end', array(&$this, 'wpcol_two_fifth_end'));
76
+ add_shortcode('wpcol_3fifth', array(&$this, 'wpcol_three_fifth'));
77
+ add_shortcode('wpcol_3fifth_end', array(&$this, 'wpcol_three_fifth_end'));
78
  add_shortcode('wpdiv', array(&$this, 'wpcol_div'));
79
  add_shortcode('wpcol_divider', array(&$this, 'wpcol_add_divider'));
80
  add_shortcode('wpcol_end_right', array(&$this, 'wpcol_end_column_right'));
110
  $this->twothird_width_type = $options['twothird_width_type'];
111
  $this->twothird_margin = $options['twothird_margin'];
112
  $this->twothird_margin_type = $options['twothird_margin_type'];
113
+ $this->fifth_width = $options['onefifth_width'];
114
+ $this->fifth_width_type = $options['onefifth_width_type'];
115
+ $this->fifth_margin = $options['onefifth_margin'];
116
+ $this->fifth_margin_type = $options['onefifth_margin_type'];
117
+ $this->twofifth_width = $options['twofifth_width'];
118
+ $this->twofifth_width_type = $options['twofifth_width_type'];
119
+ $this->twofifth_margin = $options['twofifth_margin'];
120
+ $this->twofifth_margin_type = $options['twofifth_margin_type'];
121
+ $this->threefifth_width = $options['threefifth_width'];
122
+ $this->threefifth_width_type = $options['threefifth_width_type'];
123
+ $this->threefifth_margin = $options['threefifth_margin'];
124
+ $this->threefifth_margin_type = $options['threefifth_margin_type'];
125
 
126
  } // end function EasyColumns
127
 
165
  return '<div' . $this->wpcol_div_atts($atts,'wpcol-three-quarter wpcol-last') . '>'.$this->wpcol_strip_autop($content).'</div>'.$this->wpcol_add_divider();
166
  }
167
 
168
+ function wpcol_one_fifth($atts, $content = null) {
169
+ return '<div' . $this->wpcol_div_atts($atts,'wpcol-one-fifth') . '>'.$this->wpcol_strip_autop($content).'</div>';
170
+ }
171
+
172
+ function wpcol_one_fifth_end($atts, $content = null) {
173
+ return '<div' . $this->wpcol_div_atts($atts,'wpcol-one-fifth wpcol-last') . '>'.$this->wpcol_strip_autop($content).'</div>'.$this->wpcol_add_divider();
174
+ }
175
+
176
+ function wpcol_two_fifth($atts, $content = null) {
177
+ return '<div' . $this->wpcol_div_atts($atts,'wpcol-two-fifth') . '>'.$this->wpcol_strip_autop($content).'</div>';
178
+ }
179
+
180
+ function wpcol_two_fifth_end($atts, $content = null) {
181
+ return '<div' . $this->wpcol_div_atts($atts,'wpcol-two-fifth wpcol-last') . '>'.$this->wpcol_strip_autop($content).'</div>'.$this->wpcol_add_divider();
182
+ }
183
+
184
+ function wpcol_three_fifth($atts, $content = null) {
185
+ return '<div' . $this->wpcol_div_atts($atts,'wpcol-three-fifth') . '>'.$this->wpcol_strip_autop($content).'</div>';
186
+ }
187
+
188
+ function wpcol_three_fifth_end($atts, $content = null) {
189
+ return '<div' . $this->wpcol_div_atts($atts,'wpcol-three-fifth wpcol-last') . '>'.$this->wpcol_strip_autop($content).'</div>'.$this->wpcol_add_divider();
190
+ }
191
+
192
  function wpcol_div($atts, $content = null) {
193
  return '<div' . $this->wpcol_div_atts($atts,'') . '>' . $this->wpcol_strip_autop($content) . '</div>';
194
  }
346
  'twothird_width' => '',
347
  'twothird_width_type' => '%',
348
  'twothird_margin' => '',
349
+ 'twothird_margin_type' => '%',
350
+ 'onefifth_width' => '',
351
+ 'onefifth_width_type' => '%',
352
+ 'onefifth_margin' => '',
353
+ 'onefifth_margin_type' => '%',
354
+ 'twofifth_width' => '',
355
+ 'twofifth_width_type' => '%',
356
+ 'twofifth_margin' => '',
357
+ 'twofifth_margin_type' => '%',
358
+ 'threefifth_width' => '',
359
+ 'threefifth_width_type' => '%',
360
+ 'threefifth_margin' => '',
361
+ 'threefifth_margin_type' => '%'
362
  );
363
 
364
  // get saved options
420
  $options['twothird_width_type'] = $_POST['twothird_width_type'];
421
  $options['twothird_margin'] = trim($_POST['twothird_margin']);
422
  $options['twothird_margin_type'] = $_POST['twothird_margin_type'];
423
+ $options['onefifth_width'] = trim($_POST['onefifth_width']);
424
+ $options['onefifth_width_type'] = $_POST['onefifth_width_type'];
425
+ $options['onefifth_margin'] = trim($_POST['onefifth_margin']);
426
+ $options['onefifth_margin_type'] = $_POST['onefifth_margin_type'];
427
+ $options['twofifth_width'] = trim($_POST['twofifth_width']);
428
+ $options['twofifth_width_type'] = $_POST['twofifth_width_type'];
429
+ $options['twofifth_margin'] = trim($_POST['twofifth_margin']);
430
+ $options['twofifth_margin_type'] = $_POST['twofifth_margin_type'];
431
+ $options['threefifth_width'] = trim($_POST['threefifth_width']);
432
+ $options['threefifth_width_type'] = $_POST['threefifth_width_type'];
433
+ $options['threefifth_margin'] = trim($_POST['threefifth_margin']);
434
+ $options['threefifth_margin_type'] = $_POST['threefifth_margin_type'];
435
 
436
  update_option($this->EasyColumns_DB_option, $options);
437
 
463
  $twothird_width_type = $options['twothird_width_type'];
464
  $twothird_margin = $options['twothird_margin'];
465
  $twothird_margin_type = $options['twothird_margin_type'];
466
+ $onefifth_width = $options['onefifth_width'];
467
+ $onefifth_width_type = $options['onefifth_width_type'];
468
+ $onefifth_margin = $options['onefifth_margin'];
469
+ $onefifth_margin_type = $options['onefifth_margin_type'];
470
+ $twofifth_width = $options['twofifth_width'];
471
+ $twofifth_width_type = $options['twofifth_width_type'];
472
+ $twofifth_margin = $options['twofifth_margin'];
473
+ $twofifth_margin_type = $options['twofifth_margin_type'];
474
+ $threefifth_width = $options['threefifth_width'];
475
+ $threefifth_width_type = $options['threefifth_width_type'];
476
+ $threefifth_margin = $options['threefifth_margin'];
477
+ $threefifth_margin_type = $options['threefifth_margin_type'];
478
+
479
  $plugin_url = $this->plugin_url;
480
 
481
  // include the options page
img/easy-column-logo.jpg CHANGED
Binary file
readme.txt CHANGED
@@ -4,8 +4,8 @@ Donate link: http://www.affiliatetechhelp.com/wordpress/easy-columns
4
  Tags: columns, column, grid layout, layout, magazine, page, posts, magazine columns, magazine layout, float div
5
 
6
  Requires at least: 2.7
7
- Tested up to: 3.1.2
8
- Stable tag: 1.1
9
 
10
  Easy Columns provides the shortcodes to create a grid system or magazine style columns for laying out your pages just the way you need them.
11
 
@@ -13,7 +13,7 @@ Easy Columns provides the shortcodes to create a grid system or magazine style c
13
 
14
  Easy Columns provides the shortcodes to create a grid system or magazine style columns for laying out your pages just the way you need them.
15
 
16
- Using shortcodes for 1/4, 1/2, 1/3, 2/3, and 3/4 columns, you can insert at least fifteen unique variations of columns on any page or post.
17
 
18
  Quickly add columns to your pages from the editor with an easy to use "pick n' click" interface!
19
 
@@ -32,28 +32,46 @@ To create content with 3 columns, you would use the shortcodes like this:
32
  3. Use any of the following shortcodes in your posts or pages:
33
  Available Shortcodes:
34
 
35
- [wpcol_1quarter id="" class="" style=""][/wpcol_1quarter]
36
- [wpcol_1quarter_end id="" class="" style=""][/wpcol_1quarter_end]
 
37
 
38
- [wpcol_1half id="" class="" style=""][/wpcol_1half]
39
- [wpcol_1half_end id="" class="" style=""][/wpcol_1half_end]
 
40
 
41
- [wpcol_3quarter id="" class="" style=""][/wpcol_3quarter]
42
- [wpcol_3quarter_end id="" class="" style=""][/wpcol_3quarter_end]
 
43
 
44
- [wpcol_1third id="" class="" style=""][/wpcol_1third]
45
- [wpcol_1third_end id="" class="" style=""][/wpcol_1third_end]
 
46
 
47
- [wpcol_2third id="" class="" style=""][/wpcol_2third]
48
- [wpcol_2third_end id="" class="" style=""][/wpcol_2third_end]
 
49
 
50
- [wpdiv id="" class="" style=""][/wpdiv]
51
- (easily create DIVs in your content without editing HTML)
 
52
 
53
- [wpcol_divider] (clears all floats and creates a 10px high, 100% width div)
54
- [wpcol_end_left] (clears left float)
55
- [wpcol_end_right] (clears right float)
56
- [wpcol_end_both] (clears both)
 
 
 
 
 
 
 
 
 
 
 
 
57
 
58
  ** Be sure to insert the "_end" column shortcode for your last column! **
59
 
@@ -73,10 +91,12 @@ Columns can be used in CMS layouts, magazine layouts and squeeze page layouts -
73
 
74
  == Upgrade Notice ==
75
 
76
- = 1.1 =
77
- Minor fixes. Please upgrade!
78
 
79
  == Changelog ==
 
 
80
 
81
  = 1.1 =
82
  * Updated the shortcodes to clean up the WordPress &quot;Auto P&quot; functions that cause gaps, etc.
4
  Tags: columns, column, grid layout, layout, magazine, page, posts, magazine columns, magazine layout, float div
5
 
6
  Requires at least: 2.7
7
+ Tested up to: 3.1.3
8
+ Stable tag: 1.2
9
 
10
  Easy Columns provides the shortcodes to create a grid system or magazine style columns for laying out your pages just the way you need them.
11
 
13
 
14
  Easy Columns provides the shortcodes to create a grid system or magazine style columns for laying out your pages just the way you need them.
15
 
16
+ Using shortcodes for 1/4, 1/2, 1/3, 2/3, 3/4, 1/5, 2/5, and 3/5 columns, you can insert <strong>at least thirty</strong> unique variations of columns on any page or post.
17
 
18
  Quickly add columns to your pages from the editor with an easy to use "pick n' click" interface!
19
 
32
  3. Use any of the following shortcodes in your posts or pages:
33
  Available Shortcodes:
34
 
35
+ 1/4 columns
36
+ [wpcol_1quarter id="" class="" style=""][/wpcol_1quarter]
37
+ [wpcol_1quarter_end id="" class="" style=""][/wpcol_1quarter_end]
38
 
39
+ 1/2 columns
40
+ [wpcol_1half id="" class="" style=""][/wpcol_1half]
41
+ [wpcol_1half_end id="" class="" style=""][/wpcol_1half_end]
42
 
43
+ 3/4 columns
44
+ [wpcol_3quarter id="" class="" style=""][/wpcol_3quarter]
45
+ [wpcol_3quarter_end id="" class="" style=""][/wpcol_3quarter_end]
46
 
47
+ 1/3 columns
48
+ [wpcol_1third id="" class="" style=""][/wpcol_1third]
49
+ [wpcol_1third_end id="" class="" style=""][/wpcol_1third_end]
50
 
51
+ 2/3 columns
52
+ [wpcol_2third id="" class="" style=""][/wpcol_2third]
53
+ [wpcol_2third_end id="" class="" style=""][/wpcol_2third_end]
54
 
55
+ 1/5 columns
56
+ [wpcol_1fifth id="" class="" style=""][/wpcol_1fifth]
57
+ [wpcol_1fifth_end id="" class="" style=""][/wpcol_1fifth_end]
58
 
59
+ 2/5 columns
60
+ [wpcol_2fifth id="" class="" style=""][/wpcol_2fifth]
61
+ [wpcol_2fifth_end id="" class="" style=""][/wpcol_2fifth_end]
62
+
63
+ 3/5 columns
64
+ [wpcol_3fifth id="" class="" style=""][/wpcol_3fifth]
65
+ [wpcol_3fifth_end id="" class="" style=""][/wpcol_3fifth_end]
66
+
67
+ special columns
68
+ [wpdiv id="" class="" style=""][/wpdiv]
69
+ (easily create DIVs in your content without editing HTML)
70
+
71
+ [wpcol_divider] (clears all floats and creates a 2px high, 100% width div)
72
+ [wpcol_end_left] (clears left float)
73
+ [wpcol_end_right] (clears right float)
74
+ [wpcol_end_both] (clears both)
75
 
76
  ** Be sure to insert the "_end" column shortcode for your last column! **
77
 
91
 
92
  == Upgrade Notice ==
93
 
94
+ = 1.2 =
95
+ Additional shortcodes added. Please upgrade!
96
 
97
  == Changelog ==
98
+ = 1.2 =
99
+ * Added Support for 1/5, 2/5 and 3/5 columns.
100
 
101
  = 1.1 =
102
  * Updated the shortcodes to clean up the WordPress &quot;Auto P&quot; functions that cause gaps, etc.
tinymce/editor_plugin.js CHANGED
@@ -19,7 +19,7 @@
19
  ed.windowManager.open({
20
  file : url + '/window.php',
21
  width : 400 + ed.getLang('ezColumns.delta_width', 0),
22
- height : 524 + ed.getLang('ezColumns.delta_height', 0),
23
  inline : 1
24
  }, {
25
  plugin_url : url // Plugin absolute URL
19
  ed.windowManager.open({
20
  file : url + '/window.php',
21
  width : 400 + ed.getLang('ezColumns.delta_width', 0),
22
+ height : 580 + ed.getLang('ezColumns.delta_height', 0),
23
  inline : 1
24
  }, {
25
  plugin_url : url // Plugin absolute URL
tinymce/img/2fifth3fifth.jpg ADDED
Binary file
tinymce/img/3fifth2fifth.jpg ADDED
Binary file
tinymce/img/5fifth.jpg ADDED
Binary file
tinymce/img/column.png CHANGED
Binary file
tinymce/img/onefifth.jpg ADDED
Binary file
tinymce/img/threefifth.jpg ADDED
Binary file
tinymce/img/twofifth.jpg ADDED
Binary file
tinymce/window.php CHANGED
@@ -48,6 +48,15 @@ function insertColumns(col) {
48
  case 'twothirds':
49
  colTxt += '[wpcol_2third id="" class="" style=""]Two Thirds Column[/wpcol_2third] ';
50
  break;
 
 
 
 
 
 
 
 
 
51
  case '4quarter':
52
  colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
53
  colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
@@ -94,6 +103,21 @@ function insertColumns(col) {
94
  colTxt += '[wpcol_2third id="" class="" style=""]Two Thirds Column[/wpcol_2third] ';
95
  colTxt += '[wpcol_1third_end id="" class="" style=""]Third Column[/wpcol_1third_end] ';
96
  break;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
97
  }
98
  insertText();
99
  }
@@ -186,21 +210,27 @@ select {
186
  </td>
187
  </tr>
188
  <tr>
189
- <td colspan="2" align="center">
190
  <a href="javascript:void(0);" onclick="insertColumns('quarter')";><img src="img/quarter.jpg" alt="One Quarter Column"></a>
191
  &nbsp;
192
  <a href="javascript:void(0);" onclick="insertColumns('half')";><img src="img/half.jpg" alt="One Half Column"></a>
193
  &nbsp;
194
  <a href="javascript:void(0);" onclick="insertColumns('threequarter')";><img src="img/threequarter.jpg" alt="One Three Quarter Column"></a>
195
- &nbsp;
196
  <a href="javascript:void(0);" onclick="insertColumns('third')";><img src="img/third.jpg" alt="One Third Column"></a>
197
  &nbsp;
198
  <a href="javascript:void(0);" onclick="insertColumns('twothirds')";><img src="img/twothirds.jpg" alt="One Two Thirds Column"></a>
 
 
 
 
 
 
199
  </td>
200
  </tr>
201
  <tr>
202
  <td colspan="2" class="hdrRow">
203
- Insert Multiple Columns (1/4, 1/2, 3/4)
204
  </td>
205
  </tr>
206
  <tr>
@@ -236,8 +266,11 @@ select {
236
  </td>
237
  </tr>
238
  <tr>
239
- <td colspan="2" class="hdrRow">
240
- Insert Multiple Columns (1/3, 2/3)
 
 
 
241
  </td>
242
  </tr>
243
  <tr>
@@ -245,7 +278,7 @@ select {
245
  <a href="javascript:void(0);" onclick="insertColumns('3third')";><img src="img/3third.jpg" alt="Three One Third Columns"></a>
246
  </td>
247
  <td align="center">
248
- &nbsp;
249
  </td>
250
  </tr>
251
  <tr>
@@ -253,7 +286,7 @@ select {
253
  <a href="javascript:void(0);" onclick="insertColumns('1third2third')";><img src="img/1third2third.jpg" alt="One Third &amp; One Two Thirds Column"></a>
254
  </td>
255
  <td align="center">
256
- &nbsp;
257
  </td>
258
  </tr>
259
  <tr>
@@ -261,10 +294,11 @@ select {
261
  <a href="javascript:void(0);" onclick="insertColumns('2third1third')";><img src="img/2third1third.jpg" alt="One Two Thirds &amp; One Third Column"></a>
262
  </td>
263
  <td align="center">
264
- &nbsp;
265
  </td>
266
  </tr>
267
  </table>
 
268
  <table border="0" cellpadding="2" cellspacing="0">
269
  <tr>
270
  <td colspan="2" class="hdrRow">
48
  case 'twothirds':
49
  colTxt += '[wpcol_2third id="" class="" style=""]Two Thirds Column[/wpcol_2third] ';
50
  break;
51
+ case 'onefifth':
52
+ colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
53
+ break;
54
+ case 'twofifths':
55
+ colTxt += '[wpcol_2fifth id="" class="" style=""]Two Fifths Column[/wpcol_2fifth] ';
56
+ break;
57
+ case 'threefifths':
58
+ colTxt += '[wpcol_3fifth id="" class="" style=""]Three Fifths Column[/wpcol_3fifth] ';
59
+ break;
60
  case '4quarter':
61
  colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
62
  colTxt += '[wpcol_1quarter id="" class="" style=""]Quarter Column[/wpcol_1quarter] ';
103
  colTxt += '[wpcol_2third id="" class="" style=""]Two Thirds Column[/wpcol_2third] ';
104
  colTxt += '[wpcol_1third_end id="" class="" style=""]Third Column[/wpcol_1third_end] ';
105
  break;
106
+ case '5fifth':
107
+ colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
108
+ colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
109
+ colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
110
+ colTxt += '[wpcol_1fifth id="" class="" style=""]One Fifth Column[/wpcol_1fifth] ';
111
+ colTxt += '[wpcol_1fifth_end id="" class="" style=""]One Fifth Column[/wpcol_1fifth_end] ';
112
+ break;
113
+ case '2fifth3fifth':
114
+ colTxt += '[wpcol_2fifth id="" class="" style=""]Two Fifths Column[/wpcol_2fifth] ';
115
+ colTxt += '[wpcol_3fifth_end id="" class="" style=""]Three Fifths Column[/wpcol_3fifth_end] ';
116
+ break;
117
+ case '3fifth2fifth':
118
+ colTxt += '[wpcol_3fifth id="" class="" style=""]Three Fifths Column[/wpcol_3fifth] ';
119
+ colTxt += '[wpcol_2fifth_end id="" class="" style=""]Two Fifths Column[/wpcol_2fifth_end] ';
120
+ break;
121
  }
122
  insertText();
123
  }
210
  </td>
211
  </tr>
212
  <tr>
213
+ <td colspan="2">
214
  <a href="javascript:void(0);" onclick="insertColumns('quarter')";><img src="img/quarter.jpg" alt="One Quarter Column"></a>
215
  &nbsp;
216
  <a href="javascript:void(0);" onclick="insertColumns('half')";><img src="img/half.jpg" alt="One Half Column"></a>
217
  &nbsp;
218
  <a href="javascript:void(0);" onclick="insertColumns('threequarter')";><img src="img/threequarter.jpg" alt="One Three Quarter Column"></a>
219
+ <br />
220
  <a href="javascript:void(0);" onclick="insertColumns('third')";><img src="img/third.jpg" alt="One Third Column"></a>
221
  &nbsp;
222
  <a href="javascript:void(0);" onclick="insertColumns('twothirds')";><img src="img/twothirds.jpg" alt="One Two Thirds Column"></a>
223
+ <br />
224
+ <a href="javascript:void(0);" onclick="insertColumns('onefifth')";><img src="img/onefifth.jpg" alt="One One Fifth Column"></a>
225
+ &nbsp;
226
+ <a href="javascript:void(0);" onclick="insertColumns('twofifths')";><img src="img/twofifth.jpg" alt="One Two Fifths Column"></a>
227
+ &nbsp;
228
+ <a href="javascript:void(0);" onclick="insertColumns('threefifths')";><img src="img/threefifth.jpg" alt="One Three Fifths Column"></a>
229
  </td>
230
  </tr>
231
  <tr>
232
  <td colspan="2" class="hdrRow">
233
+ Insert Columns (1/4, 1/2, 3/4)
234
  </td>
235
  </tr>
236
  <tr>
266
  </td>
267
  </tr>
268
  <tr>
269
+ <td class="hdrRow">
270
+ Insert Columns (1/3, 2/3)
271
+ </td>
272
+ <td class="hdrRow">
273
+ Insert Columns (1/5, 2/5, 3/5)
274
  </td>
275
  </tr>
276
  <tr>
278
  <a href="javascript:void(0);" onclick="insertColumns('3third')";><img src="img/3third.jpg" alt="Three One Third Columns"></a>
279
  </td>
280
  <td align="center">
281
+ <a href="javascript:void(0);" onclick="insertColumns('5fifth')";><img src="img/5fifth.jpg" alt="Five One Fifth Columns"></a>
282
  </td>
283
  </tr>
284
  <tr>
286
  <a href="javascript:void(0);" onclick="insertColumns('1third2third')";><img src="img/1third2third.jpg" alt="One Third &amp; One Two Thirds Column"></a>
287
  </td>
288
  <td align="center">
289
+ <a href="javascript:void(0);" onclick="insertColumns('2fifth3fifth')";><img src="img/2fifth3fifth.jpg" alt="One Two Fifths &amp; One Three Fifths Column"></a>
290
  </td>
291
  </tr>
292
  <tr>
294
  <a href="javascript:void(0);" onclick="insertColumns('2third1third')";><img src="img/2third1third.jpg" alt="One Two Thirds &amp; One Third Column"></a>
295
  </td>
296
  <td align="center">
297
+ <a href="javascript:void(0);" onclick="insertColumns('3fifth2fifth')";><img src="img/3fifth2fifth.jpg" alt="One Three Fifths &amp; One Two Fifths Column"></a>
298
  </td>
299
  </tr>
300
  </table>
301
+
302
  <table border="0" cellpadding="2" cellspacing="0">
303
  <tr>
304
  <td colspan="2" class="hdrRow">