Как встроить Google Таблицы в WordPress: код и плагины

google tables

Вам необходимо встроить Google Таблицы в WordPress? Хотя существует несколько полезных плагинов для таблиц WordPress, которые добавляют таблицы на веб-сайт, иногда вам просто нужна полная гибкость Google Sheets, и лучше встроить таблицу напрямую из Google Sheets.

Это гарантирует, что данные электронной таблицы актуальны, а для больших электронных таблиц ответственность за обработку снимается с сервера веб-сайта WordPress.

Встроить Google Таблицы в WordPress довольно просто – и в этом посте вы узнаете, как это сделать. Вам предложено на выбор пару вариантов, начиная от простейшего решения для встраивания непосредственно из Google Sheets до плагинов Google Sheets WordPress, которые предоставляют некоторые интересные функции, включая импорт данных из Google Sheets в отдельную таблицу на веб-сайте.

Как встроить Google Таблицы в WordPress

Этот способ не требует использования каких-либо плагинов – все, что вам необходимо сделать, это создать программный код для встраивания из интерфейса Google Sheets, а далее добавить его в редактор WordPress.

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

В этом примере представлена электронная таблица со случайными фиктивными финансовыми данными. Сейчас встроим ее в WordPress.

1. Создайте код для встраивания Google Таблиц

Сначала будете работать в интерфейсе Google Sheets – обязательно откройте электронную таблицу, которую необходимо встроить.

В интерфейсе Google Таблиц откройте меню Файл и выберите Опубликовать в Интернете:

В интерфейсе Google Таблиц откройте меню Файл

Откроется всплывающий интерфейс. Перейдите на вкладку Встраивание в этом всплывающем окне и выберите, планируете ли вы встроить весь документ или только отдельный лист. Это полезно, если у вас пару листов, но вы хотели бы включить только один из них на веб-сайт WordPress.

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

  • Если вы оставите этот флажок установленным, встроенная электронная таблица будет синхронизироваться с тем, что вы видите в интерфейсе Google Таблиц. Как только вы что-то измените, это изменение автоматически обновится на веб-сайте WordPress.
  • Если вы снимите флажок, то необходимо будет вручную повторно опубликовать электронную таблицу, если вы захотите обновить ее данные. В противном случае встроенная версия в WordPress будет просто снимком текущей версии электронной таблицы.

Сделав выбор и нажмите Опубликовать:нажмите Опубликовать

Как только вы это сделаете, то увидите встроенный программный код. Держите этот программный код встраивания под рукой, так как он вам понадобится на следующем шаге:

Держите этот код встраивания под рукой

Смотрите также:

Как в WooCommerce создать нестандартные таблицы размеров.

2. Добавьте код для встраивания Google Таблиц в WordPress

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

Если вы используете редактор блоков WordPress, то можете добавить пользовательский блок HTML, а далее вставить в него программный код внедрения Google Таблиц. Если вы переключитесь на настройку предварительного просмотра, то увидите встраивание напрямую в редакторе(хотя на бэкэнде это может выглядеть странно)

увидите ваше встраивание напрямую в редактореЕсли вы используете классический редактор TinyMCE , то вставьте код встраивания на вкладке Текст редактора(а не на вкладке Визуальный).

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

вы должны увидеть встроенный документ Google Таблиц

Чтобы исправить это, можете добавить во встраиваемый код настройки высоты и ширины. К примеру, ширина = «100%»(при этом она будет занимать всю ширину области содержимого) и высоту = «500»(500 пикселей -–вы можете без труда изменить это в соответствии со вашими потребностями):

500 пикселей -–вы можете изменить это в соответствии со потребностями

С данными настройками, добавленными во встраиваемый код, таблица выглядит гораздо лучше:

таблица выглядит гораздо лучше

Лучшие плагины WordPress для Google Таблиц

Хотя описанный выше способ ручного встраивания работает, могут возникнуть ситуации, в которых вы предпочтете использовать плагин Google Sheets WordPress.

Inline Google Spreadsheet Viewer

Inline Google Spreadsheet Viewer – популярный бесплатный плагин, позволяющий встроить на основе коротких кодов встроенное средство просмотра PDF-файлов. Это полезно, если вы не планируете встраивать весь интерфейс Google Sheets и предпочитаете использовать программу просмотра электронных таблиц этого плагина.

Плагин предлагает функция добавлять собственный CSS, что дает полный контроль над тем, как выглядит электронная таблица.

Цена: плагин бесплатный.

wpDataTables

Если вас интересуют только данные электронной таблицы, но фактически вам не нужен интерфейс Google Sheets, wpDataTables может стать хорошим вариантом. Это популярный плагин для таблиц WordPress, который может запросто импортировать данные из Google Таблиц в самостоятельную таблицу. Приятно то, что он также дает вам функция автоматом синхронизировать эту информацию с Google Таблицами.

Таким образом, обновляя исходную электронную таблицу в Google Таблицах, вы можете синхронизировать данные изменения с собственной версией на веб-сайте WordPress.

Цена: 59 долларов.

TablePress

TablePress – популярный бесплатный плагин для таблиц WordPress. При помощи расширения Automatic Periodic Table Import вы можете без проблем автоматом импортировать Google Таблицы в WordPress по выбранному вами расписанию.

Все, что вам необходимо сделать, это создать URL-адрес экспорта CSV для Google Sheets и добавить его в TablePress. Для этого перейдите в Файл → Опубликовать в Интернете в интерфейсе Google Таблиц и выберите CSV в разделе Ссылка.

Цена: бесплатный с условно платным расширением.

Visualizer

Visualizer – ещё один популярный плагин для таблиц / диаграмм WordPress. В бесплатной версии вы можете единовременно импортировать Google Таблицы в WordPress. А если вы обновитесь до премиум-версии, вы сможете без проблем автоматом синхронизировать таблицу с электронной таблицей, чтобы данные вовремя обновлялись.

Цена: Бесплатная версия Visualizer доступна на WordPress.org, а премиум-версия следует от 59 долларов.

Основные дополнения для Elementor

Если вы используете популярный конструктор страниц Elementor, сторонний плагин Essential Addons для Elementor имеет виджет, который может импортировать данные Google Sheets в таблицу в проектах Elementor.

Цена: 39,97 долларов.

Если вам нужен самый простой метод добавить Google Таблицы в WordPress, можете опубликовать электронную таблицу в Интернете и добавить код для встраивания в любом месте веб-сайта WordPress.

Или, если вас интересуют только данные Google Sheets(а не сам интерфейс Google Sheets), можете без проблем предпочесть плагин Google Sheets WordPress, который импортирует данные из электронной таблицы на веб-сайт WordPress.

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

<!—>

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *