Demo — інструкція та компоненти

Інструкція з налаштування теми та робочі приклади всіх компонентів. Приклад автоматичної дати: marraskuu 2026.

Demokirjoittaja — ilman profiilisivua

Päivitetty: 27.10.2026

Ця сторінка містить інструкцію з використання теми FinRev та приклади всіх її компонентів. Контент, логотипи, рейтинги, бонуси й посилання — вигадані демодані. Демопосилання ведуть на example.com.

Як створити сторінку

1. Створіть або відкрийте сторінку й додайте основний контент у звичайний редактор.
2. Заповніть потрібні поля у відповідній вкладці Page Builder. Усі вкладки доступні постійно.
3. Вставте відповідний шорткод в окремому рядку контенту. Кожне наступне використання повторюваного шорткоду бере дані наступної групи полів.
4. Hero, зміст, блок автора й дата оновлення додаються автоматично. Зміст формується із заголовків H2 та H3.

Page Builder доступний для сторінок і записів Brands, Authors, Games та Payments. Порожні необов’язкові поля не створюють порожніх компонентів.

Змінні місяця та року

У контенті та текстових полях ACF використовуйте marraskuu і 2026. У заголовку та описі Yoast SEO — %%month%% і %%year%%. Місяць і рік оновлюються автоматично відповідно до часового поясу та мови сайту. У редакторі зберігаються самі змінні.

Приклад підстановки: marraskuu 2026. Місяць відображається мовою сайту. Змінні також використані в описі Hero та SEO-заголовку цієї сторінки.

Hero та зміст

У вкладці Hero заповніть Title, Description та Image. Якщо Title порожнє, використовується назва сторінки. Кожне поле необов’язкове; без зображення Hero займає всю ширину.

Зміст формується автоматично із заголовків цієї сторінки. Для заголовків H2 та H3 окремий шорткод не потрібний.

Бренди: Toplist

[toplist] — виберіть бренди в Page Builder → Toplist → List. У записі Brands заповніть логотип, Rating, Welcome bonus, Bonus Short, Promo Code, Short info, Facts та Payments. Referral link — коротке текстове поле для безпосереднього введення посилання.

У Demo One основний контент заповнений: логотип, назва та посилання Arvostelu відкривають власну сторінку бренду. У Demo Two основний контент порожній: картка відображається, але назва й логотип не мають посилань, а Arvostelu відсутнє. Кнопка бонусу працює в обох картках. Додаткова інформація розгортається кнопкою внизу картки.

1

Demo One Arvosana: 9.6

FINDEMO Esimerkkibonus: 100 € + 20 ilmaiskierrosta

Lunasta bonus Arvostelu

Tiedot

• Kuvitteellinen brändi teeman testaamiseen.

• Tämä pidempi teksti testaa kuvakkeen kohdistusta usealla rivillä. Kyseessä on vain esimerkki.

Perustiedot

• Vain esimerkkisisältöä.

• Tarkistettu: marraskuu 2026.

Maksutavat

Lisätietoja Sulje tiedot

2

Demo Two Arvosana: 9.0

Tervetuliaisbonus Esimerkkibonus: 100 € + 20 ilmaiskierrosta

Lunasta bonus

Tiedot

• Kuvitteellinen brändi teeman testaamiseen.

• Tämä pidempi teksti testaa kuvakkeen kohdistusta usealla rivillä. Kyseessä on vain esimerkki.

Perustiedot

• Vain esimerkkisisältöä.

• Tarkistettu: marraskuu 2026.

Maksutavat

Lisätietoja Sulje tiedot

Topbonus

[topbonus] — виберіть окремий список брендів у вкладці Topbonus. Компонент показує логотип, назву, короткий бонус і кнопку Lunasta bonus. Текст бонусу береться спочатку з Bonus Short, а якщо це поле порожнє — з Welcome bonus. Кнопка використовує посилання Apps або основне реферальне посилання.

Demo One

Esimerkkitarjous: 100 €

Lunasta bonus

Demo Two

Esimerkkibonus: 100 € + 20 ilmaiskierrosta

Lunasta bonus

Картки бонусів

[bonuses] — Page Builder → Bonuses → Items: заповніть Title, Label, Description та Ref link. Посилання вводиться безпосередньо в Ref link. Якщо поле порожнє, використовується Theme Settings → Fallback Ref.

Промокод

[promocode] — Page Builder → Promocode: заповніть Code, Description та Referral link. Логотип і зображення задаються в Theme Settings → Promocode Logo / Promocode Image. Код копіюється натисканням кнопки. Для виведення компонента потрібні код і робоче реферальне посилання.

Esimerkkikoodi: marraskuu 2026. Koodi on tarkoitettu vain komponentin testaamiseen.

FINDEMO

Käytä tarjouskoodia

Ігри та власні сторінки

[games] — Page Builder → Games: заповніть List та Ref link. Гра із заповненим основним контентом відкриває власну сторінку в тому самому вікні. Гра без основного контенту веде на Ref link поточної групи в новому вікні; якщо поле порожнє, використовується Fallback Ref.

Demo Game — oma sivu Demo Game — ilman omaa sivua

Друга група ігор

Другий [games] використовує другий рядок Page Builder. У цій групі Ref link порожнє, тому картка без власної сторінки веде на загальне Fallback Ref.

Demo Game — oma sivu Demo Game — ilman omaa sivua

Платіжні методи

[payments] — Page Builder → Payments: виберіть платіжні методи та введіть Ref link. Власна сторінка працює за тим самим правилом, що й для ігор. Перша картка відкриває запис із контентом, друга — реферальне посилання для запису без основного контенту.

Demo Pay — oma sivu Demo Pay — ilman omaa sivua

Переваги та недоліки

[proscons] — Page Builder → ProsCons. Заповніть списки Pros та Cons. Кожна колонка необов’язкова.

Лише переваги

Другий [proscons] використовує наступну групу, у якій заповнений тільки список Pros.

Покрокова інструкція

[howto] — Page Builder → HowTo → Items. Для кожного кроку доступні Title, Description та необов’язкове Image.

Кроки із зображеннями

1. 

   Valitse komponentti

   Etsi sopiva välilehti Page Builderista.

2. 

   Täytä kentät

   Lisää oma teksti ja haluamasi kuvat.

3. 

   Lisää lyhytkoodi

   Sijoita lyhytkoodi haluamaasi kohtaan sisältöä.

Нумеровані кроки

Другий [howto] використовує наступну групу. Кроки без зображень відображаються як нумерований список.

1. Kirjoita sisältö

   Käytä selkeitä otsikoita.

2. Tarkista lopputulos

   Tarkista sivu myös mobiililaitteella.

Кнопки

[button] за замовчуванням використовує текст Lunasta bonus і посилання Fallback Ref. Можна задати параметри title, url та style. Доступні стилі primary і secondary.

[button title="Lunasta bonus" url="https://example.com/?demo=button" style="secondary"]

Група кнопок

[button_group][button title="Ensimmäinen tarjous" url="https://example.com/?demo=one"][button title="Toinen tarjous" url="https://example.com/?demo=two" style="secondary"][/button_group]

Акцентний блок

[accent]Tärkeä huomautus.[/accent] — блок для виділеного тексту або звичайного HTML-контенту. Усередині можна використовувати інші шорткоди.

Відступи та завершення обтікання

[spacer] додає вертикальний відступ відповідно до розмірів, заданих у темі.

Цей абзац розміщений після компонента Spacer.

[clear] завершує обтікання зображення текстом. Наступний заголовок починатиметься з нового рядка.

Цей текст обтікає зображення, вирівняне ліворуч. Clear повертає наступному контенту повну ширину.

Автори та дата

Info → Author задає автора сторінки. В автора цієї Demo основний контент порожній: ім’я й фото відображаються без посилання на профіль. Автор головної має основний контент, тому його профіль відкривається за посиланням. Поле Description автора — короткий опис; саме по собі воно не створює власну сторінку.

Updated at дозволяє задати дату вручну. Якщо поле порожнє, використовується дата останнього оновлення запису. Дата відображається автоматично.

Event та загальні налаштування

Theme Settings → Banner: заповніть Left Image, Right Image та Description. До двох брендів беруться з Header → Featured Brands. У бічній панелі сторінки увімкніть Show Event. Банер з’являється лише після взаємодії із сайтом (клік, дотик, прокручування коліщатком або клавіатура). Закриття діє до оновлення сторінки.

Fallback Ref та Fallback Apps Ref — короткі текстові поля. Brand Builder → Apps задає спільне посилання для застосунків Android та iOS. Підтримуються повний HTTP(S) URL або шлях від кореня сайту.

Tools → GTM & GA4 Settings приймає лише ID контейнера або вимірювання; код додається автоматично. У Tools → Robots.txt можна редагувати файл robots.txt сайту.

Поширені запитання

[faq] — Page Builder → FAQ. Заповніть Title та Content. Відповіді розгортаються натисканням; для повністю заповнених запитань формується структурована розмітка FAQPage.

Стандартне форматування контенту

Списки й таблиця

• Семантичні заголовки H2–H6.
• Текст, посилання та локальні медіафайли.
• Доступні кнопки й акордеони з підтримкою клавіатури.

Demo допомагає порівняти всі компоненти перед додаванням справжнього контенту.