Як додати в WordPress гарні адаптивні таблички Усі способи та плагіни
pricing table wp
Які плагіни для створення гарних адаптивних таблиць я вибрав для себе
Отже, я вирішив, що сам використовуватиму два варіанти:
Нижче наведено докладніші результати моїх пошуків плагінів, а також описані інші способи створення таблиць у Вордпресі.
Звичайні адаптивні таблиці для WordPress-сайту
Якщо ви хочете зафіксувати ширину стовпців, то Вам треба змінити код таблиці: table >. Якщо вам потрібно змінити колір рядка-заголовка, тоді вам потрібно вставити наступний CSS-код у спеціальну форму в налаштуваннях таблиці: .tablepress thead th, .tablepress tfoot th < background-color: #ff0000; >. Вставте замість #ff0000 свій колір. Ось базовий дизайн таблиці TablePress:
Tablepress wp table
Easy Table. 90000 активних установок. 70 чудових відгуків. Таблички неадаптивні, але при зменшенні ширини браузера з'являється смуга прокручування, що в принципі прийнятно. Таблички створюються легко. Дизайн не супер, але в крайньому випадку можна використовувати, крім того, можна самостійно налаштовувати зовнішній вигляд за допомогою CSS, чим я б займатися не хотів, хочеться брати готові красиві таблиці. Мені не дуже сподобалося, що таблички треба створювати в CSV-форматі, але в крайньому випадку можна скористатися і цим плагіном. Ось як виглядає табличка за умовчанням (в принципі, нічого):
Easy table test table
wpDataTables. Безкоштовна версія неадаптивна, платна версія коштує $35 (купити можна тут: wpDatatables). За останнім посиланням є демо адаптивної таблички, тож коли я перевіряв цю демо-табличку, то адаптивність не спрацювала, табличка не помістилася на вузькому екрані. Дизайн на мене враження незробив, але сподобалося, що можна створювати графіки. На сайті wordpress.org всього 10 000 активних установок та 15 хороших відгуків. Не вражає, користуватись не буду! Але пізніше я виявив, що на популярному американському сайті www.wpexplorer.com цей плагін розхвалили як плагін місяця та один із найкращих для створення таблиць. Я ще раз перевірив демо таблиці на адаптивність - обрізаються всі стовпці при звуженні екрана (. Дизайн мені не подобається. Перевіряв знову тут на сайті CodeCanyon: wpDatatables. На цьому сайті плагін продано близько 10 000 разів і при цьому має близько 500 хороших відгуків. Може , все-таки я помиляюся – адаптивність працює, і таблиці дуже гарні?
Зразок таблиці TinyMCE
Data Tables Generator by Supsystic. 10 000 активних установок, близько 200 хороших відгуків із середнім балом 4.9. Я прочитав хороший відгук про цю плагін у статті How to Create Responsive Tables in WordPress That Don't Suck. Таблиці дійсно виходять адаптивними, але не дуже гарно виглядають на маленьких екранах. У плагіні є кілька режимів адаптивності: стандартний режим (стовпці йдуть один під одним на маленьких екранах), режим автоматичного приховування стовпців, горизонтальне прокручування. Більш менш прийнятно виглядає режим горизонтальної прокрутки, інші режими виглядають дуже убого. Вбудованих шаблонів немає, але дизайн можна налаштовувати самостійно, змінюючи колір фону осередків. У налаштуваннях можна змінити мову плагіна на українську. У платній версії можна додати побудову графіків та діаграм. В цілому плагін прийнятний, можна користуватися, але він мені не сподобався, користуватися ним неприємно чи необхідних завдань він не вирішує. Але рекомендувати його до використання можна.
Плагіни, які перетворюють звичайні таблиціWP-сайту в адаптивні
Так, є плагіни, після встановлення яких усі таблиці на вашому сайті перетворюються на адаптивні. Я знайшов кілька варіантів:
Magic Liquidizer Responsive Table. 10 000 активних установок, 30 хороших відгуків із середнім балом 4.6. Цей плагін справді робить таблиці адаптивними, але робить це дуже криво. Замість того, щоб розмістити один стовпець під іншим, він з першого рядка із заголовками зробив стовпець і з усіх інших рядків він зробив стовпці, і розмістив їх один під одним. Я думаю, що цей плагін непридатний для використання. Я додав його у свій огляд, тому що в статті How to Create Responsive Tables in WordPress That Don't Suck написано, що він дуже хороший, і нічого кращого я не знайшов.
Automatic Responsive Tables. Мало того, що цей плагін працює так само, як і попередній, так у нього ще 1000 активних установок і 5 відгуків. Оновлювався плагін понад рік тому. Я додав його у свій огляд, тому що в статті How to Create Responsive Tables in WordPress That Don't Suck написано, що він дуже хороший, і нічого кращого я не знайшов. Не знаю, мені таке не личить.
Responsive Scrolling Tables. 1000 установок, 8 хороших відгуків, оновлювався більш ніж два роки тому. Плагін створює горизонтальну смугу прокручування для таблиць з фіксованою шириною стовпців. На диво, він спрацював дуже добре, додав гарну смугу прокручування. І у статті How to Create Responsive Tables in WordPress That Don't Suck написано, що він дуже хороший. Я сам ним скористатися не буду, тобто. мені не подобається, що він занедбаний і непопулярний, і його треба б більше потестувати, але його можна розглядати як варіант.
Список найкращих адаптивних табличок з цінами (прайс-листами) для WP-сайту
Таблички зпрайс-листами я не тестував, тому що вони мені поки що були не потрібні. Однак у процесі пошуку звичайних адаптивних таблиць я зібрав список плагінів для встановлення таблиць прайс-листів на WordPress. У мій список потрапили лише плагіни з гарними табличками, великою кількістю активних установок та гарних відгуків. Також я намагався дивитися, щоб плагін не був покинутим, останній раз оновлювався не так давно. Easy Pricing Tables. Хороший безкоштовний плагін для створення гарних табличок із прайс-листами. Я перевірив демо таблиць цього плагіна, таблички адаптивні та їх адаптивні версії виглядають дуже красиво. Він має 30 000 активних установок і 76 дуже хороших відгуків. Та й таблички на скріншотах гарні! Ще мені сподобалося, що в нього вже вбудована можливість відстежувати як конверсію в Google Аналітікс натисканням кнопки в таблиці, але ця опція є тільки в платній версії за $59.
Ось ще плагіни гарних адаптивних таблиць із цінами:
- Pricing Table by Supsystic (безкоштовний, 10000 активних установок, близько 100 відгуків із середнім балом 4.5);
- Responsive Pricing Table (безкоштовний, 10000 активних установок, близько 50 відгуків із середнім балом 4.5);
- CSS3 Responsive WordPress Compare Pricing Tables ($19, 10000 продажів, більше 1100 відгуків із середнім балом 4.5);
- Pure CSS Responsive Pricing Tables for WordPress ($18, 1000 продажів, більше 250 відгуків із середнім балом 4.0);
- Go Pricing – WordPress Responsive Pricing Tables ($25, 8000 продажів, понад 1000 відгуків із середнім балом 4.6).