Title: Responsive Table Layout
Author: Maarten Menten
Published: <strong>Èrèlé  3, 2016</strong>
Last modified: Bélú 25, 2017

---

Ṣàwárí àwọn plugin

Plugin yìí **kò tíì ṣe àyẹ̀wò pẹ̀lú àwọn ìtújáde mẹ́ta pàtàkì tó kẹ́yìn ti WordPress**.
Ó lè jẹ́ pé a kò tọ́jú tàbí ṣe àtìlẹ́yìn fún un mọ́, ó sì lè ní àwọn ọ̀ràn ìbámu
nígbà tí a bá lò ó pẹ̀lú àwọn ẹ̀yà WordPress tuntun.

![](https://s.w.org/plugins/geopattern-icon/table-layout.svg)

# Responsive Table Layout

 Láti ọwọ́ [Maarten Menten](https://profiles.wordpress.org/maartenm/)

[Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/table-layout.1.5.3.zip)

 * [Àwọn àlàyé](https://yor.wordpress.org/plugins/table-layout/#description)
 * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/table-layout/#reviews)
 *  [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/table-layout/#installation)
 * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/table-layout/#developers)

 [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/table-layout/)

## Àpèjúwe

It contains an editor that uses responsive rows and columns. For each device (phone,
tablet, …) you can choose how many columns should be displayed and how wide they
must be. Content can be added in every column.

 * available at each post edit screen (for any post type)
 * writes content to the main post editor (no [custom fields](https://codex.wordpress.org/Custom_Fields))
 * ability to toggle between the responsive layout editor and the default WordPress
   editor.
 * column content is added via a [WordPress editor](https://codex.wordpress.org/Function_Reference/wp_editor)
 * makes use of row and column [shortcodes](https://codex.wordpress.org/Shortcode_API)
 * available for each [post type](https://codex.wordpress.org/Post_Types)

## Àwọn àwòrán ìbòjú

[⌊editor⌉⌊editor⌉[

editor

[⌊layout settings⌉⌊layout settings⌉[

layout settings

[⌊background settings⌉⌊background settings⌉[

background settings

[⌊general settings⌉⌊general settings⌉[

general settings

[⌊content settings⌉⌊content settings⌉[

content settings

[⌊responiveness settings⌉⌊responiveness settings⌉[

responiveness settings

[⌊front large screen⌉⌊front large screen⌉[

front large screen

[⌊front small screen⌉⌊front small screen⌉[

front small screen

## Ìgbéwọlẹ̀

 1. Upload the plugin files to the `/wp-content/plugins/table-layout` directory, or
    install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## FAQ

  Installation Instructions

 1. Upload the plugin files to the `/wp-content/plugins/table-layout` directory, or
    install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## Àwọn àgbéyẹ̀wò

![](https://secure.gravatar.com/avatar/66d739d1144ff479d35b96234daf7ea30b79e1df48507b5a25986a5d75e23e0c?
s=60&d=retro&r=g)

### 󠀁[Well thought and effective plug-in, thanks!](https://wordpress.org/support/topic/well-thought-and-effective-plug-in-thanks/)󠁿

 [PhilippePierre](https://profiles.wordpress.org/philippe-pierre/) Ọwẹ́wẹ̀ 3, 2016

Really glad to find an effective and easy to use (Visual Composer style) plug-in
to build responsive tables, thank you very much! (Although few details can be fixed
or improved, as suggested by @burnuser) Only one problem so far : when used with
plug-in ARVE (Advanced Responsive Video Embedder), plain video links show well in
post editor (text input area) but donÌtumọ̀ Yorùbá: ’t display when post edited (
just the text link). Opposite might be acceptable but as it is now, itÌtumọ̀ Yorùbá:’
s unfortunately unusable (this said, my rating stays 5 stars!). Thank you in advance
for the fixing.

![](https://secure.gravatar.com/avatar/c523fad78fd83f56c5cdd5d86f34d390264009285dba8e5bbfb5a8f601529fc5?
s=60&d=retro&r=g)

### 󠀁[Awesome](https://wordpress.org/support/topic/awesome-3466/)󠁿

 [i4110017](https://profiles.wordpress.org/i4110017/) Ọwẹ́wẹ̀ 3, 2016

Thank you so much for creating this awesome plugin!

![](https://secure.gravatar.com/avatar/45c3ba3183487e48acc7c4d4478100295eb98aec30a273cd8e8203483e9d55f6?
s=60&d=retro&r=g)

### 󠀁[Very effective way to structurize your content in any WP Theme](https://wordpress.org/support/topic/very-effective-way-to-structurize-your-content-in-any-wp-theme/)󠁿

 [arsadka](https://profiles.wordpress.org/arsadka/) Ọwẹ́wẹ̀ 3, 2016 1 ìdáhùn

I was searching for a plugin which allows me to easily make several columns and 
rows to structurize the content of a site I was working on. This plugin does exactly
that! And it does it in an intuitive and easy way. An on top of that it is responsive!!!
It is quite complete already and the updates seem to come quite often. Still some
little things are needed for it to be even better, but as announced by the author,
there are some nice features coming. 😉 IÌtumọ̀ Yorùbá: ’m very happy and thankfull!
Great plugin and highly recommended!

![](https://secure.gravatar.com/avatar/44fa64c314958042d5b1b03f39e4daf73e8f7adc7b4cbc92f8f10614c009534e?
s=60&d=retro&r=g)

### 󠀁[Works great! Ìtumọ̀ Yorùbá: – But could be even better 🙂](https://wordpress.org/support/topic/works-great-but-could-be-even-better/)󠁿

 [burnuser](https://profiles.wordpress.org/burnuser/) Ọwẹ́wẹ̀ 3, 2016 1 ìdáhùn

IÌtumọ̀ Yorùbá: ’m working with this tool for a few days and compared it with SiteOrigin.
In which only widgets can be inserted. Resulting in a problem with theme Twenty 
Sixteen widget design: Each widget has a thick line above it! … looks very cluttered
on a composed page. Responsive Table Layout uses WP main editor Ìtumọ̀ Yorùbá: –
with no layout problems! But there are also a few things, that could be even better:
My main point: to much screen-space consumed! 1.) In my opinion there is too much
space/distance between rows! 2.) The button “Table Layout Editor” takes too much
space in WP Editor (I use Table layout Editor only for some pages, on all others
WP Editor) + using Table Layout Editor seems to set the regular editor Ìtumọ̀ Yorùbá:–
opening a regular page/post Ìtumọ̀ Yorùbá: – to “text”. But it should be visual.(
Irritating … and could be a problem for WordPress beginners.) Suggestions: *) Make
space between rows free configurable! (all + one by one) *) Make space between content
blocks free configurable *) Make space between columns free configurable *) Tune
content block Layout Ìtumọ̀ Yorùbá: – space: “small” is already very large! *) Make
button “Table Layout Editor” a tab besides visual and text *) leave standard WP 
editor in mode “visual” *) add a settings-page for configuration (standard row-space,…)*)
add a “widget component” (compete with SiteOrigin & Co.!) *) add tag: page builder(
to be found!) *) having widget component add tags: widget, widgets But anyway a 
very good tool!

![](https://secure.gravatar.com/avatar/fa3c0c3ff42057033ca33c1c174bc8e45315109645911f408c929b77c4b7d650?
s=60&d=retro&r=g)

### 󠀁[Works like a charm](https://wordpress.org/support/topic/works-like-a-charm-743/)󠁿

 [valmering](https://profiles.wordpress.org/valmering/) Ọwẹ́wẹ̀ 3, 2016 7 àwọn ìdáhùn

Great work in developing this plug-in; much better that all the column/resizing 
tools IÌtumọ̀ Yorùbá: ’ve used. Would be good to add the possibility to add rowÌtumọ̀
Yorùbá: ’s on top iso only below 🙂

![](https://secure.gravatar.com/avatar/0a1578beec074e68e2de1241d7d8848a3059eae6af2c8b433f547a0abac74321?
s=60&d=retro&r=g)

### 󠀁[Excellent Work: same power as Visual Composer!!!](https://wordpress.org/support/topic/excellent-work-same-power-as-visual-composer/)󠁿

 [Hansjörg Jäckel](https://profiles.wordpress.org/hansjoergjaeckel/) Ọwẹ́wẹ̀ 3, 
2016 3 àwọn ìdáhùn

Hi Maarten, WOW … you have here developed the general same functionality as Visual
Composer from “wpbakery” purchased on codecanyon.net … but for free!!! I couldnÌtumọ̀
Yorùbá: ’t understood, why you have only so less installation? Please maintain your
very powerful “Layout Builder” PlugIn here also in the future … Tanks very much &
best Regards

 [ Ka gbogbo àwọn àgbéyẹ̀wò 6 ](https://wordpress.org/support/plugin/table-layout/reviews/)

## Àwọn Olùkópa & Olùgbéejáde

“Responsive Table Layout” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí 
ti ṣe ìkópa sí plugin yìí.

Àwọn Olùkópa

 *   [ Maarten Menten ](https://profiles.wordpress.org/maartenm/)
 *   [ iValue ](https://profiles.wordpress.org/ivalue/)

[Túmọ̀ “Responsive Table Layout” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/table-layout)

### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?

[Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/table-layout/), ṣàyẹ̀wò
[ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/table-layout/), tàbí ṣe àgbékalẹ̀
sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/table-layout/) nípasẹ̀
[RSS](https://plugins.trac.wordpress.org/log/table-layout/?limit=100&mode=stop_on_copy&format=rss).

## Àkọsílẹ̀ àwọn àyípadà

#### 1.5.3

Release date: Mar 22th, 2016

 * Enhancement Ìtumọ̀ Yorùbá: – component source screen: code is automatically selected
   when screen is opened
 * Fix Ìtumọ̀ Yorùbá: – component source screen: update only applied on empty components
 * Enhancement Ìtumọ̀ Yorùbá: – icon picker: icon size increased
 * Enhancement Ìtumọ̀ Yorùbá: – icon picker: limited width
 * Enhancement Ìtumọ̀ Yorùbá: – added plugin tag ‘page builder’

#### 1.5.2

Release date: Mar 15th, 2016

 * Fix Ìtumọ̀ Yorùbá: – background position was not set
 * Fix Ìtumọ̀ Yorùbá: – component not visible after closing settings page without
   form submission (editor)
 * Fix Ìtumọ̀ Yorùbá: – component source screen: code not always up-to-date
 * Fix Ìtumọ̀ Yorùbá: – component source screen: code is the code of the component
   itself (not only the children)
 * Enhancement Ìtumọ̀ Yorùbá: – component source screen: improved interface
 * Fix Ìtumọ̀ Yorùbá: – added component source control for columns
 * Fix Ìtumọ̀ Yorùbá: – removed unused row shortcode attribute ‘layout’ (was set
   after submitting settings page)
 * Fix Ìtumọ̀ Yorùbá: – overruled heading margin. use only margin set via settings
   screen (front-end)
 * Enhancement Ìtumọ̀ Yorùbá: – added body class ‘table-layout’ when Table Layout
   shortcodes are used (front-end)
 * Enhancement Ìtumọ̀ Yorùbá: – added wrapper element ‘.mmtl-wrap’ arround Table
   Layout generated html (front-end)

#### 1.5.1

Release date: Mar 15th, 2016

 * Fix Ìtumọ̀ Yorùbá: – regular expression error when fetching icon classes
 * Fix Ìtumọ̀ Yorùbá: – updater: also looking for column shortcodes without attributes

#### 1.5.0

Release date: Mar 14th, 2016

 * Enhancement Ìtumọ̀ Yorùbá: – possibility to add background image for columns
 * Fix Ìtumọ̀ Yorùbá: – editor fullscreen mode exits when lightbox is open and esc
   key is pressed (only close lightbox)
 * Fix Ìtumọ̀ Yorùbá: – default post editor was visible before editor was loaded
 * Enhancement Ìtumọ̀ Yorùbá: – added heading component
 * Enhancement Ìtumọ̀ Yorùbá: – added textblock component
 * Enhancement Ìtumọ̀ Yorùbá: – added button component
 * Enhancement Ìtumọ̀ Yorùbá: – added icon component
 * Enhancement Ìtumọ̀ Yorùbá: – ability to alter the source of a row component
 * Enhancement Ìtumọ̀ Yorùbá: – updated editor look

#### 1.4.2

Release date: Feb 26th, 2016

 * Fix Ìtumọ̀ Yorùbá: – changes lost after updating post (editor could not write
   to post content editor because view mode was active after updating column content)
 * Enhancement Ìtumọ̀ Yorùbá: – show WordPress ‘content’ editor when debug mode 
   is active

#### 1.4.1

Release date: Feb 25th, 2016

 * Enhancement Ìtumọ̀ Yorùbá: – changed plugin name ’Table Layout’ to ‘Responsive
   Table Layout’
 * Enhancement Ìtumọ̀ Yorùbá: – removed ajax call for getting thumbnail url when
   background image is selected (data already provided in callback)
 * Fix Ìtumọ̀ Yorùbá: – removed fullscreen placeholder when editor is deactivated
 * Fix Ìtumọ̀ Yorùbá: – updated `<h2>` styling for editor content
 * Fix Ìtumọ̀ Yorùbá: – removed focus from ‘Add row’ button when clicked (editor)
 * Enhancement Ìtumọ̀ Yorùbá: – placed decrease and increase column width controls
   next to each other (editor)
 * Fix Ìtumọ̀ Yorùbá: – removed unnecessary ajax call for background image preview
   when no background images are set (editor)
 * Fix Ìtumọ̀ Yorùbá: – ajax loader hidden by default (editor)
 * Enhancement Ìtumọ̀ Yorùbá: – added html element div.mmtl-overlay that provides
   the ability to add a transparant colour above a background image
 * Enhancement Ìtumọ̀ Yorùbá: – applied row/column related html idÌtumọ̀ Yorùbá:’
   s and classes to the element itself (div.mmtl-row/div.mmtl-col) instead of appending
   it to div.mmtl-content
 * enhancement Ìtumọ̀ Yorùbá: – added debug functionality (editor)
 * enhancement Ìtumọ̀ Yorùbá: – added id property for editor instance

#### 1.4.0

Release date: Feb 21th, 2016

 * Enhancement Ìtumọ̀ Yorùbá: – used css for component background image preview 
   instead of html element (editor)
 * Enhancement Ìtumọ̀ Yorùbá: – placeholder for column sorting is more precise (
   editor)
 * Enhancement Ìtumọ̀ Yorùbá: – removed row control for adding row after (editor)
 * Enhancement Ìtumọ̀ Yorùbá: – changed editor content styling
 * Enhancement Ìtumọ̀ Yorùbá: – added margin between columns in same row that are
   placed under each other (editor)
 * Enhancement Ìtumọ̀ Yorùbá: – possibility to add a row/column before or after 
   a row/column (editor)
 * Enhancement Ìtumọ̀ Yorùbá: – added contributor ‘iValue’ (readme file)
 * Enhancement Ìtumọ̀ Yorùbá: – possibility to toggle full screen (editor)
 * Enhancement Ìtumọ̀ Yorùbá: – added column controls to change column width (editor)

#### 1.3.9

Release date: Feb 14th, 2016

 * Enhancement Ìtumọ̀ Yorùbá: – simplified creation of editor setting screens
 * Enhancement Ìtumọ̀ Yorùbá: – removed background color from lightbox close button
 * Fix Ìtumọ̀ Yorùbá: – duplicate css class name for admin body class and settings
   screen caused unwanted styling issues
 * Enhancement Ìtumọ̀ Yorùbá: – changed editor component html attribute ‘data-model’
   to ‘data-id’ and added id attribute
 * Fix Ìtumọ̀ Yorùbá: – removed column push and pull in editor preview (caused sorting
   issues)
 * Enhancement Ìtumọ̀ Yorùbá: – added column meta for push and pull (editor)
 * Enhancement Ìtumọ̀ Yorùbá: – added background image preview in editor
 * Enhancement Ìtumọ̀ Yorùbá: – added html title attribute for icons and component
   meta data (editor)

#### 1.3.8

Release date: Feb 9th, 2016

 * Fix Ìtumọ̀ Yorùbá: – ‘This plugin is not properly prepared for localization’.
   removed prefix ‘mm-‘ from main plugin file and textdomain
 * Enhancement Ìtumọ̀ Yorùbá: – removed ‘mm-‘ prefix from ‘mm-table-layout’ in filenames,
   script and style handles

Plugin reactivation required after update.

#### 1.3.7

Release date: Feb 9th, 2016

 * Fix Ìtumọ̀ Yorùbá: – text domain missing for some language related functions
 * Enhancement Ìtumọ̀ Yorùbá: – Updated translations
 * Enhancement Ìtumọ̀ Yorùbá: – removed borders from screenshots

#### 1.3.6

Release date: Feb 4th, 2016

 * Enhancement Ìtumọ̀ Yorùbá: – added ‘grid’ tag (readme file)
 * Enhancement Ìtumọ̀ Yorùbá: – added ‘Domain Path’ for translations (plugin meta
   data)
 * Fix Ìtumọ̀ Yorùbá: – only show editor activation button when post type supports‘
   editor’
 * Fix Ìtumọ̀ Yorùbá: – editor activation button not visible when adding new post
 * Enhancement Ìtumọ̀ Yorùbá: – minified css files
 * Enhancement Ìtumọ̀ Yorùbá: – removed ‘Plugin URI’. old repository url (plugin
   meta data)

#### 1.3.5

Release date: Feb 3th, 2016

 * Enhancement Ìtumọ̀ Yorùbá: – added screenshots
 * Enhancement Ìtumọ̀ Yorùbá: – added contributor in readme file
 * Fix Ìtumọ̀ Yorùbá: – updated readme file: incorrect syntax for displaying screenshots
   on WordPress plugin page
 * Enhancement Ìtumọ̀ Yorùbá: – changed plugin Name in readme file
 * Fix Ìtumọ̀ Yorùbá: – replaced constant MMTL_TEXTDOMAIN with ‘mm-table-layout’:‘
   Do not use variable names for the text domain portion of a gettext function’

#### 1.3.4

Release date: Feb 3th, 2016

 * Enhancement Ìtumọ̀ Yorùbá: – changed plugin prefix ‘tl’ to a more unique prefix‘
   mmtl’
 * Enhancement Ìtumọ̀ Yorùbá: – replaced Fancybox with Featherlight (not licensed
   under GPL2)
 * Enhancement Ìtumọ̀ Yorùbá: – changed column and row html id and class format:{
   my-id}-wrap and {my-class}-wrap

_go to [GitHub](https://github.com/mmaarten/mm-table-layout/releases) for more information
about older releases_

## Àkójọpọ̀ Meta

 *  Ẹ̀yà **1.5.3**
 *  Ìgbàgbọ́hùn tó kẹ́yìn **ọdún 9 sẹ́yìn**
 *  Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **200+**
 *  Ẹ̀yà WordPress ** 4.0 tàbí ju bẹ́ẹ̀ lọ **
 *  Dánwò dé **4.4.34**
 *  Èdè
 * [English (US)](https://wordpress.org/plugins/table-layout/)
 * Àwọn àmì
 * [column](https://yor.wordpress.org/plugins/tags/column/)[grid](https://yor.wordpress.org/plugins/tags/grid/)
   [responsive](https://yor.wordpress.org/plugins/tags/responsive/)[row](https://yor.wordpress.org/plugins/tags/row/)
   [table](https://yor.wordpress.org/plugins/tags/table/)
 *  [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/table-layout/advanced/)

## Àwọn ìbò

 5 lára àwọn ìràwọ̀ 5.

 *  [  6 5-star reviews     ](https://wordpress.org/support/plugin/table-layout/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/table-layout/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/table-layout/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/table-layout/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/table-layout/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/table-layout/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/table-layout/reviews/)

## Àwọn Olùkópa

 *   [ Maarten Menten ](https://profiles.wordpress.org/maartenm/)
 *   [ iValue ](https://profiles.wordpress.org/ivalue/)

## Ìrànlọ́wọ́

Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́?

 [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/table-layout/)