TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Підручник з плагінів TablePress для користувачів WordPress

9

У нашій попередній статті ми бачили, як додавати таблиці на сайт WordPress різними методами. Редактор блоків Гутенберга має вбудований табличний блок, що робить використання плагіна застарілим. Однак TablePress – один із плагінів, що дозволяє користувачам легко додавати привабливу таблицю на сайт WordPress. У цій статті ми розглянемо можливості та способи використання плагіна TablePress.

Вивчіть WordPress: Перегляньте 400+ безкоштовних посібників WordPress.

Чому TablePress Plugin?

Перейдіть до опції «Плагіни> Додати новий» на інформаційній панелі адміністратора WordPress і виконайте пошук за ключовим словом «Таблиця». Ви знайдете тисячі плагінів для створення різних типів таблиць, а пошук «tablepress» покаже плагін TablePress на першій сторінці.

Підручник з плагінів TablePress для користувачів WordPress

Плагін WordPress TablePress

  • Це повний безкоштовний плагін від автора Tobias Bäthge. Незважаючи на те, що розширення пропонуються як окремі плагіни преміум -класу, немає нав’язливих банерів або посилань, які просять вас оновитись з інформаційної панелі.
  • 800 тис. Активних встановлень з рейтингом 5 зірок від майже 4К користувачів не можуть бути помилковим судженням.
  • Гідна документація та дуже хороша підтримка на форумі.
  • Створіть уніфіковані таблиці на веб -сайті, а також налаштуйте зовнішній вигляд будь -якої таблиці за допомогою користувацького CSS.

Особливості плагіна TablePress

Плагін має такі функції, яких достатньо для створення таблиць для більшості загальних цілей:

  • Таблиці можна створювати та вставляти на будь -які сторінки вашого сайту у вигляді короткого коду.
  • Імпортуйте таблиці з Microsoft Excel у форматах XLS, XLSX та CSV. Також можливий імпорт за допомогою копіювання вручну та з формату JSON/HTML.
  • Таблиці можна експортувати у форматах CSV, JSON та HTML.
  • Пряме вставлення шорткоду таблиці у візуальний редактор.
  • Окремі таблиці можна налаштувати за допомогою користувацького CSS.
  • Складні таблиці даних із вікном пошуку, сторінкою та фільтрацією можна легко створити.

Як користуватися плагіном TablePress?

Встановіть та активуйте плагін, щоб побачити меню адміністратора, створене, як показано нижче:

Підручник з плагінів TablePress для користувачів WordPress

Параметри меню плагінів TablePress

Положення меню TablePress можна змінити в розділі «Параметри плагіна».

Плагін має такі розділи:

  • Усі таблиці – показує список усіх створених таблиць.
  • Додати нову – дозволяє створити нову таблицю.
  • Імпорт – пропонує різні варіанти імпорту одиничних і кількох таблиць.
  • Експорт – пропонує різні варіанти експорту одиничних і декількох таблиць.
  • Варіант плагіна – окремі таблиці можна налаштувати за допомогою CSS у цьому розділі.
  • Про програму – показує подробиці про плагін та інші деталі.

Підручник з плагінів TablePress для користувачів WordPress

Параметри плагіна WordPress TablePress

Створення таблиці в TablePress

Перейдіть на вкладку «Додати новий», де ви можете ввести основні дані, такі як назва таблиці, короткий опис та вибрати кількість стовпців та рядків для створення таблиці.

Підручник з плагінів TablePress для користувачів WordPress

Додати нову таблицю в TablePress

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

Пропозиція SEO: Оптимізуйте свій сайт за допомогою спеціальної 14 -денної безкоштовної пробної версії Semrush Pro.

Розділ інформаційної таблиці

Тут ви можете переглянути основні дані, які ви ввели на екрані створення, разом із шорткодом для вашої таблиці.

Підручник з плагінів TablePress для користувачів WordPress

Розділ інформаційної таблиці

Зміст таблиці

Тут потрібно ввести фактичний вміст таблиці у рядки та стовпці; перший рядок за замовчуванням вважається заголовком таблиці, який можна змінити в розділі «Параметри таблиці».

Підручник з плагінів TablePress для користувачів WordPress

Розділ змісту таблиці

Маніпулювання таблицями

Цей розділ пропонує такі функції:

  • Додайте рядки та стовпці до таблиці.
  • Приховувати, показувати, видаляти, дублювати та вставляти рядки та стовпці.

Підручник з плагінів TablePress для користувачів WordPress

Розділ маніпулювання таблицями

  • Натисніть кнопку «Вставити посилання» та виберіть клітинку таблиці, щоб відкрити спливаюче вікно вставки посилання WordPress за умовчанням. Ви також можете безпосередньо додавати посилання за допомогою якірних тегів HTML.
  • Подібно до посилань, натисніть «Вставити зображення» та клацніть клітинку, щоб вставити зображення з медіатеки WordPress. Ви також можете безпосередньо додавати зображення за допомогою тегу img HTML.
  • Розширений редактор дозволяє додавати відформатований вміст за допомогою простого редактора.

Підручник з плагінів TablePress для користувачів WordPress

Розширений редактор TablePress

  • Використовуйте параметри рядків і colspan, щоб об’єднати клітинку у рядку та стовпцях.

Атрибути Rowspan і Colspan не можна використовувати в розширених таблицях даних за допомогою бібліотеки JavaScript для сортування.

Параметри таблиці

Тут ви можете визначити верхній, нижній колонтитул, різні кольори для альтернативних рядків та виділити рядок при наведенні курсора. Ви також можете відобразити назву та опис таблиці вище або нижче таблиці.

Підручник з плагінів TablePress для користувачів WordPress

TablePress Параметри таблиці

Додайте додаткові класи CSS, щоб налаштувати вигляд таблиці, вам потрібно використовувати ці класи CSS на рівні теми та визначити стилі.

Особливості бібліотеки JavaScript таблиць даних

Якщо ви ввімкнули перший рядок таблиці як заголовок у розділі «Параметри таблиці», тоді таблицю можна перетворити на таблицю даних, увімкнувши функції в цьому розділі.

Підручник з плагінів TablePress для користувачів WordPress

Створення таблиць даних за допомогою TablePress

  • Сортування на основі будь -якого стовпця, просто натиснувши на стовпець.
  • Пошук / Фільтрація – дозволяє показати вікно пошуку у верхньому правому куті таблиці, і користувачі можуть відфільтрувати результати, ввівши ключове слово. Це дуже корисна функція, особливо якщо у вас багато рядків, а вміст не видно через сторінки.
  • Розбиття на сторінки – увімкніть сторінку для відображення лише окремих рядків із посиланнями «попередній / наступний» на сторінки в нижньому правому куті таблиці. Ви також можете дозволити користувачеві фільтрувати та переглядати певну кількість рядків.
  • Увімкніть горизонтальну прокрутку, якщо у таблиці багато стовпців, і додайте власні команди, якщо ви знаєте, як використовувати розширені таблиці даних.

Після завершення налаштувань перегляньте таблицю та збережіть зміни. Ви також можете видалити, скопіювати та експортувати таблицю з того самого екрана.

Вставлення таблиці в допис або сторінку

Кожна таблиця в TablePress матиме унікальний ідентифікатор, який можна побачити у розділі "Інформація про таблицю". Ви можете використовувати це як короткий код у редакторі Гутенберга або вставити код таблиці в класичний редактор за допомогою піктограми TablePress.

Перегляд усіх таблиць

Усі таблиці, створені за допомогою TablePress, можна переглянути в меню «TablePress> Усі таблиці». Ви можете виконувати такі дії, як копіювання, експорт та видалення як окремих таблиць, так і масово.

Підручник з плагінів TablePress для користувачів WordPress

Параметри на вкладці Усі таблиці

Імпорт таблиць

Хоча створення таблиці легко на екрані, це буде нудною задачею для великих таблиць. У таких сценаріях ви можете створювати таблиці за допомогою електронної таблиці Excel у форматі XLS, XLSX або CSV та імпортувати її на свій сайт WordPress на вкладці «Імпорт» плагіна TablePress. Перейдіть на вкладку «Імпорт», щоб побачити наведені нижче параметри.

Підручник з плагінів TablePress для користувачів WordPress

Імпортувати параметри таблиці в TablePress

  • Імпортувати джерело можна з файлу на вашому локальному комп’ютері, з URL -адреси, з файлу на сервері або вручну.
  • Виходячи з джерела, або завантажте файл із свого локального комп’ютера або надайте необхідну інформацію.
  • Виберіть формат файлу, якщо ви використовуєте XLSX, виберіть зі спадного меню параметр «XLSX -». Хоча XLSX все ще є бета -версією, він ідеально працює, як ми тестували.
  • Виберіть, чи потрібно створювати нову таблицю, або змінювати чи додавати наявну таблицю. Вибравши параметри заміни та додавання, відобразиться випадаючий список усіх існуючих таблиць, з яких можна вибрати таблицю.
  • Натисніть кнопку «Імпортувати», щоб почати імпорт таблиці.

Плагін дозволяє імпортувати кілька таблиць як zip -файл. Наприклад, якщо у вас є п’ять таблиць електронних таблиць XLSX, помістіть усі файли в одну папку та стисніть її у форматі zip. Просто завантажте zip -файл, щоб створити п’ять таблиць.

Експорт таблиць

Подібно до імпорту, усі існуючі таблиці можна експортувати у формат CSV, JSON або HTML на локальний комп’ютер. Також плагін дозволяє вибирати декілька таблиць та експортувати їх як zip -файл.

Підручник з плагінів TablePress для користувачів WordPress

Експорт таблиць у TablePress

Формати CSV та HTML експортують лише вміст таблиці, а формат JSON включає також параметри таблиці.

Налаштування таблиць у TablePress

До сих пір ми бачили параметри за замовчуванням, і на вкладці «Параметри плагінів» ви можете ввести користувацький CSS для однорідного керування або всіма таблицями, або керувати відображенням окремих таблиць.

Підручник з плагінів TablePress для користувачів WordPress

Додавання користувацького CSS у TablePress

Нижче наведено селектори для визначення вашого стилю:

  • .tablepress – усі таблиці TablePress повинні мати цей клас.
  • .tablepress-id-використовується для стилізації певної таблиці.
  • .column-id-використовується для стилізації стовпця таблиці.
  • .row-id-використовується для стилізації рядка таблиці.

Нижче наведено приклад таблиці, створеної за допомогою TablePress, припустимо ідентифікатор як 3, а деякі стилі налаштування наведені на основі цього прикладу:

Нижче код CSS потрібно додати в текстову область у розділі «Параметри плагіна> Спеціальний CSS» і переконатися, що встановлено прапорець «Завантажити ці команди« Спеціальний CSS », щоб вплинути на стиль таблиці».

Змініть ширину другого стовпця на 200 пікселів:

.tablepress-id-3 .column-2 { width: 200px; }

Змінити колір фону рядка 2 на червоний:

.tablepress-id-3 .row-2 td { Background-color: red; }

Змініть колір альтернативних рядків:

.tablepress-id-3 .odd td { background-color: red; } .tablepress-id-3 .even td { background-color: blue; }

Змінити колір рядка при наведенні:

.tablepress-id-3 .row-hover tr:hover td { background-color lightgrey; }

Загальні питання

Під час використання TablePress ми помітили кілька основних проблем:

  • Відповідність таблиць на мобільних пристроях, яку можна вирішити, встановивши розширення плагіна.
  • Вставлення таблиць у нижній або нижній колонтитул сайту – це можна вирішити за допомогою тегів шаблону з "$ query" як рядок або масив. Наприклад, нижче наведено приклад отримання табличних даних для таблиці id = 1:
<?php tablepress_print_table( array( 'id' => '1', 'use_datatables' => true, 'print_name' => false) ); ?>

Якщо ви зіткнулися з будь -якою іншою конкретною проблемою на своєму сайті, зверніться до форуму, щоб дізнатися, чи її вирішено, і перегляньте документацію, перш ніж надсилати запит підтримки. Ми помітили, що більшість проблем вирішувались в одному з цих місць.

Примітка: Вставлення HTML -тегів у клітинки таблиці не підтримується, хоча ви можете використовувати тег зображення, тег посилання, використовувати розширений редактор та розширення для додавання посилань.

Розширення TablePress

Хоча основні потреби можуть бути задоволені безкоштовною версією плагіна, ви можете завантажити додаткові розширення зі сторінки розширень TablePress для покращення функцій таблиць. Знову ж, як внесок у спільноту, автор пропонує всі розширення безкоштовно та називає декілька преміальних із проханням про пожертвування. З усіх розширень ми виявили, що ” Адаптивні таблиці " вам можуть знадобитися, щоб зробити таблицю видимою на мобільних пристроях. Кожне розширення можна завантажити та встановити, завантаживши zip -файл через інформаційну панель адміністратора WordPress у розділі «Плагіни> Додати новий> Завантажити плагін». Ви також можете використовувати FTP, щоб завантажити вилучену папку плагінів під "/wp-content/plugins/".

Нижче наведено приклад таблиці, створеної зі стилем перевертання за допомогою розширення адаптивних таблиць.

Підручник з плагінів TablePress для користувачів WordPress

Чуйний перекидний стіл

TablePress SEO

Найважливішим аспектом створення таблиць з плагіном TablePress є SEO – таблиці більш зручні для пошукових систем, особливо в Google. Нижче наведено приклад результату пошуку Google, який показує вміст таблиці більш привабливим чином із загальною кількістю елементів:

Підручник з плагінів TablePress для користувачів WordPress

TablePress Table у результатах пошуку Google

Google показує результат із таблицею, якщо ваша сторінка отримує достатньо трафіку для ключових слів у вмісті таблиці. Хоча мета -опис сторінки не відображається, ми помітили, що перегляд таблиці приваблює більше користувачів, ніж простий текст.

Резюме

TablePress – це безкоштовний плагін WordPress для створення таблиць для вашого сайту. Ви можете вставити таблиці будь -де на сайті, використовуючи шорткод. Можна зробити таблиці чуйними за допомогою доповнень.

Плюси

  • Безкоштовні та регулярні оновлення
  • Простий інтерфейс користувача
  • Розширені таблиці даних
  • Відповідає на мобільні телефони

Мінуси

  • Завантаження таблиці є ресурсомістким
  • Немає оптимізації продуктивності для завантаження CSS / JS лише на сторінки з таблицями
  • Без шаблонів

Джерело запису: www.webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі