Как создать таблицу на wordpress сайте

WordPress

Всем привет ! Сегодня мне хотелось бы рассказать вам о супер полезном плагине для сайта на wordpress. Плагин – MCE Table Buttons позволит вам создавать разнообразные таблицы для своего сайта, любой ширины и длинны. Вы сможете создавать адаптивные таблицы, сетки, колонки, в общем всё что угодно, включайте фантазию. Ячейки в таблице адаптивные, поэтому они автоматически подстраиваются под добавляемый вами элемент. Вы сможете     экспериментировать с таблицами, например сделать одну строчку в таблице узкой, а другую широкой и т.д. В таблицы можно будет вставлять всё что угодно, изображения, текст, видео и т.д.

 

05-01-2016 20-52-08_mini

 

Вид на сайте.

 

05-01-2016 20-52-53_mini

 

Установить данный плагин вы сможете прямо из админ-панели wordpress. Перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

05-01-2016 20-29-57_mini

 

После установки и активации плагина, у вас в меню визуального редактора появится новая кнопка-значок в виде Таблицы. Нажмите на кнопку – Таблицы, у вас откроется окно, наведите курсор мыши на вкладку Вставить таблицу, выберите количество строк и колонок в таблице, с помощью мыши отметьте синими квадратиками количество элементов в таблице и нажмите по таблице.

 

05-01-2016 20-34-34_mini

 

После чего у вас на странице редактирования появится таблица в виде сетки, вам только останется добавить содержание в каждую ячейку. В примере я сделал простую таблицу из цифр, вы же можете сделать, что нибудь по сложнее, например таблицу умножения или что нибудь ещё !

 

05-01-2016 20-43-35_mini

 

Вид таблицы с цифрами на сайте.

 

05-01-2016 20-46-15_mini

На этом у меня всё, плагин очень полезный и в то же время он очень простой, разобраться в нём у вас не составит особого труда. В общем действуйте и экспериментируйте, вас ограничивает только ваша голова и если не создавать себе никаких преград, то можно дойти до таких пределов, что голова кругом пойдёт ! Жду ваших комментариев, до новых встреч !

 

info-effect.ru
Добавить комментарий для Liubov Отменить ответ

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Сергей

    Огромное спасибо за информацию. Весь интернет перерыл столько мути всякой, а тут простейший плагин и всё за пару минут делается!

    Ответить
  2. Мария

    Спасибо! Отличный плагин.

    Ответить
  3. Сережка

    Проблемка в том что он большой код пишет, описывая каждую ячейку цвет, размер шрифта и прочее, на одну цифру длинная строка кода

    Ответить
    1. Admin автор

      Так и должно быть, это Не проблема. Вы хотите чтобы у вас всё было, а вам ничего за это не было.

      Ответить
  4. Liubov

    Привет Илья!
    Спасибо пробую)
    А то мои таблицы не адаптивные(. сейчас попробую этот плагин

    Ответить
  5. Liubov

    Илья, помоги понять, пожалуйста.
    Я установила этот плагин MCE Table Buttons. но ничего не вижу, что поменялось…
    У меня уже стоят плагины: Genesis Columns Advanced и TinyMCE Advanced,
    и таблицы и колонки я делаю, думаю с помощью этих плагинов. Их и достаточно?
    Просто мои таблицы получаются не адаптированные под телефон… подумала, может MCE Table Buttons.
    Запуталась) как всегда) 

    Ответить
    1. Admin автор

      Наверно достаточно, не знаю. Вот этот плагин поставь себе – Definitely allow mobile zooming. Таблицу ты в любом случае на 100% не сделаешь адаптивной, иначе она будет слишком маленькой и не читаемой с мобильных. Для этого есть зуминг, то есть с помощью пальцев увеличивать и уменьшать.

      Ответить
  6. Евгений

    Здравствуйте подскажите пожалуйста как сделать границы между ячейками прозрачными

    Ответить
    1. Admin автор

      Здравствуйте. Такие таблицы может делать плагин Shortcodes Ultimate

      Ответить