Как создать многостраничный сайт

Дата публикации: 02-02-2016       14015

Наверняка вы задумывались над тем, как сделать многостраничный сайт самому без знаний html, программирования и дизайна. В данной статье мы расскажем об этой технологии.

И в качестве примера попробуем создать многостраничный сайт бесплатно на конструкторе сайтов, взяв за основу шаблон сайта по продаже мяса оптом. Для удобства разобьем весь процесс на несколько этапов.

Создание многостраничного сайта

Шаг 1. Определите, какие страницы будут на сайте. Например: Главная страница, О нас, Каталог, Контакты. Затем создаем главную страницу сайта. На ней делаем меню - добавляем для этого соответствующий блок.

 

Шаг 2.  Создаем вторую страницу. Для этого нужно зайти на страницу Проекты и нажать на три точки рядом с кнопкой РЕДАКТИРОВАТЬ. Там вы увидите знаки в ряд, в них нужно выбрать значок "копировать". 

При этом важно "закрыть" значок глаза, который вы увидите слева от страницы. Просто нажмите на значок глаза, и он перечеркнется. Это нам и нужно.
И так - со всеми страницами, кроме главной.

Далее делаем и заполняем страничку "О нас". Чтобы создать страницы "Каталог" и "Контакты", делаем все то же самое, что и со страницей "О нас": копируем страницы, "закрываем" значок глаза.

 

Шаг 3.  Важный шаг - создание меню сайта. Переходим в редактор главной страницы и кликаем на меню. Выйдет окно. В этом окне вам нужно кликнуть на каждую строчку меню (например, "О нас", "Контакты" и так далее) и в появившейся строке прописать ссылку на нужную страницу.

 

Для перехода из меню на другую страницу, нужно проделать все то же самое, что и выше, но только вместо якоря прописать ссылку на страницу. Для этого нужно:

  • сначала перейти в "Настройки проекта" и там в самом низу выбрать строку "Использовать страницы вместо A-B тестирования", активируйте ее. Страница с проектами будет выглядеть примерно так:

  • далее нам нужно прописать URL для страниц. Для этого заходим на сайт Транслит и в окно для русского текста вставляем название страницы (например, "О нас"), нажимаем - Перевести. И копируем то, что сайт выдал. В данном случае: o-nas;
     
  • переходим снова в Проекты, нажимаем на три точки рядом с кнопкой РЕДАКТИРОВАТЬ и из ряда значков выбираем знак редактирования (Карандаш). Появится окно. В нем в строку "URL страницы" (см. скриншот ниже) вставляем то, что скопировали на сайте Транслит. 

Повторяем это с каждой страницей сайта. И затем переходим в режиме редактирования на Главную страницу - в меню. Далее здесь нужно проделать следующее:

  • Кликаем на меню. Появится окно слева. В этом окне нажимаем на нужную строку в меню и увидите справа от строки зеленый квадрат со знаком цепочки.
  • Нажмите на нее и из появившегося списка выберите то, что вам необходимо. Например, "О НАС" (см. скриншот ниже). И так проделываем со всеми страницами.

Не забывайте нажимать кнопки сохранения между выходом из сайтов!


Шаг 4.  Делаем SЕО оптимизацию нашего сайта. Переходим на страницу Проекты. Кликаем на три точки и выбираем первый редактор. Значок с карандашом.

В открывшемся окне сначала активируем галочку у строки "Использовать индивидуальные SEO настройки для этой страницы". И ниже прописываем Title, Description, Keywords на каждую страницу по аналогии с инструкцией - SEO для лендинг пейдж. И так проделываем с каждой страницей. Не забывая сохранять все действия.

 

Шаг 5.  Чтобы упростить работу на многостраничном сайта, нужно создать единое меню. В самом начале статьи был обучающий ролик, в котором говориться  как его создать.

Чтобы созданное вами меню появлялось на каждой странице, не нужно ставить меню на каждую страничку сайта. Можно поступить гораздо проще. И это будет намного быстрее и удобнее. Что нужно сделать?

  • Открываем редактирование каждой страницы.
  • В настройках меню в главном разделе появилось ID. Копируем его.
  • В редактировании остальных страниц добавляем "Блок-ссылку" и поднимаем её наверх. Туда, где находится шапка сайта. В настройках вставляем ID секции.
  • И эту процедуру проделываем на каждой странице.
  • Сохраняем и проверяем.

Поздравляем! Вы сделали многостраничный сайт своими руками!

Рассказать друзьям:

Cделайте первый шаг

Выберите готовый шаблон из более 1300+ бесплатных и премиум вариантов.

ШАБЛОНЫ САЙТОВ
Написать в техническую поддержку