Створіть односторінковий веб-сайт

A Односторінковий сайт відображає все на одній сторінці. Ці веб-сайти відображають повну сторінку (веб-сайт) після завантаження, і коли відвідувач веб-сайту натискає кожен пункт меню, присутній у заголовку, різні розділи сторінки будуть витягнуті та показані.

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

Цього можна досягти за допомогою життєво важливого елемента під назвою ID розділу які можна вказати в Розділ налаштувань.

Ця стаття допоможе вам створити односторінковий веб-сайт за допомогою ідентифікатора розділу та Пункт меню посилання.

У цій статті:

  1. Створіть сторінку та додайте розділи
  2. Вкажіть ID розділу
  3. Встановити сторінку як домашню
  4. Створіть пункти меню посилань, використовуючи ідентифікатор розділу
  5. Увімкніть кнопку «Повернутися вгору».
  6. Увімкнути закріплену навігацію

Створіть сторінку та додайте розділи


Вкажіть ID розділу

  • Додавши розділи на сторінку, перейдіть до налаштувань усіх доданих розділів і вкажіть ID розділу кожному з них.


Встановити сторінку як домашню

Далі перейдіть до веб-сайт розділ встановити сторінку як домашню (1), і приховати його в меню/навігації веб-сайту (2).


Створіть пункти меню посилань, використовуючи ідентифікатор розділу

тепер, створити пункти меню посилань наприклад Дім, Про нас, Робота, Контакт тощо.

Чайові

Щоб додати новий пункт меню посилання, введіть Додати посилання (1) у вікні пошуку та натисніть на Додати посилання дія (2).

Щоб підключити пункт меню посилання до розділу сторінки, виконайте такі дії: 

  • Від веб-сайт наведіть курсор на пункт меню посилання та натисніть на три вертикальні крапки значок (1) поруч.
  • Виберіть Налаштування варіант (2) зі спадного меню.
  • Далі прокрутіть униз до Ціль посилання розділ (3), виберіть Розділ сторінки (4) і вкажіть ID розділу (5) розділу, який ви хочете зв’язати.
  • Ідентифікатор розділу має бути таким самим, як указано в розділі сторінки, без пробілів.
  • Нарешті, натисніть зберегти кнопку (6).


Увімкніть кнопку повернення догори

Корисно мати кнопку, яка зникає з поля зору під час прокручування вниз і плаває в нижній частині браузера. Ви можете легко повернутися до верхньої частини, натиснувши на неї.

  • Щоб увімкнути кнопку повернення догори, перейдіть до дизайн і натисніть на Нижній колонтитул або просто введіть Догори у вікні пошуку таким чином:

 

  • Далі прокрутіть униз до Догори кнопки і увімкніть кнопку.

Дізнайтесь більше.


Увімкнути закріплену навігацію

Ви також можете ввімкнути липку навігацію над заголовком, щоб покращити вигляд веб-сайту. Більше інформації.

Перевірте демонстраційний сайт із закріпленою навігацією.


Вуаля! Тепер ваш односторінковий веб-сайт готовий. Ви можете просто натиснути на Перегляд сайту угорі, щоб переглянути ваш веб-сайт.

Перевірте Створіть свій веб-сайт на Pixpa – повний посібник статті, щоб дізнатися про інші налаштування, які ви можете зробити на своєму веб-сайті.

Примітка:

  1. Ідентифікатор розділу чутливий до регістру.
  2. Не використовуйте пробіли в ідентифікаторі розділу.
  3. Використовуйте тире, щоб розділити слова в ідентифікаторі розділу.

Ось кілька демонстраційних односторінкових веб-сайтів:

Не можете знайти те, що шукаєте?

Зв’яжіться з експертом Pixpa.