Перейти к содержимому курса
Контент-менеджер
Мой сертификат
Урок 5 из 14

Урок 5. Работаем со статическим контентом

В этом уроке вы научитесь
  • создавать страницу
  • наполнять ее текстом
  • добавлять файлы для скачивания
  • настраивать основные свойства страницы

Менеджер интернет-магазина одежды просит добавить страницу о компании для оптовых покупателей. На ней нужно разместить описание бренда, информацию о поставщиках и PDF-презентацию.

Такую задачу можно решить через статическую страницу.

Статические страницы — это материалы, которые меняются редко и существуют как отдельные страницы. Обычно такие страницы не ведут как ленту новостей: их создают один раз, а потом время от времени обновляют детали.

Создаем статическую страницу

Создавать страницу лучше сразу в том разделе, где она должна находиться. Перенести страницу можно, но проще не усложнять себе работу с самого начала.

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

Дальше запустите мастер создания новой страницы:

  1. В левой части панели управления нажмите Создать страницу.
    Кнопка «Создать страницу» на панели управления
  2. В открывшемся окне укажите заголовок страницы, например О компании. Проверьте имя файла: система сформирует его из названия. Если нужно задать свой вариант, нажмите на значок цепи рядом с полем.
    Первый шаг мастера создания страницы: заголовок и имя файла

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

    Что важно знать о меню

    Если вы включаете добавление пункта меню для страницы внутри раздела, система создаст для этого раздела собственное меню. Оно переопределит основное меню того же типа. Если отдельное меню для раздела не нужно, отключите опцию.

  3. Если вы оставили включенной опцию добавления пункта меню, откроются его настройки. Проверьте название пункта, тип меню и место, куда он будет добавлен.
    Настройка пункта меню при создании страницы
  4. Далее система предложит заполнить поля свойств страницы. Что означают эти поля, разберем чуть ниже.
    Шаг мастера создания страницы со свойствами страницы
  5. Нажмите Готово.
  6. Если вы оставили включенной опцию перехода к редактированию страницы, после мастера откроется визуальный редактор. Добавьте текст страницы и сохраните изменения.
    Текст страницы «О компании» в визуальном редакторе

Свойства страницы: что заполнять

Свойства помогают странице правильно отображаться в браузере и поисковых системах. Если заполнить их аккуратно, посетителю проще понять, что открыто на странице, а поисковым системам — о чем этот материал.

Часть свойств система заполнит сама по данным раздела, где вы создаете страницу. Если нужно, измените их через значок карандаша.

Что означает каждое поле

  • Заголовок — главный заголовок страницы, который видит посетитель.
  • Описание страницы — краткое описание для поисковых систем. Обычно это 1-2 предложения о содержании страницы.
  • Ключевые слова — слова и словосочетания страницы через запятую.
  • Заголовок окна браузера — текст на вкладке браузера. Если поле пустое, система подставит обычный заголовок страницы.
  • Продвигаемые слова — слова и словосочетания, по которым вы планируете продвигать страницу.
  • ROBOTS — служебная информация для роботов поисковых систем.
  • Теги — метки для быстрого поиска страницы внутри системы.
Поля свойств страницы в мастере создания

Поля Продвигаемые слова и ROBOTS лучше заполнять только тогда, когда вы точно понимаете задачу или получили инструкцию от SEO-специалиста.

К свойствам можно вернуться и после создания страницы. В публичной части нажмите Изменить страницу > Заголовок и свойства страницы. Перед вами будут те же поля.

Команда «Заголовок и свойства страницы» в меню изменения страницы

Добавляем файл для скачивания

Страницу создали и со свойствами разобрались. Теперь добавим PDF-презентацию для скачивания. Сначала загрузим файл через административный раздел, а затем разместим на странице ссылку на него.

Загружаем PDF-презентацию в структуру сайта

  1. Откройте админку и перейдите в раздел Контент > Структура сайта > Файлы и папки.
    Раздел «Файлы и папки» в административной части
  2. Откройте папку, где удобно хранить файлы для страницы. Например, папку /upload.
  3. Нажмите Загрузить файл.
    Кнопка «Загрузить файл» в списке файлов и папок
  4. Добавьте файл с компьютера и сохраните загрузку.
    Форма загрузки файла с компьютера

Администратор сайта может ограничить размер и тип загружаемого файла. Если файл не загружается, проверьте размер и формат или обратитесь к администратору.

Добавляем на страницу ссылку на PDF-презентацию

  1. Вернитесь в публичную часть и откройте страницу О компании на редактирование. Нажмите Изменить страницу > В визуальном редакторе.
    Команда открытия страницы в визуальном редакторе
  2. Напишите текст будущей ссылки, например Скачать презентацию компании, и выделите этот текст.
  3. Нажмите кнопку добавления ссылки в визуальном редакторе.
    Кнопка добавления ссылки в визуальном редакторе
  4. В поле Вид ссылки выберите На документ на сервере. Текст ссылки подставится автоматически.
  5. В поле Адрес укажите путь к файлу или найдите его в структуре сайта.
    Настройка ссылки на документ на сервере
  6. Если выбираете файл из структуры сайта, в диалоговом окне установите значение Все файлы.
    Выбор значения «Все файлы» при поиске документа
  7. Найдите папку, в которую ранее загружали файл. Кликните по нужному файлу и нажмите Открыть.
  8. При необходимости откройте Дополнительные параметры и заполните остальные поля.
    Дополнительные параметры ссылки на файл
  9. Сохраните ссылку и страницу.

После сохранения откройте страницу как посетитель и нажмите ссылку. Проверьте, что она ведет к нужной презентации и файл доступен.

Называйте файлы понятно

Пишите латиницей, например company-presentation.pdf. Так ссылку проще читать, передавать и поддерживать.

Удаление страницы

Страницу создали, наполнили и добавили файл. Теперь разберемся, что делать, если страница больше не нужна.

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

Окно подтверждения удаления страницы с опцией удаления пункта меню

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

С удалением будьте осторожны

Удаленная страница может пропасть без возможности восстановления. Администратор сможет восстановить страницу, только если есть резервная копия.

Чек-поинт

Теперь вы умеете создавать и наполнять статические страницы: добавлять текст, прикреплять файлы и заполнять основные свойства.

В следующем уроке перейдем к динамическому контенту: разберемся, чем он отличается от статического и когда используется.

А пока закрепите результат: ответьте на вопросы и выполните практику.

Проверьте себя
Вы создаете страницу через мастер. Что важно проверить до нажатия «Готово»?
Практика: создайте страницу для оптовых покупателей

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

Исходный текст:

Интернет-магазин «Вектор» работает с розничными и оптовыми покупателями с 1993 года. Мы поставляем одежду для дома и офиса, сотрудничаем с проверенными производителями и поддерживаем широкий ассортимент на складе. В презентации для оптовых покупателей собраны условия сотрудничества, преимущества работы с магазином и контакты отдела продаж.

Соберите страницу.

  1. Создайте страницу О компании в подходящем разделе
  2. Добавьте текст из задания.
  3. Оформите заголовок страницы.
  4. Загрузите PDF-презентацию в структуру сайта. Если готового PDF нет, используйте любой тестовый файл.
  5. Добавьте в текст ссылку Скачать презентацию для оптовых покупателей.
  6. Заполните свойства страницы: заголовок, заголовок окна браузера и описание страницы.
  7. Сохраните страницу и откройте ее в публичной части.
  8. Проверьте, что текст отображается, ссылка на презентацию работает.