Менеджер интернет-магазина одежды просит добавить страницу о компании для оптовых покупателей. На ней нужно разместить описание бренда, информацию о поставщиках и PDF-презентацию.
Такую задачу можно решить через статическую страницу.
Статические страницы — это материалы, которые меняются редко и существуют как отдельные страницы. Обычно такие страницы не ведут как ленту новостей: их создают один раз, а потом время от времени обновляют детали.
Создаем статическую страницу
Создавать страницу лучше сразу в том разделе, где она должна находиться. Перенести страницу можно, но проще не усложнять себе работу с самого начала.
Откройте публичную часть сайта и перейдите в раздел, где должна появиться новая страница. Например, если страница о компании должна быть внутри раздела Компания, сначала откройте этот раздел.
Дальше запустите мастер создания новой страницы:
-
В левой части панели управления нажмите Создать страницу.
-
В открывшемся окне укажите заголовок страницы, например О компании. Проверьте имя файла: система сформирует его из названия. Если нужно задать свой вариант, нажмите на значок цепи рядом с полем.
На этом же шаге решите, что делать со страницей сразу после создания: открыть ли ее в редакторе, добавить ли пункт меню и нужно ли публиковать страницу.
Что важно знать о менюЕсли вы включаете добавление пункта меню для страницы внутри раздела, система создаст для этого раздела собственное меню. Оно переопределит основное меню того же типа. Если отдельное меню для раздела не нужно, отключите опцию.
-
Если вы оставили включенной опцию добавления пункта меню, откроются его настройки. Проверьте название пункта, тип меню и место, куда он будет добавлен.
-
Далее система предложит заполнить поля свойств страницы. Что означают эти поля, разберем чуть ниже.
- Нажмите Готово.
-
Если вы оставили включенной опцию перехода к редактированию страницы, после мастера откроется визуальный редактор. Добавьте текст страницы и сохраните изменения.
Свойства страницы: что заполнять
Свойства помогают странице правильно отображаться в браузере и поисковых системах. Если заполнить их аккуратно, посетителю проще понять, что открыто на странице, а поисковым системам — о чем этот материал.
Часть свойств система заполнит сама по данным раздела, где вы создаете страницу. Если нужно, измените их через значок карандаша.
Что означает каждое поле
- Заголовок — главный заголовок страницы, который видит посетитель.
- Описание страницы — краткое описание для поисковых систем. Обычно это 1-2 предложения о содержании страницы.
- Ключевые слова — слова и словосочетания страницы через запятую.
- Заголовок окна браузера — текст на вкладке браузера. Если поле пустое, система подставит обычный заголовок страницы.
- Продвигаемые слова — слова и словосочетания, по которым вы планируете продвигать страницу.
- ROBOTS — служебная информация для роботов поисковых систем.
- Теги — метки для быстрого поиска страницы внутри системы.
Поля Продвигаемые слова и ROBOTS лучше заполнять только тогда, когда вы точно понимаете задачу или получили инструкцию от SEO-специалиста.
К свойствам можно вернуться и после создания страницы. В публичной части нажмите Изменить страницу > Заголовок и свойства страницы. Перед вами будут те же поля.
Добавляем файл для скачивания
Страницу создали и со свойствами разобрались. Теперь добавим PDF-презентацию для скачивания. Сначала загрузим файл через административный раздел, а затем разместим на странице ссылку на него.
Загружаем PDF-презентацию в структуру сайта
-
Откройте админку и перейдите в раздел Контент > Структура сайта > Файлы и папки.
- Откройте папку, где удобно хранить файлы для страницы. Например, папку /upload.
-
Нажмите Загрузить файл.
-
Добавьте файл с компьютера и сохраните загрузку.
Администратор сайта может ограничить размер и тип загружаемого файла. Если файл не загружается, проверьте размер и формат или обратитесь к администратору.
Добавляем на страницу ссылку на PDF-презентацию
-
Вернитесь в публичную часть и откройте страницу О компании на редактирование. Нажмите Изменить страницу > В визуальном редакторе.
- Напишите текст будущей ссылки, например Скачать презентацию компании, и выделите этот текст.
-
Нажмите кнопку добавления ссылки в визуальном редакторе.
- В поле Вид ссылки выберите На документ на сервере. Текст ссылки подставится автоматически.
-
В поле Адрес укажите путь к файлу или найдите его в структуре сайта.
-
Если выбираете файл из структуры сайта, в диалоговом окне установите значение Все файлы.
- Найдите папку, в которую ранее загружали файл. Кликните по нужному файлу и нажмите Открыть.
-
При необходимости откройте Дополнительные параметры и заполните остальные поля.
- Сохраните ссылку и страницу.
После сохранения откройте страницу как посетитель и нажмите ссылку. Проверьте, что она ведет к нужной презентации и файл доступен.
Пишите латиницей, например company-presentation.pdf. Так ссылку проще читать, передавать и поддерживать.
Удаление страницы
Страницу создали, наполнили и добавили файл. Теперь разберемся, что делать, если страница больше не нужна.
На рабочем сайте сначала согласуйте удаление с ответственным за сайт. Затем выберите Изменить страницу > Удалить страницу. В окне подтверждения нажмите Да, удалить.
Если снять галочку удалить страницу из меню, удалится только файл страницы из структуры сайта, а пункт в меню останется. Если кликнуть по оставшемуся пункту меню, то будет отображаться ошибка 404.
Удаленная страница может пропасть без возможности восстановления. Администратор сможет восстановить страницу, только если есть резервная копия.
Теперь вы умеете создавать и наполнять статические страницы: добавлять текст, прикреплять файлы и заполнять основные свойства.
В следующем уроке перейдем к динамическому контенту: разберемся, чем он отличается от статического и когда используется.
А пока закрепите результат: ответьте на вопросы и выполните практику.
Воспроизведем задачу из начала урока: менеджер интернет-магазина одежды просит подготовить страницу о компании для оптовых покупателей. На странице должно быть короткое описание бренда, ссылка на презентацию и понятные свойства страницы.
Исходный текст:
Интернет-магазин «Вектор» работает с розничными и оптовыми покупателями с 1993 года. Мы поставляем одежду для дома и офиса, сотрудничаем с проверенными производителями и поддерживаем широкий ассортимент на складе. В презентации для оптовых покупателей собраны условия сотрудничества, преимущества работы с магазином и контакты отдела продаж.
Соберите страницу.
- Создайте страницу О компании в подходящем разделе
- Добавьте текст из задания.
- Оформите заголовок страницы.
- Загрузите PDF-презентацию в структуру сайта. Если готового PDF нет, используйте любой тестовый файл.
- Добавьте в текст ссылку Скачать презентацию для оптовых покупателей.
- Заполните свойства страницы: заголовок, заголовок окна браузера и описание страницы.
- Сохраните страницу и откройте ее в публичной части.
- Проверьте, что текст отображается, ссылка на презентацию работает.