Всем привет ! Сегодня мне хотелось бы рассказать вам о супер полезном плагине для сайта на wordpress. Плагин – MCE Table Buttons позволит вам создавать разнообразные таблицы для своего сайта, любой ширины и длинны. Вы сможете создавать адаптивные таблицы, сетки, колонки, в общем всё что угодно, включайте фантазию. Ячейки в таблице адаптивные, поэтому они автоматически подстраиваются под добавляемый вами элемент. Вы сможете экспериментировать с таблицами, например сделать одну строчку в таблице узкой, а другую широкой и т.д. В таблицы можно будет вставлять всё что угодно, изображения, текст, видео и т.д.
Вид на сайте.
Установить данный плагин вы сможете прямо из админ-панели wordpress. Перейдите по вкладке: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
После установки и активации плагина, у вас в меню визуального редактора появится новая кнопка-значок в виде Таблицы. Нажмите на кнопку – Таблицы, у вас откроется окно, наведите курсор мыши на вкладку Вставить таблицу, выберите количество строк и колонок в таблице, с помощью мыши отметьте синими квадратиками количество элементов в таблице и нажмите по таблице.
После чего у вас на странице редактирования появится таблица в виде сетки, вам только останется добавить содержание в каждую ячейку. В примере я сделал простую таблицу из цифр, вы же можете сделать, что нибудь по сложнее, например таблицу умножения или что нибудь ещё !
Вид таблицы с цифрами на сайте.
На этом у меня всё, плагин очень полезный и в то же время он очень простой, разобраться в нём у вас не составит особого труда. В общем действуйте и экспериментируйте, вас ограничивает только ваша голова и если не создавать себе никаких преград, то можно дойти до таких пределов, что голова кругом пойдёт ! Жду ваших комментариев, до новых встреч !
Огромное спасибо за информацию. Весь интернет перерыл столько мути всякой, а тут простейший плагин и всё за пару минут делается!
Спасибо! Отличный плагин.
Проблемка в том что он большой код пишет, описывая каждую ячейку цвет, размер шрифта и прочее, на одну цифру длинная строка кода
Так и должно быть, это Не проблема. Вы хотите чтобы у вас всё было, а вам ничего за это не было.
Привет Илья!
Спасибо пробую)
А то мои таблицы не адаптивные(. сейчас попробую этот плагин
Илья, помоги понять, пожалуйста.
Я установила этот плагин MCE Table Buttons. но ничего не вижу, что поменялось…
У меня уже стоят плагины: Genesis Columns Advanced и TinyMCE Advanced,
и таблицы и колонки я делаю, думаю с помощью этих плагинов. Их и достаточно?
Просто мои таблицы получаются не адаптированные под телефон… подумала, может MCE Table Buttons.
Запуталась) как всегда)
Наверно достаточно, не знаю. Вот этот плагин поставь себе – Definitely allow mobile zooming. Таблицу ты в любом случае на 100% не сделаешь адаптивной, иначе она будет слишком маленькой и не читаемой с мобильных. Для этого есть зуминг, то есть с помощью пальцев увеличивать и уменьшать.
Здравствуйте подскажите пожалуйста как сделать границы между ячейками прозрачными
Здравствуйте. Такие таблицы может делать плагин Shortcodes Ultimate