Title: Lightweight Grid Columns Author: Tom Published: 20.05.2015 Last modified: 14.03.2019 --- Поиск плагинов ![](https://ps.w.org/lightweight-grid-columns/assets/banner-772x250.png?rev=1164572) Этот плагин **не тестировался с последними 3 основными выпусками WordPress**. Скорее всего, он уже не поддерживается и может быть несовместим с текущими версиями WordPress. ![](https://ps.w.org/lightweight-grid-columns/assets/icon-128x128.png?rev=1164572) # Lightweight Grid Columns Автор: [Tom](https://profiles.wordpress.org/edge22/) [Скачать](https://downloads.wordpress.org/plugin/lightweight-grid-columns.1.0.zip) * [Детали](https://ru.wordpress.org/plugins/lightweight-grid-columns/#description) * [Отзывы](https://ru.wordpress.org/plugins/lightweight-grid-columns/#reviews) * [Установка](https://ru.wordpress.org/plugins/lightweight-grid-columns/#installation) * [Разработка](https://ru.wordpress.org/plugins/lightweight-grid-columns/#developers) [Поддержка](https://wordpress.org/support/plugin/lightweight-grid-columns/) ## Описание Плагин Lightweight Grid Columns очень прост в использовании. Установите и активируйте плагин. Управление колонками доступно через визуальный редактор — просто нажмите отдельную кнопку в редакторе и задайте свои размеры колонкам (см. пример на картинках). Укажите размеры для экрана стационарного компьютера, планшета и мобильного устройства, добавьте ваш контент, а затем вставьте шорткод на страницу. Плагин Lightweight Grid Columns работает на основе фреймворка Unsemantic Framework:( http://unsemantic.com/) Присоединяйтесь к GeneratePress, у нас очень много хороших тем для WordPress! (https:// wordpress.org/themes/generatepress) #### Плагин позволяет: * Задавать ширину колонок для экранов стационарных компьютеров * Задавать ширину колонок для экранов планшетов * Задавать ширину колонок для экранов мобильных устройств * Добавлять классы стилей к колонкам * Добавить свои стили для вывода контента * Создавать колонки одинаковой высоты ## Скриншоты [⌊Иконка для вывода контента в колонках находится в панели визуального редактора TinyMCE.⌉⌊Иконка для вывода контента в колонках находится в панели визуального редактора TinyMCE.⌉[ Иконка для вывода контента в колонках находится в панели визуального редактора TinyMCE. [⌊Задаете свои размеры колонкам. а встроенный генератор шорткодов делает за вас всю работу, вставляя готовый код на страницу.⌉⌊Задаете свои размеры колонкам. а встроенный генератор шорткодов делает за вас всю работу, вставляя готовый код на страницу.⌉[ Задаете свои размеры колонкам. а встроенный генератор шорткодов делает за вас всю работу, вставляя готовый код на страницу. [⌊Колонки получаются простыми и аккуратными!⌉⌊Колонки получаются простыми и аккуратными !⌉[ Колонки получаются простыми и аккуратными! ## Установка Плагин Lightweight Grid Columns можно установить двумя способами. 1. Перейдите в меню Plugins (Плагины) в раздел Add New (Добавить новый) и задайте в строке поиска название плагина Lightweight Grid Columns. 2. Скачайте с официального сайта WordPress.org файл плагина с расширением zip, распакуйте архив и закачайте папку с файлами с помощью FTP-клиента на хостинг в папку `/wp- content/plugins/`. В большинстве случаев первый способ срабатывает без проблем и он самый простой. ## Часто задаваемые вопросы Как добавить шорткод? * Убедитесь, что плагин Lightweight Grid Columns активирован. * Во время редактирования записи или страницы, перейдите в режим визуального редактора. * Смотрите иконку плагина (см. вкладку «Скриншоты»). * Укажите нужную ширину для стационарного компьютера, планшета и мобильного устройства. * Если вы добавляете последнюю в ряду колонку, поставьте галочку рядом с опцией« Last» ( «Последний»). Как быть, если я не могу использовать кнопку в редакторе TinyMCE? Элементарно! Просто добавьте шорткод в текст контента. Например, контент можно отображать на стационарных экранах компьютеров по 4 колонки, по 2 на планшетах и по одной на мобильных устройствах. ``` [lgc_column grid="25" tablet_grid="50" mobile_grid="100"]Some content[/lgc_column] [lgc_column grid="25" tablet_grid="50" mobile_grid="100"]Some content[/lgc_column] [lgc_column grid="25" tablet_grid="50" mobile_grid="100"]Some content[/lgc_column] [lgc_column grid="25" tablet_grid="50" mobile_grid="100" last="true"]Some content[/lgc_column] ``` Проверьте, стоит ли галочка у опции «Последний» для последней колонки. Если не стоит, поставьте и не забывайте про эту галочку) Какие значения в процентах можно указывать? Задействовано непосредственно из (http://unsemantic.com): При использовании плагина используются классы стилей вида grid-x, где «x» — значение ширины колонки в процентах. Значение ширины может задаваться с шагом в 5% от 5 до 100. (grid-5, grid-10 … grid-95, grid-100). Можно еще поделить страницу на три части, используя классы grid-33 и grid-66, что соответствует ширине 33.3333% и 66.6667% соответственно. Можно ли использовать другие опции в шорткодах плагина? Да! Вы можете: добавить класс [lgc_column grid=»25″ tablet_grid=»50″ mobile_grid=»100″ class=»push-25″]Нужный текст[/lgc_column] добавить стиль [lgc_column grid=»25″ tablet_grid=»50″ mobile_grid=»100″ style=»padding-left:0px;»] Нужный текст[/lgc_column] сделать колонки одинаковой высоты По умолчанию параметр для вывода одинаковых по высоте колонок задан как «true», т.е колонки одинаковой высоты выводятся во всех случаях, пока вы сами в шорткоде не зададите опцию для отключения. ``` [lgc_column grid="25" tablet_grid="50" mobile_grid="100" equal_heights="true"]Some content[/lgc_column] ``` ## Отзывы ![](https://secure.gravatar.com/avatar/d644397d3c4abc45f9bd274073f8ea8709d59aa21d2277356a4467fc46fd5bd3? s=60&d=retro&r=g) ### 󠀁[Really simple plugin](https://wordpress.org/support/topic/really-simple-plugin-6/)󠁿 [alvar05](https://profiles.wordpress.org/alvar05/) 28.10.2020 Thanks for a really simple and working plugin!! ![](https://secure.gravatar.com/avatar/78bb671054b8b8c990a0133623250b246c7c189eb0c5a1c128d8356b8530cc68? s=60&d=retro&r=g) ### 󠀁[Breaks Admin Bar](https://wordpress.org/support/topic/breaks-admin-bar-3/)󠁿 [Lindsey](https://profiles.wordpress.org/lchutchi/) 02.01.2020 The admin bar breaks upon installation and activation of this plugin. If you're having similar issues, deactivate to troubleshoot. ![](https://secure.gravatar.com/avatar/34cf944db4bb76723f8e46e3532ecdcd8d6f0210f4323c0f24d4d2c44f9ed08c? s=60&d=retro&r=g) ### 󠀁[Mega plugin](https://wordpress.org/support/topic/mega-plugin-4/)󠁿 [bazilio07](https://profiles.wordpress.org/bazilio07/) 09.10.2019 плагин шикарен, как и все творения Тома! ![](https://secure.gravatar.com/avatar/ec3470090cd54ba3622bda8a9c88a9792a3c5056de8e1c8ea1ff07d9c059949a? s=60&d=retro&r=g) ### 󠀁[Needs to be updated](https://wordpress.org/support/topic/needs-to-be-updated-9/)󠁿 [mediafluent](https://profiles.wordpress.org/mediafluent/) 04.09.2019 1 ответ to work with Gutenberg blocks. ![](https://secure.gravatar.com/avatar/9a91528deeb53161704f4fa1b82687f084fb9ea390704058ffc5a5e2e3578e10? s=60&d=retro&r=g) ### 󠀁[Simple to Use and Truly Lightweight](https://wordpress.org/support/topic/simple-to-use-and-truly-lightweight/)󠁿 [Terry J](https://profiles.wordpress.org/texasbiz/) 11.08.2019 The plugin does exactly what it is designed to do. Does it without all the bloat too. I use the classic editor and absolutely love this plugin:) Seems many are trying to make it over complicated. Just follow the instructions folks… I do no use Gutenburg and will not until it matures. Maybe at that time this plugin would make a great block for Gutenburg. Thank you Tom for sharing it with us! ![](https://secure.gravatar.com/avatar/128a7f6f94edf58d97d80d5e36074dad8460c93755573b3da685d25f28c96f3d? s=60&d=retro&r=g) ### 󠀁[Maybe Gutenberg Block in the Future?](https://wordpress.org/support/topic/maybe-gutenberg-block-in-the-future/)󠁿 [jingiz](https://profiles.wordpress.org/jingiz/) 07.04.2019 1 ответ Great Plugin, I recently started using Gutenberg and if you could turn this into a Block that would be awesome. Maybe for Generatepress, as a feature. [ Посмотреть все 42 отзыва ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/) ## Участники и разработчики «Lightweight Grid Columns» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники: Участники * [ Tom ](https://profiles.wordpress.org/edge22/) «Lightweight Grid Columns» переведён на 8 языков. Благодарим [переводчиков](https://translate.wordpress.org/projects/wp-plugins/lightweight-grid-columns/contributors) за их работу. [Перевести «Lightweight Grid Columns» на ваш язык.](https://translate.wordpress.org/projects/wp-plugins/lightweight-grid-columns) ### Заинтересованы в разработке? [Посмотрите код](https://plugins.trac.wordpress.org/browser/lightweight-grid-columns/), проверьте [SVN репозиторий](https://plugins.svn.wordpress.org/lightweight-grid-columns/), или подпишитесь на [журнал разработки](https://plugins.trac.wordpress.org/log/lightweight-grid-columns/) по [RSS](https://plugins.trac.wordpress.org/log/lightweight-grid-columns/?limit=100&mode=stop_on_copy&format=rss). ## Журнал изменений #### 1.0 * Переместить значение пользовательского класса в родительский контейнер * Почищен код плагина #### 0.7 * Исправлено странное поведение прокрутки, вызванное переходами и matchHeight. * Загрузка matchHeight только на тех страницах, где используется шорткоды этого плагина. #### 0.6 * Исправлена ошибка из-за которой не всегда содержимое выводилось в колонках при наличии шорткода #### 0.5 * Переместить настройку margin-bottom во внутренний элемент, чтобы атрибут style мог перезаписать ее. * Исправлена работа функции lgc_columns_helper чтобы устранить досадную ошибку с тегами `

` и `
` внутри шорткода. * Добавлена функция jQuery matchHeight чтобы выравнивать высоту колонок для лучшей отзывчивости. * Значительно сокращащен размер файла стилей #### 0.4 * Теперь иконка плагина в визуальном редакторе TinyMCE может отображаться для всех типов записей #### 0.3 * Исправлена ошибка, когда иконка плагина не отображалась в редакторе TinyMCE если были активны плагины SiteOrigin Page Builder и Black Studio TinyMCE Widget. * Добавлена совместимость с Internet Explorer 7 и 8 версии #### 0.2 * Появилась возможность добавлять переносы строк в колонках #### 0.1 * Самый первый рабочий вариант плагина ## Мета * Версия **1.0** * Обновление: **8 лет назад** * Активных установок: **10 000+** * Версия WordPress ** 4.5 или выше ** * Совместим вплоть до: **5.1.27** * Языки * [Czech](https://cs.wordpress.org/plugins/lightweight-grid-columns/), [English (US)](https://wordpress.org/plugins/lightweight-grid-columns/), [German](https://de.wordpress.org/plugins/lightweight-grid-columns/), [Indonesian](https://id.wordpress.org/plugins/lightweight-grid-columns/), [Portuguese (Portugal)](https://pt.wordpress.org/plugins/lightweight-grid-columns/), [Russian](https://ru.wordpress.org/plugins/lightweight-grid-columns/), [Spanish (Chile)](https://cl.wordpress.org/plugins/lightweight-grid-columns/), [Spanish (Spain)](https://es.wordpress.org/plugins/lightweight-grid-columns/) и [Vietnamese](https://vi.wordpress.org/plugins/lightweight-grid-columns/). * [Перевести на ваш язык](https://translate.wordpress.org/projects/wp-plugins/lightweight-grid-columns) * Метки: * [columns](https://ru.wordpress.org/plugins/tags/columns/)[grid columns](https://ru.wordpress.org/plugins/tags/grid-columns/) * [Дополнительно](https://ru.wordpress.org/plugins/lightweight-grid-columns/advanced/) ## Оценки 4.9 из 5 звёзд. * [ 40 5-звездный отзыв ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/?filter=5) * [ 0 4-звездный отзыв ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/?filter=4) * [ 1 3-звездный отзыв ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/?filter=3) * [ 1 2-звездный отзыв ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/?filter=2) * [ 0 1-звездный отзыв ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/?filter=1) [Ваш отзыв](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/#new-post) [Посмотреть всеотзывы](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/) ## Участники * [ Tom ](https://profiles.wordpress.org/edge22/) ## Поддержка Есть что сказать? Нужна помощь? [Перейти в форум поддержки](https://wordpress.org/support/plugin/lightweight-grid-columns/) ## Пожертвование Хотите поддержать улучшение этого плагина? [ Пожертвовать на развитие плагина ](https://generatepress.com/ongoing-development)