Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

Вам потрібно вбудувати 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 у розділі Посилання.

Ціна: безкоштовна з умовно платним розширенням.

Візуалізатор

Візуалізатор - Ще один популярний плагін для таблиць / діаграм WordPress. У безкоштовній версії можна одночасно імпортувати Google Таблиці в WordPress. Якщо ви оновитеся до преміум-версії, ви зможете автоматично синхронізувати свою таблицю з електронною таблицею, щоб дані вчасно оновлювалися.

Ціна: Безкоштовна версія Візуалізатор доступна на WordPress.org, а преміум-версія коштує від 59 доларів.

Основні доповнення для Elementor

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

Ціна: 39,97 дол.

Якщо вам потрібний найпростіший спосіб додати Google Таблиці до WordPress, можете опублікувати свою електронну таблицю в Інтернеті та додати код для вбудовування у будь-якому місці вашого сайту WordPress.

Або, якщо вас цікавлять лише дані Google Sheets (а не сам інтерфейс Google Sheets), можете віддати перевагу плагіну Google Sheets WordPress, який імпортує дані з вашої електронної таблиці на сайт WordPress.

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

Джерело: wplift.com

редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 0

Додати коментар або відгук