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

Як створити порівняльну таблицю в WordPress?

6

Люди кажуть, що WordPress забезпечує більше 30% веб -сайтів в Інтернеті. Однак створити веб -сайт з усіма необхідними функціями – справа непроста. Створення таблиць у WordPress – один простий приклад для цього. WordPress представив табличний блок із Gutenberg і постійно оновлює його. Однак він не реагує і не працюватиме належним чином на мобільних пристроях, якщо у вас є три або більше стовпців. Незважаючи на те, що такі плагіни, як TablePress, вирішують цю проблему за допомогою безкоштовного плагіна, створювати порівняльну таблицю, яка потребує зірочок огляду, все одно не зручно. У цій статті ми розповімо, як створити порівняльну таблицю в WordPress.

Що таке порівняльна таблиця?

Багато блогерів WordPress пишуть відгуки та рекомендують своїм читачам продукти, які вони використовують. Це допомагає в обох випадках, коли читачі отримують достовірну інформацію, тоді як блогери отримують комісію за партнерство, коли читач купує цей продукт. У багатьох випадках таблиця порівняння є найбільш корисною для демонстрації інформації.

  • Показ списку 10 найкращих продуктів у таблиці – наприклад, 10 найкращих хостинг -компаній.
  • Порівняйте технічні характеристики двох продуктів – наприклад, iPhone та Samsung Galaxy.

Як створити порівняльну таблицю в WordPress?

Після багато пошуків ми знайшли гідний плагін, який допомагає створити таблицю порівняння в WordPress.

  • Увійдіть на інформаційну панель WordPress і перейдіть до розділу «Плагіни> Додати новий».
  • Знайдіть ключове слово "таблиця" та знайдіть " WP Table Builder – WordPress Table Plugin ".
  • Встановіть та активуйте плагін для створення красивих таблиць.

Як створити порівняльну таблицю в WordPress?

WP Table Builder

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

Після активації плагіна він створить меню «Конструктор таблиць» на навігації на бічній панелі. Перейдіть до меню «Конструктор таблиць> Додати нову», щоб створити нову таблицю. Це перенесе вас до інтерфейсу конструктора таблиць перетягування плагіна на вашій інформаційній панелі WordPress.

Як створити порівняльну таблицю в WordPress?

WP Table Builder Редактор перетягування

Введіть таблицю імен для своєї таблиці та виберіть стовпці / рядки. Натисніть кнопку «Створити».

Налаштуйте параметри таблиці

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

Як створити порівняльну таблицю в WordPress?

Налаштування столу

  • Увімкніть опцію "Зробити таблицю чуйною", щоб зробити таблиці чуйними на мобільних пристроях.
  • Додайте верхній рядок як заголовок і встановіть колір для рядка заголовка.
  • Змініть розміри та кольори зовнішньої та внутрішньої меж.
  • Додайте кольори для непарних і парних рядків на столі.
  • Налаштування відступу комірки та ширини таблиці.

Якщо ви не знайомі з таблицями, дізнайтеся тут про те, як створювати HTML -таблиці.

Додавання вмісту до таблиці

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

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

Як створити порівняльну таблицю в WordPress?

Порівняльна таблиця в Table Builder

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

Отримання шорткоду для порівняльної таблиці

Коли ви перебуваєте в конструкторі, натисніть кнопку «Вставити» угорі, щоб отримати короткий код для своєї таблиці.

Як створити порівняльну таблицю в WordPress?

Отримайте вбудований шорткод

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

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

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

  • Просто вставте короткий код всередину блоку «Абзац» або «Шорткод» редактора Гутенберга.
  • Ви також можете вставити таблицю у нижній або нижній колонтитул за допомогою текстового віджета. Перетягніть віджет «Текст» на бічній панелі або в нижньому колонтитулі та вставте короткий код таблиці. Збережіть зміни, і таблиця почне відображатися у відповідній області віджетів на опублікованому веб -сайті.

Опублікована таблиця на настільному комп’ютері виглядатиме приблизно так:

Як створити порівняльну таблицю в WordPress?

Зразок порівняльної таблиці

А адаптивний перегляд для мобільних пристроїв буде виглядати так:

Як створити порівняльну таблицю в WordPress?

Порівняльна таблиця на мобільних пристроях

Плюси і мінуси плагіна WP Table Builder

Плагін має переваги, а також невеликі обмеження.

Плюси

  • Плагін – це прекрасний інструмент для створення адаптивних порівняльних таблиць на вашому сайті WordPress.
  • У розділі адміністратора він не відображає дратівливих рекламних оголошень або надмірних продажів.
  • Простий інтерфейс перетягування з настроюваними параметрами.
  • Шорткоди для вставлення таблиці в будь -якому місці вашого сайту.

Мінуси

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

Ми сподіваємося, що майбутні оновлення можуть включати ці параметри.

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

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