Таблицы в WordPress. Обзор способов создания таблиц в ручном режиме и с помощью плагинов

Артем Абрамович

Меня зовут Артем Абрамович и я являюсь фрилансером-вордпресером. Занимаюсь настройкой и редактированием сайтов созданных на CMS WordPress. Это основная моя специализация, есть еще несколько работ, которыми я занимаюсь, но обо этом вы можете более подробно узнать из моего портфолио.

77 комментариев к “Таблицы в WordPress. Обзор способов создания таблиц в ручном режиме и с помощью плагинов”

  1. Плагин TablePress каждый пробел заменяет
    ,
    из за этого не удобно добавлять текст с тегами, а если убрать пробелы то каша из кода (не удобно редактировать).
    Также в нем нет возможности визуально форматировать текст.

    Ответить
    • +WPRUSe да не я не код вывожу, а внутри плагина пытался текст красивым сделать. И получается нужно сначала текст сделать красивым в другом месте, а потом без пробелов в ячейку скопировать, чтоб лишних отступов плагин не добавлял.

      Ответить
    • +Vadym Volos Не совсем понял, что требуется. Что значит текст красивым сделать?

      Ответить
    • +WPRUSe да я уже разобрался, решил использовать стандартную таблицу вордпресса, она оказалась удобнее. Красивым это значит списки из текста сделать, заголовок добавить, ссылки на нужные слова повесить.

      Ответить
    • +Vadym Volos Хм, вполне может быть что и убирает плагин все, он же шорткод формирует, а в шорткоде наверняка стоит убрка всех хтмл тегов, тут да, проще использовать штатные таблицы. Или сделать таблицу в ворде и просто скопировать в статью

      Ответить
    • +WPRUSe ну у меня вставляется не только ссылка, но и картинка/кнопка и тоже с ссылкой на купить. Но все равно, я писал уже, таблицей этой недоволен. Хотя по статистике ею пользуется многа народу, но я решил оставить ее в покое. Неудобно мне с ней работать,теряю много времени.

      Ответить
  2. Клёвое видео для начинающих типа меня! Лайк однозначно! Про описании так вообще молчу: подзабыл что то – щёлкул на ссылочку со временем!))) Очень удобно!

    Ответить
    • +Alex Shubin
      В видео версия плагина 1.6, а 13 декабря плагин обновился до версии 1.7 и там уже нет перевода, видимо много изменений произошло и перевод теперь не поддерживается

      Ответить
  3. У меня тоже TablePress после обновления перестал поддерживать русский язык. Это была уже последняя капля на мое негодование и я решил этот плагин вообще удалить и больше и забыть про него, как про страшный сон. Во первых, он слишком тяжелый, во вторых, куча настроек, которые можно было бы сделать не сноской в подвале, а в шапке таблицы, как в обычном редакторе WordPress. Такая фигня мне изрядно нервишки потрепала, когда нужно было не клон таблицы создавать, а с нуля.

    В общем я нашел лекарство. Есть простая и очень гибкая, шустрая, легкая в настройке (настроил за 3 минуты) таблица. Пусть это будет пока интригой. Я по долгу своей деятельности в Сети почти каждый день имею дело с таблицами, так что, Артем, ваше видео меня подстегнуло искать, а не пользоваться уже готовым советом. Завтра/послезавтра покажу на своей странице таблицу и попрошу Артема описать ее в своем очередном видеоуроке. 🙂

    Ответить
    • +Вадим Чернобублик
      Прямо-таки заинтриговали))) Буду ждать интересностей

      Ответить
  4. Итак, интрига закончилась.
    Артем, вы меня извините, но приведу для сравнения две страницы со своего сайта. Если посчитаете это за спам, то имеете полное право удалить.

    Вот так у меня на странице выглядит таблица TablePress _rerayter.com/katalog-statej/transport

    А это таблица, которую я обещал показать _rerayter.com/katalog-statej/tajny-mira-sego

    Сравните по внешнему виду, плюс скорость загрузки страниц. Для моих целей плагин таблиц Data Tables Generator by Supsystic более, чем устраивает. Эта версия плагина бесплатная,но с более широким функционалом есть платная версия.

    Плагин на русском языке, в настройках будет понятен даже Шарикову Полиграфу Полиграфовичу 🙂 Настраивается очень быстро, можно поиграться с настройками для выбора оптимального отображения таблицы. В редакторе таблицы необходимый минимум конструктора. Вполне достаточно, чтобы создать таблицу.

    Не буду отнимать хлеб в Артема… давайте попросим его обкатать таблицу и сделать для всех жаждущих полезный видеоурок.

    С уважением, Вадим. 🙂

    Ответить
    • +Вадим Чернобублик
      Хм, по скорости конечно второй вариант по быстрее, а визуально первый по красивше. Но плагин интересный, надо будет глянуть. Хотя если это данные из БД, то их можно вывести и без плагинов совсем, но посмотрим-посмотрим что за зверь

      Ответить
    • +WPRUSe, я бы мог разукрасить таблицу на любой манер, там предусмотрено в редакторе и это. Можно создать цветовую гамму как хош. Выделение срок тоже работает при наведении курсора мышки, но я не включал. Нет функций экспорта/импорта таблиц в бесплатной версии, но мне это не надо. Я не вижу разницы по затратам времени создавать таблицу в экселе и потом ее импортировать в блог. Какой смысл? Чтобы сохранить копию, вместо экспорта, можно просто скопировать таблицу и сохранить ее в любой документ. В общем разберетесь. Зверь хороший, вам понравится это уж точно. 🙂

      Ответить
    • +Вадим Чернобублик
      Не, я не про эксел говорил. Про БД самого сайта, например, если во всех строках нахдятся заголовки записей, то сие можно вывести просто циклом или например значения произвольных полей.
      В моей практике, только один раз пользовались вообще таблицами, как инструментом оформления текста – это создание прайса на услуги.

      Ответить
  5. спосиба,помог очень сильно. мне надо было сделать сайт для школы где все оценки.лайк

    Ответить
  6. как сделать таблицы одаптивными? уже всё пролазил,помагите

    Ответить
    • Никак, только если оборачивать таблицу в div и колонкам задавать ширину в процентах

      Ответить
  7. Подскажите, можно ли плагином реализовать таблицу, данные которой формируются из БД, или только вручную писать? Плюс нужно вешать на строки разные сценарии по OnClick / onmouseover И т.д.

    Ответить
  8. Работаю с tablepress и вот стала необходимость влезть в стили и немного поменять цвета в таблице под страницу сайта, но не как не могу найти где поменять цвет в коде. Пересмотрел весь код где стиле этого плагина, но все равно то что нужно не могу найти. Если не сложно подскажите точнее, где искать, а то я не особо силен в коде.

    Ответить
    • Надо смотреть через инспектор кода, определять класс на который цвет вешается и менять, так сложно сказать

      Ответить
    • Я уже разобрался, там все просто и понятно. На странице плагина, во вкладке опции есть поле для вставки кода css стилей. Нужные элементы кода есть на сайте разработчика плагина. Это если кому-то будет интересно. Но все равно спасибо за отклик.

      Ответить
    • вообще таблицы в принципе не адаптивная вещь, а если ползунок появляется на контейнере с таблицей, то это уже адаптивной можно считать. Реально адаптивить таблицы можно только если они простые.

      Ответить
  9. МСЕ – классные ребята, они кроме этого плагина для таблиц много разных полезных ништяков для ВП выпустили, при чем бесплатных.

    Ответить
  10. Подскажите как исправить проблему. Все таблицы не видимые…пытался присвоить стили и в коде и в css не получается. Грешу на шаблон. Но где можно в нем найти проблему мб кто сталкивался? шалбон xMag

    Ответить
    • Ну это явно стили надо править. Видимо в теме что-то не так. Проверьте сменой темы

      Ответить
  11. Как в каждой строке товара в tablepress прикрутить кнопку “Купить” что бы она автоматически добавляла товар в корзину? Некое подобие каталога интернет магазина.

    Ответить
  12. Здравствуйте!Подскажите, когда добавляю таблицу при помощи Table Press, Бога съезжает в правую сторону экрана, и слева образуется огромное белое пространство, и справа она прямо прилипает. Как это исправить? Спасибо.

    Ответить
    • Доброго! Что-то со стилями не так, пробуйте изменить тему и проверить еще раз

      Ответить
    • *Блоки для полных лохов – 3 дня бился – чтобы вставить элементарную страницу со свои кодом – как было раньше в версии 4.01* – одни косяки – пока не нашёл плагин TablePress

      Ответить
  13. Из-за твоих рекламных роликов , изображение на экране превращается в дальнозоркость +3. Ничего не видно. Просто ужасно.

    Ответить
  14. Спасибо большое, можно ли как то цвета добавлять в ячейки когда создаёшь таблицу при помощи плагина Table Press?

    Ответить
    • Наверное только через css, давно плагин не смотрел, может там при создании таблицы и есть какие-то настройки

      Ответить
  15. Люблю Ваш канал. Скажите а описание и заголовок таблицы отображаются для робота? Т.е. есть ли смысл прописывать ключевики в описании таблицы и ее названии?

    Ответить
    • Таблица вроде не запись, никакого смысла нет тайтлы для нее прописывать

      Ответить
    • @Финты WordPress понятно, и вчера смотрел в коде страницы (ctrl + U), заголовок страницы и ее описание никак не отображаются. Если через Table Press делать. Значит и смысл задавать описание таблицы отпадает. Он нужен только для удобства навигации в админке получается. Так?

      Ответить
  16. Скажите, а объединять и разделять ячейки на внутренние можно?

    Ответить
    • Нет, такое вроде не поддерживается. Но может в новых версиях что-то изменилось

      Ответить
  17. в элементоре вставляю шорт код и …хрен

    Ответить
  18. Здравствуйте Артем. А есть ли плагин который наличие товара и добавленный товар авто добавляет в прайс – лист на страницу?

    Ответить
  19. Привет. С помощью чего можно сделать рейтинг банков или МФО. Финансовую витрину? Спасибо

    Ответить

Добавить комментарий

%d такие блоггеры, как: