Односторінковий веб-сайт відображає все на одній сторінці. Ці веб-сайти відображають повну сторінку (веб-сайт) після завантаження, і коли відвідувач веб-сайту натискає на кожен пункт меню, присутній у заголовку, різні розділи сторінки будуть відображатися.
Такі типи веб-сайтів мають багато переваг, таких як проста та зручна навігація, зручність для мобільних пристроїв, підвищення залученості відвідувачів веб-сайту, вищий коефіцієнт конверсії, а також простота створення та підтримки. Вони підходять для цільових сторінок , веб-сайтів для проведення заходів та демонстрації ваших портфоліо коротким та зрозумілим способом.
Цього можна досягти за допомогою життєво важливого елемента під назвою ID розділу , який можна вказати в налаштуваннях розділу.
У цій статті ви дізнаєтесь, як створити односторінковий веб-сайт за допомогою пункту меню «Ідентифікатор розділу та посилання».
У цій статті:
- Створіть сторінку та додайте розділи
- Вкажіть ID розділу
- Встановити сторінку як домашню
- Створіть пункти меню посилань, використовуючи ідентифікатор розділу
- Увімкніть кнопку «Повернутися вгору».
- Увімкнути закріплену навігацію
Створіть сторінку та додайте розділи
- Перший крок - це створити нову сторінку та додайте потрібні розділи до цього
- Вам потрібно створити всі розділи, які будуть пов’язані з відповідними пунктами меню (наприклад, сторінками «Про програму» та «Контакти»).
Вкажіть ID розділу
- Додавши розділи на сторінку, перейдіть до налаштувань усіх доданих розділів і вкажіть ID розділу кожному з них.
Встановити сторінку як домашню
Далі перейдіть до розділу «Веб-сайт» , встановіть сторінку як головну (1) та приховайте її з меню/навігації веб-сайту (2).
Створіть пункти меню посилань, використовуючи ідентифікатор розділу
Тепер створіть елементи меню посилань, такі як «Головна», «Про нас», «Робота», «Контакти» тощо.
Щоб додати новий пункт меню посилання, введіть додати посилання (1) у поле пошуку та натисніть кнопку «Додати посилання» (2).
Щоб підключити пункт меню посилання до розділу сторінки, виконайте такі дії:
- Від веб-сайт наведіть курсор на пункт меню посилання та натисніть на три вертикальні крапки значок (1) поруч.
- Оберіть Налаштування варіант (2) зі спадного меню.
- Далі прокрутіть униз до Ціль посилання розділ (3), виберіть Розділ сторінки (4) і вкажіть ID розділу (5) розділу, який ви хочете зв’язати.
- Ідентифікатор розділу має бути таким самим, як указано в розділі сторінки, без пробілів.
- Нарешті, натисніть Зберегти кнопку (6).
Увімкніть кнопку повернення догори
Корисно мати кнопку, яка зникає з поля зору під час прокручування вниз і плаває в нижній частині браузера. Ви можете легко повернутися до верхньої частини, натиснувши на неї.
- Щоб увімкнути кнопку повернення догори, перейдіть до Дизайн і натисніть на Нижній колонтитул або просто введіть Догори у вікні пошуку таким чином:
- Далі прокрутіть униз до Догори кнопки і увімкніть кнопку.
Увімкнути закріплену навігацію
Ви також можете ввімкнути липку навігацію над заголовком, щоб покращити зовнішній вигляд вашого веб-сайту. Дізнайтеся більше.
Перегляньте демонстраційний сайт із закріпленою навігацією.
Вуаля! Ваш односторінковий веб-сайт готовий. Ви можете просто натиснути кнопку « Переглянути сайт», яка знаходиться вгорі, щоб переглянути свій веб-сайт.
Перегляньте статтю « Створіть свій веб-сайт на Pixpa – повний посібник» , щоб дізнатися про інші налаштування, які ви можете внести до свого веб-сайту.
- Ідентифікатор розділу чутливий до регістру.
- Використовуйте лише літери, цифри та дефіси для ідентифікаторів розділів. Не використовуйте #, пробіли чи спеціальні символи.
- Використовуйте тире, щоб розділити слова в ідентифікаторі розділу.
Ось кілька демонстраційних односторінкових веб-сайтів: