Налаштування меню домену

Меню домену — та сама смуга вгорі сторінки: кнопки розділів, праворуч вибір мови та вхід.

У блок-меню в розділі “Дизайн” треба скопіювати:

<script>

// https://wiki.qeng.org/doku.php?id=admin_main:domain_menu&lang=auto
add_navbar({ 
  classes: 'navbar-expand-lg navbar-light bg-light mb-2',
  items: [
    // Нові кнопки додавати у цей список:
    {name: 'ІГРИ', url:'index.php'},
    {name: 'АРХІВ', url:'archive.php'},
    {name: 'РЕЙТИНГ', url:'ratings.php'},
  ],
  langs: {'EN':'en', 'UA':'uk', 'RU':'ru'}, // Вибір мови. Якщо не потрібен, можна видаляти цей рядок.
  username: '!username!',
});

</script>

Кнопки перераховані у розділі items, один рядок - одна кнопка.

Перші дві кнопки видно завжди: на вузькому екрані решта їде під бургер, а ці дві — ні.

Кнопка Профіль додається автоматично.

Підписи кнопок перекладаються словником домену. Щоб рушій їх побачив, огорніть кожну в gt():

  items: [
    {name: gt('ИГРЫ'), url:'index.php'},
    {name: gt('АРХИВ'), url:'archive.php'},
    {name: gt('РЕЙТИНГ'), url:'ratings.php'},
  ],

Далі підписи з’являться у таблиці на екрані «Переклад» — див. Переклад домену. Переклад підставляється на сервері, до того як сторінка поїде глядачеві. Підпис без gt() у таблицю не потрапить взагалі, і ніхто про це не попередить.

Раніше переклад писався тут само, у блоці меню:

<script>
addTranslation('en', 'АВТОРАМ', 'ABOUT');
addTranslation('uk', 'ТЕСТ ДВИЖКА', 'ТЕСТ ДВИГУНА');
</script>

Це працює як працювало, але покриває лише кнопки меню — ні шапку, ні підвал, ні сторінки, — і не каже, що ще не перекладено.

Наприклад, сторінку із запитаннями, які часто ставляться - треба заповнити самостійно. Можна вказати інший id, якщо потрібно декілька таких сторінок.

  {name: 'F.A.Q.', url:'page.php?id=faq'},

Наприклад, посилання на telegram-чат або канал із target:'_blank' - означає, що треба відкривати у новій вкладці.

  {name: 'TELEGRAM', url:'https://t.me/qeng_authors', target:'_blank'},

Можна міняти набір класів у рядку:

classes: 'navbar-expand-lg navbar-light bg-light mb-2',

Класи зазначаються через пробіл.

Для того, щоб на широких екранах було видно всі кнопки, можна додати один із цих класів:

• navbar-expand-xl - всі кнопки на одному рядку, якщо екран ширший за 1200 пікселів.
• navbar-expand-lg - всі кнопки на одному рядку, якщо екран ширший за 992 пікселів.
• navbar-expand-md - всі кнопки на одному рядку, якщо екран ширший за 768 пікселів.
• navbar-expand-sm - всі кнопки на одному рядку, якщо екран ширший за 576 пікселів.

Для світлого тулбару треба додати класи navbar-light bg-light

Для темного тулбару треба додати класи navbar-dark bg-dark

Для відступу під тулбаром треба додати один із класів mb-1 mb-2 mb-3 mb-4 mb-5. Чим більша цифра, тим більший відступ.

На тулбар ліворуч можна додати логотип.

Для цього треба додати секцію logo після classes.

Ось так можна додати картинку:

  logo: '<img style="height:36px;" class="mr-3" src="https://qeng.org/apple-touch-icon.png"></img>',