Документація плагіна WordPress
Дізнайтеся, як встановити, налаштувати та кастомізувати свій віджет конвертера валют
Зміст
1 Встановлення
Метод 1: Встановлення через WordPress (рекомендовано)
- Перейдіть у панель адміністратора WordPress
- Відкрийте Плагіни > Додати новий
- Знайдіть "Currency.Wiki Converter"
- Натисніть "Встановити" та потім "Активувати"
Метод 2: Ручне встановлення
- Завантажте плагін із WordPress.org
- Перейдіть у Плагіни > Додати новий > Завантажити плагін
- Оберіть завантажений ZIP-файл і натисніть "Встановити"
- Активуйте плагін після встановлення
2 Використання Gutenberg-блоку
Найпростіший спосіб додати конвертер валют на сторінки:
- Відредагуйте будь-яку сторінку або запис у редакторі Gutenberg
- Натисніть кнопку +, щоб додати новий блок
- Знайдіть "Currency Converter" або перегляньте категорію Віджети
- Налаштуйте віджет у бічній панелі праворуч
Порада: Ви можете бачити живий попередній перегляд віджета під час зміни налаштувань у редакторі блоків.
3 Використання шорткоду
Ви також можете додати віджет за допомогою шорткодів у записах, сторінках або шаблонах теми:
Базове використання
[currencywiki_converter]
Доступні атрибути
| Атрибут | За замовчуванням | Опис |
|---|---|---|
| style | compact | Стиль віджета (compact, inline, tall, mini-chart тощо) |
| theme | auto | Кольорова тема (auto, light, dark) |
| from | USD | Валюта джерела за замовчуванням (3-літерний код ISO) |
| to | EUR | Валюта призначення за замовчуванням (3-літерний код ISO) |
| amount | 1 | Сума для конвертації за замовчуванням |
| accent | #3b82f6 | Акцентний колір (hex-код, наприклад #3b82f6) |
| embed | script | Метод вставки (script або iframe) |
| width | auto | Користувацька ширина у пікселях |
| height | auto | Користувацька висота у пікселях |
Приклади
Віджет у темній темі:
[currencywiki_converter theme="dark"]
Користувацькі валюти та сума:
[currencywiki_converter from="GBP" to="JPY" amount="100"]
Стиль mini chart:
[currencywiki_converter style="mini-chart"]
Використання вставки через iframe (для сумісності з темою):
[currencywiki_converter embed="iframe"]
4 Стилі віджета
Оберіть один із кількох стилів віджета, щоб відповідати дизайну вашого сайту:
mini
Мінімальний конвертер, ідеально підходить для обмеженого простору (250x140px)
square
Квадратний конвертер із співвідношенням 1:1 (250x250px)
compact
Компактний конвертер, економить місце (280x200px)
inline
Горизонтальне розташування, чудово для шапки (450x120px)
tall
Вертикальне розташування з класичними підписами (220x360px)
mini-chart
Компактний конвертер з історичним графіком (250x260px)
multi-expandable
Конвертація у кілька валют, користувачі можуть додавати/видаляти (300x400px)
multi-fixed
Фіксований список конвертацій у кілька валют (280x360px)
rates-compact
Простий список курсів валют (260x260px)
rates-viewer
Повний перегляд курсів із графіком (350x420px)
rates-viewer-compact
Компактний перегляд курсів із графіком (300x340px)
Порада: Використовуйте Конструктор віджетів у панелі адміністратора WordPress, щоб переглянути всі стилі перед додаванням на сайт.
5 Параметри налаштування
Сторінка налаштувань плагіна у вашому WordPress дозволяє налаштувати параметри за замовчуванням:
Параметри теми
- auto - Автоматично підлаштовується під кольорову схему сайту
- light - Завжди світлий фон
- dark - Завжди темний фон
Метод вставки
- script - За замовчуванням. Віджет завантажується у потоці з повною функціональністю. Випадаючі списки валют відображаються поверх іншого контенту.
- iframe - Резервний варіант. Віджет завантажується в ізольованому iframe. Використовуйте, якщо виникають конфлікти стилів із темою.
Примітка: Якщо випадаючі списки валют з'являються позаду інших елементів або обрізаються, спробуйте перемкнутися на режим вставки через iframe.
6 Вирішення проблем
Віджет не відображається?
Переконайтеся, що плагін активовано. Перевірте, чи потрібно очистити кеш у плагінах кешування. Спробуйте метод вставки через iframe, якщо скрипт не працює.
Віджет виглядає некоректно або конфліктують стилі?
Деякі теми WordPress можуть конфліктувати зі скриптом віджета. Перейдіть на вставку через iframe, додавши embed="iframe" у шорткод.
Випадаючий список валют прихований або обрізаний?
Це може статися, якщо контейнер має overflow:hidden. Спробуйте вставку через iframe або змініть CSS теми, щоб дозволити overflow для контейнера віджета.
Віджет показує старі курси?
Курси валют оновлюються автоматично. Якщо ви використовуєте кешуючий плагін, виключіть скрипти віджета з кешування або очистіть кеш після змін.
Потрібна допомога?
Не знайшли потрібної інформації? Наша служба підтримки готова допомогти.
