Как создать таблицу с помощью Google Sheet в WordPress

Опубликовано: 2022-02-08

Вы ищете более простой способ добавления данных в таблицу WordPress, чем ручной ввод?

Если да, вам следует выбрать импорт CSV или интеграцию с Google Sheet, потому что это упростит работу.

Но как создать таблицу с помощью CSV или Google Sheets в WordPress? Что ж, поскольку это WordPress, вы можете легко сделать это с помощью плагина.

В этой статье я покажу вам, как легко создавать таблицы, используя как данные CSV, так и Google Таблицы с помощью одного и того же плагина WordPress.

Итак, углубляемся…

Содержимое скрыть
Какие обязательные плагины WordPress?
Как создать таблицу с помощью CSV или Google Sheet в WordPress: шаг за шагом
Шаг 1. Включите виджет «Таблица»
Шаг 2. Перетащите виджет «Таблица» из ElementsKit.
Шаг 3. Выберите тип данных CSV в настройках.
Шаг 4: Загрузите CSV/Google Таблицу
Шаг 5: Настройте параметры таблицы
Шаг 6: Настройте параметры стиля
Шаг 7. Обновление и предварительный просмотр
Заключительные слова

Какие обязательные плагины WordPress?

Чтобы следовать этому руководству, вам понадобятся плагины WordPress, упомянутые ниже:

  • Элементор (бесплатно)
  • ElementsKit Lite и ElementsKit (Pro)

После того, как вы скачали и активировали необходимые плагины, переходите к следующему разделу.

Как создать таблицу с помощью CSV или Google Sheet в WordPress: шаг за шагом

Выполните шаги, чтобы узнать, как импортировать данные в таблицу WordPress, используя как CSV, так и таблицу Google. Это руководство из 7 шагов.

Шаг 1. Включите виджет «Таблица»

Чтобы использовать виджет таблицы от ElementsKit, вам необходимо включить его на панели инструментов WordPress. Перейдите к ElementsKit ⇒ ElementsKit ⇒ Widgets ⇒ Team Widget , затем включите параметр и нажмите «Сохранить изменения» , чтобы обновить их.

включить командный виджет для добавления данных CSV и Google Sheet в таблицу WordPress

Вы также можете проверить наш блог о том, как добавить модальное всплывающее окно в WordPress всего за 3 шага.

Шаг 2. Перетащите виджет «Таблица» из ElementsKit.

Теперь перейдите на « Все страницы» ⇒ «Страницы » и нажмите «Редактировать с помощью Elementor».

Импорт данных csv в таблицу WordPress с помощью конструктора страниц Elementor

На левой панели Найдите команду. Как только вы найдете виджет «Таблица» со значком Ekit в правом верхнем углу, перетащите его на главную страницу.

создать таблицу с помощью csv или листа google в wordpress

Шаг 3. Выберите тип данных CSV в настройках.

Теперь на вкладке «Настройки содержимого» выберите тип данных в виде файла CSV. Вы можете выбрать три типа файлов; Загрузить файл, URL-адрес удаленного файла и URL-адрес Google Sheet Viewer.

Тип данных виджета Elementskit

Шаг 4: Загрузите CSV/Google Таблицу

Взгляните на три процесса загрузки или выбора файла CSV. Вы можете использовать тот вариант, который вам больше нравится.

Загрузите CSV-файл:

Чтобы загрузить файл CSV, щелкните значок загрузки, загрузите файл и нажмите «Вставить». Если у вас уже есть файл, загруженный на сервер, то найдите файл и нажмите «Вставить».

загрузить csv в таблицу WordPress

Загрузите файл CSV, расположенный на удаленном сервере:

Вам не нужно загружать CSV-файл на сервер, на котором размещен ваш сайт. Используя виджет таблицы ElementsKit, вы также можете отображать данные с помощью CSV-файла, расположенного на другом сервере. Для этого выберите тип файла в качестве URL-адреса удаленного файла и в поле ввода URL-адрес файла CSV укажите местоположение вашего файла CSV.

загрузить файл CSV с удаленного сервера, как создать таблицу с помощью CSV или Google Sheets в WordPress

Загрузить данные через Google Sheet:

Чтобы использовать данные листа Google в таблице WordPress, выберите тип файла в качестве URL-адреса Google Sheet Viewer и введите URL-адрес листа Google.

Примечание . URL-адрес листа Google должен иметь доступ к просмотру для всех пользователей Интернета, у которых есть эта ссылка.

загрузить лист Google, как создать таблицу с помощью CSV или Google Sheets в WordPress

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

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

Шаг 5: Настройте параметры таблицы

Теперь, когда у вас есть данные, пришло время настроить параметры таблицы: В рамках настроек таблицы вы получаете следующие параметры:

  • Поиск: вы можете включить или отключить опцию панели поиска.
  • Заполнитель для поиска: настройте текст заполнителя для поиска с помощью этой опции.
  • Фиксированный заголовок: вы можете установить фиксированный заголовок, включив эту опцию.
  • Порядок: включение этой опции позволит зрителю изменить порядок каждого столбца.
  • Отзывчивый: этот параметр сделает таблицу адаптивной.
  • Разбиение на страницы: включите, чтобы добавить параметр разбиения на страницы в таблицу WordPress.
  • Стиль навигации: вы можете выбрать стиль навигации: стрелка, текст или оба. В зависимости от выбора вы можете установить значок стрелки и тексты.
  • Информация: эта опция добавит информационный раздел в нижнюю левую часть вашей таблицы.
  • Записи: включите эту опцию, чтобы сделать записи видимыми.
  • Текст записей: Здесь вы можете изменить текст записей, но это не рекомендуется.
  • Показать элемент на странице: выберите, сколько строк данных вы хотите отображать на странице.
как создать таблицу с помощью CSV или Google Sheets в WordPress

Ищете классный плагин для добавления отзывов на свой сайт? Ознакомьтесь с лучшими плагинами для обзора WordPress (рейтинги и схема)

Шаг 6: Настройте параметры стиля

Если вы хотите изменить стили таблицы, перейдите на вкладку «Стиль», и вы найдете различные параметры для изменения стиля оболочки, заголовка, изображения заголовка, тела, изображения тела, поиска , информации, записей и навигации .

создать таблицу с помощью csv или листа google в wordpress

Шаг 7. Обновление и предварительный просмотр

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

Вот пример того, как будет выглядеть таблица

как создать таблицу с помощью CSV или Google Sheets в WordPress

Вы также можете ознакомиться с нашим блогом о том, как создавать таблицы в WordPress с помощью TablePress.

Заключительные слова

Теперь вы знаете, как создать таблицу с помощью CSV или Google Sheets в WordPress и отобразить массу данных всего за несколько шагов. Самое приятное в ElementsKit — это возможность простого импорта CSV, а также широкие возможности настройки. Итак, используйте параметры настройки, чтобы изменить внешний вид вашей таблицы WordPress на свой вкус.

Получить ElementsKit Pro сейчас