free bootstrap templates

Оформлення головної сторінки

1. Додавання блоків.

Сайт Mobirize формується з блоків. Шаблон Mobirize 4 має достатню кількість блоків з самим різноманітним функціоналом.

Для додавання блоку на сайт необхідно натиснути червону кнопку «+» у правому нижньому кутку вікна програми і з правого боку з’являється колонка з блоками, структурована за призначенням.

Захоплюємо обраний блок і перетягуємо на головне вікно програми, або просто робимо клік лівою кнопкою миші по обраному блоку.

Mobirise

Обов’язковими є блоки:

«Menu» (Меню), для навігації по сайту;

«Article» (Статья), для додавання текстового матеріалу;

«Footers» (Нижние колонтитулы), для короткої загальної інформації.

Можна прикрасити головну сторінку блоком з розділу «Headers» (Заголовки).

Mobirise

Помилково доданий блок можна легко видалити. При наведенні мишкою на блок у правому верхньому кутку з’являється меню:

Mobirise

Стрілка дозволяє переміщувати блок вгору або вниз, шестерня відкриває налаштування блока, кошик видаляє блок.

2. Налаштування блоків.

2.1. Меню.

Клікаємо по верхній лівій картинці (логлтип).

Mobirise

Mobirize має велику бібліотеку зображень. Скористаємось пошуком: вписуємо, наприклад «Astro» (тема сайту) і обираємо зображення, яке може бути логотипом.

Mobirise

Натискаємо на зображення у лівому нижньому кутку вікна

Mobirise

У новому вікні можна обрізати зображення і застосувати його

Mobirise

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

Натискаємо «Добавить с компьютера» і обираємо підготовлене зображення.

Mobirise

Крім того для логотипу необхідно призначити посилання на головну сторінку: натискаємо «РЕДАКТИРОВАТЬ ССЫЛКУ», обираємо «Страница» - «Страница сайта» - «Home» і натискаємо «Вставить ссылку», «Ок». Результат:

Mobirise

Для редагування назви клікаємо на Mobirize і після появи курсора вводимо свою назву. Також можна змінити розмір шрифта (Font), та його колір.

Обов’язково змінити посилання на головну сторінку «Home».

Mobirise

Таким самим способом змінюємо назви пунктів меню, також можемо вставляти іконки з великої кількості запропонованих, видаляти та додавати пункти меню.

При натисканні на шестерню випливає меню налаштування блоку. Функції інтуїтивно зрозумілі, тому, вмикаючи або вимикаючи функції, можна бачити на екрані зміни.

Mobirise

Результат:

Mobirise

2.2. Заголовки.

Замінюємо текстовий матеріал на свій.

У налаштуваннях можна вимкнути відображення кнопок і стрілок.

Також можна змінити фонову картинку.

Mobirise

2.3. Статья.

Цей блок повинен містити інформацію про підручник та його автора. Робота з текстом стандартна, як у раніше наведених прикладах.

Mobirise

2.4. Нижние колонтитулы.

Замінюємо всі демо-данні на власні:

Mobirise