Инструкция как добавить ваш сертификат Bitrix на биржу фриланса Fl.ru

После того как вы получили сертификат и скачали его на свой компьютер, заходим в раздел «Мое обучение» — «Анкета специалиста»

В этом разделе нужно добавить ссылку в разделе «Профайл FL.ru» и поставить галочку «Разрешить публичный доступ к резюме студента»

Где взять ссылку.

Заходим на сайт Fl.ru и переходим в настройки своего профиля в правом верхнем углу.

Выделите адрес в адресной строке браузера и скопируйте его

Перейдите на сайт Битрикс и вставьте адрес в строку Профайл, затем удалите лишние знаки, чтобы получился адрес такого вида:

/portfolio/#/ — удалить

Вот так выглядит заполненный профиль на сайте Битрикс

Промотайте страницу вниз и нажмите кнопку «Сохранить»

Вернитесь на верх страницы и нажмите ПКМ на числовом поле «Ссылка на страницу резюме» — «Копировать адрес ссылки»

Возвращаемся на сайт Fl.ru

Переходим в раздел «Настройки» — «Информация»

В этом разделе ищем строчку «1C-Bitrix» и вставляем туда скопированную ссылку

Проматываем страницу вниз и нажимаем зеленую кнопку «Изменить»

Готово! У вас есть сертификат Битрикс, обязательно говорите о нем, когда откликаетесь на заказы, связанные с этой CMS!

Тест 1. Элементы управления.

Вопрос 1. Ссылка «Выйти» на Панели управления позволяет:

— завершить авторизованный сеанс пользователя

Вопрос 2. С помощью какой кнопки осуществляется включение дополнительных параметров поиска?

— 3

Вопрос 3. Меню действий предназначено для:

— выполнения определенных действий над выбранным файлом или папкой

Вопрос 4. Административный раздел — это

— часть системы, недоступная обычным пользователям

— часть системы, позволяющая осуществлять полное управление содержанием и настройками сайта

Вопрос 5. Изменять содержимое страницы можно:

— из административной части сайта, при наличии соответствующих прав

— из публичной части сайта, при наличии соответствующих прав

Вопрос 6. Публичный раздел – это

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

Вопрос 7. Какая кнопка служит для перехода в публичный раздел сайта?

— 1

Вопрос 8. Для чего предназначен режим правки?

— для работы с включаемыми областями и рабочей областью страницы, а также компонентами и данными, которые они выводят

Вопрос 9. От чего зависит набор команд на Панели управления?

— от содержимого рабочей области страницы, а также уровня прав доступа текущего пользователя

Вопрос 10. Панель управления в публичном разделе сайта отображается:

— пользователям, обладающим правами на управление элементами сайта

Вопрос 11. Кнопка «Меню» на Панели управления позволяет:

— быстро перейти на любую страницу Административного раздела

 

Тест 2. Информация на сайте и работа с ней

Вопрос 1. Какой адрес отобразится для страницы?

— 2012/Print2012/

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

— включаемого файла

Вопрос 3. Какое свойство страницы является основным?

— заголовок страницы

Вопрос 3. Где выводится включаемая область раздела?

— на всех страницах определенного раздела сайта

Вопрос 4. Выберите правильную последовательность частей в структуре страницы сайта:

— верхняя часть, основная рабочая область, нижняя часть.

Вопрос 5. С какой частью страницы сайта работает кoнтент-мeнеджер?

— с основной рабочей областью и включаемыми областями

Вопрос 6. Право доступа — это:

— набор правил, определяющих, каким уровнем доступа обладает та или иная группа пользователей

Вопрос 7. Ограничить доступ можно:

— для любого раздела на этапе его создания или редактирования

— для любой страницы на этапе ее создания или редактирования

Вопрос 8. Динамическая информация выводится с помощью:

— специальных компонентов системы

Вопрос 9. Статическая информация это:

— редко изменяемая информация, которая редактируется пользователями, обладающими правом на редактирование страниц сайта

 

Тест 3. Управление структурой

Вопрос 1. Выберите верное утверждение: Медиабиблиотека – это…

— менеджер для работы с медиаданными

Вопрос 2. Меню действий Менеджера файлов позволяет:

— выполнять определенные действия над одиночными файлом или папкой

Вопрос 3. Меню строится на основе:

— динамических страниц

— статических страниц

Вопрос 4. Если в результатах поиска удалить фотографию, то:

— она удалится из всех коллекций

Вопрос 5. Как контент-менеджер может управлять структурой?

— через кнопку «Структура»

— через Административный раздел

Вопрос 6. Если меню наследуемое, то:

— оно транслируется с вышележащих разделов на нижележащие разделы и страницы сайта с этим шаблоном, если у них нет собственного меню

Вопрос 7. Логическая структура сайта в Менеджере файлов отличается от физической тем, что:

— логическая структура представляет собой названия страниц и разделов так, как это видят пользователи, а физическая – так, как файлы называются в системе

— в рамках логической структуры невозможно удаление и перемещение файлов, в отличие от физической

Вопрос 8. Для какого типа содержимого медиабиблиотеки можно настроить только свойство «Список расширений файлов»?

— видео

— аудио

— изображения

Вопрос 9. Из Публичного раздела можно выполнить следующие действия:

— отредактировать текст страницы и настроить параметры компонентов

— настроить включаемую область

— создать или удалить страницу, создать раздел

— редактировать структуру разделов и управлять меню

Вопрос 10. Права доступа в Медиабиблиотеке выставляются для:

— всей Медиабиблиотеки

— отдельной коллекции

Вопрос 11. Какой тип коллекции является основным и НЕ может быть удален?

— изображения

Вопрос 12. Данная панель Менеджера файлов позволяет:

— выполнять общие команды, необходимые для управления структурой и контентом сайта

Вопрос 13. Если расширение загружаемого файла не указано в настройках Медиабиблиотеки, то:

— будет выдано сообщение о том, что файл с таким расширением не может быть загружен в медиабиблиотеку

Вопрос 14. Выберите верное утверждение: Цепочка навигации – это:

— последовательность ссылок на разделы сайта

Вопрос 15. Выберите правильные варианты: По данным каких полей работает поиск?

— 1 – название

— 2 – описание

— 3- ключевые слова

 

Тест 4. Визуальный редактор

Вопрос 1. Кнопка «Разделитель страниц» позволяет разбить текст:

— описания элемента инфоблока на несколько страниц при просмотре в публичной части сайта

Вопрос 2. При вставке текста из MS Word

— часть стилей MS Word можно сохранить при вставке

— можно настроить полную очистку форматирования при вставке

Вопрос 3. Возможна ли ситуация, когда визуальный редактор не отображается в форме редактирования?

— да, если использование редактора запрещено администратором сайта

— да, если в переключателе режима ввода выбран иной режим, чем «визуальный редактор»

Вопрос 4. В каких режимах редактирования может работать визуальный редактор?

— в режиме работы с исходным кодом

— в совмещенном режиме

— в визуальном режиме

Вопрос 5. За что отвечает данная кнопка?

— T – удаление форматирования

Вопрос 6. Выберите правильный вариант: С помощью какой кнопки можно добавить таблицу

— 2- иконка таблицы 3х3

Вопрос 7. За что отвечает данная кнопка? U

— подчеркивание выделенного текста

Вопрос 8. Как можно задать размерность таблицы в визуальном редакторе?

— при редактировании таблицы, вызвав показ ее свойств

— при создании таблицы во всплывающем окне «Таблица»

Вопрос 9. Последовательность действий для создания ссылки внутри документа

— 3 >1

Вопрос 10. Визуальный редактор позволяет:

— выполнять любые действия по изменению содержания страниц

Вопрос 11. Сниппеты позволяют:

— вставлять заранее подготовленный и часто используемый фрагмент текста, верстки или кода

Вопрос 12. Добавить изображение на страницу в визуальном редакторе можно

— из структуры сайта

— из медиабиблиотеки

— с помощью адреса в сети

 

Тест 5. Компоненты

Вопрос 1. В визуальном редакторе все компоненты сгруппированы:

— по разделам, которые в свою очередь состоят из подразделов

Вопрос 2. Что делает пункт меню управления компонентом «Отключить компонент»?

— отключает компонент с сохранением настроек

Вопрос 3. Что обозначает этот скриншот?

— на странице размещен комплексный компонент

Вопрос 4. В каком случае может быть не видна закладка «Компоненты»

— при редактировании элемента инфоблока

Вопрос 5. Настройки компонента осуществляются:

— администратором сайта

— контент-менеджером, если это разрешено администратором

Вопрос 6. В режиме редактирования исходного кода страницы, отображаемый код компонента:

— позволяет просматривать и изменять параметры компонента

— не рекомендуется редактировать контент-менеджеру

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

— заголовок страницы будет установлен последним компонентом

Вопрос 8. Панель «Компоненты» служит для:

— выбора и размещения компонентов

Вопрос 9. Выберите правильные утверждения:

— комплексный компонент состоит из набора динамических страниц при просмотре сайта, но из одной страницы на физическом уровне

— комплексные компоненты создают разделы сайта

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

Вопрос 10. Как можно перейти к форме настроек параметров размещенного на странице компонента?

— в панели «Свойства» визуального редактора

— дважды кликнуть на иконке компонента в рабочей области страницы

Вопрос 11. Компонент – это программный код

— оформленный в визуальную оболочку и использующийся для обеспечения какого-либо функционала в публичной части сайта

 

Тест 6. Информационные блоки

Вопрос 1. Инфоблок — это

— блок однородной информации

Вопрос 2. Элемент инфоблока — это

— непосредственно информация, размещаемая в информационных блоках

Вопрос 3. Экспорт простого инфоблока осуществляется на странице

— контент > информационные блоки > экспорт

Вопрос 4. На скриншоте «Калининградский филиал» — это

— раздел инфоблока

Вопрос 5. Экспорт инфоблоков в формат XML отличается от экспорта в CSV тем, что

— можно переносить не только содержимое инфоблоков, но и их свойства и изображения

Вопрос 6. В модуле «Информационные блоки» встроенный редактор изображений доступен:

— в форме создания/редактирования раздела инфоблока

— в форме создания/редактирования элемента инфоблока

Вопрос 7. Подписи (названия) и заголовки объектов инфоблока (разделов и элементов) определяются на странице настроек:

— соответствующего инфоблока

— соответствующего типа инфоблоков

Вопрос 8. Разделы инфоблока — это

— логическая единица, используемая для группировки элементов внутри информационного блока

Вопрос 9. При экспорте инфоблоков в формате CSV можно выгрузить

— уровень вложенности, заданный настройками модуля Информационные блоки

Вопрос 10. Чтобы разрешить пользователю добавление новостей в раздел «Новости компании» (инфоблок «Новости компании», тип «Новости»), нужно:

— предоставить пользователю право доступа к инфоблоку «Новости компании» равным «Изменение»

Вопрос 11. Если загружаемый инфоблок уже существует в системе, то:

— новый инфоблок не будет создан, загрузка произведется в имеющийся

Вопрос 12. Как настроить автоматическую подстановку текущей даты в поле «Начало активности» элемента инфоблока?

— задайте значение «Текущая дата» для поля «Начало активности» на закладке «Поля» формы редактирования инфоблока

Вопрос 13. Инфоблоки могут поменять свой тип?

— не могут менять тип

Вопрос 14. Возможность создания разделов в инфоблоке определяется:

— настройками типа инфоблоков

Вопрос 15. Фасетные индексы нужно пересоздать вручную, если:

— удалены свойства из умного фильтра

— добавлены новые свойства в умный фильтр

Вопрос 16. Тип инфоблока – это:

— группировка информационных блоков по определенной тематике и (или) схожей структурой

Вопрос 17. Если при создании CSV-файла отсутствует значение для некоторого типа данных, то:

— требуется поставить еще один разделитель

Вопрос 18. Инфоблок может содержать в своем составе:

— подразделы

— разделы

— элементы инфоблока

Вопрос 19. Технически минимально необходимы следующие поля для составления файла импорта формата CSV:

— одно из полей: название или XML_ID

Вопрос 20. Предположим, что для элементов некоторого инфоблока должны задаваться значения следующих двух свойств: автор и источник. Для этого данные свойства необходимо создать:

— на странице настроек соответствующего инфоблока

Вопрос 21. В форме перехода к инфоблоку/элементу (Контент > Инфоблоки > Инструменты > Перейти к инфоблоку/элементу) указывается:

— идентификатор

Вопрос 22. Форма редактирования/добавления элемента инфоблока может быть изменена:

— для публичного раздела сайта

— для административного раздела сайта

Вопрос 23. Вывод необходимых для показа свойств элементов инфоблока в публичной части определяется в:

— настройках компонента, использующего инфоблок

Вопрос 24. Какой из приведенных наборов функци содержит инструменты доступа к управлению информационными блоками?

— 2 – контент

Вопрос 25. С помощью информационных блоков может быть реализована

— публикация различных типов динамической информации

Вопрос 26. Для правильной работы поиска необходимо, чтобы URL страниц, заданных в настройках инфоблока, вели на:

— реальные страницы с компонентами или программным кодом, обрабатывающим передаваемые ему параметры

 

Тест 7. Управление сайтом

Вопрос 1. Нужно ли привязывать блок к какой-либо группе блогов?

— обязательно, и делать это нужно в форме создания/редактирования блога

Вопрос 2. Что произойдет, если попытаться удалить единственный урок в главе?

— урок будет удален, а глава превратится в урок

Вопрос 3. Красный индикатор у опроса в списке опросов может означать что:

— флаг активности опроса не установлен

— текущая дата не попадает в интервал проведения опроса

Вопрос 4. Сколько блогов может завести каждый отдельный пользователь?

— один

Вопрос 5. Можно ли объединить календари «1С-Битрикс: Управление сайтом» и «MS Outlook»?

— да, при этом изменения событий сайта будут отображаться в MS Outlook, но не наоборот

Вопрос 6. Какие утверждения правильны?

— работа модуля Фотогалерея 2.0 основана на модуле Информационные блоки

— альбомы и фотографии галерей пользователей хранятся как разделы и элементы инфоблока

Вопрос 7. Права на работу с конкретным списком определяются:

— в настройках самого списка

— в настройках доступа информационного блока

Вопрос 8. Тип прохождения итогового теста курса определяет:

— порядок перехода к следующему вопросу теста

— право на изменение ответов теста

Вопрос 9. Какая версия страницы Wiki отобразится на сайте, если над страницей работают одновременно несколько человек?

— та версия, которая будет закончена последней

Вопрос 10. Вопросы, участвующие в итоговом тесте, формируются на основе вопросов:

— всего курса, главы или урока

Вопрос 11. Где можно выбрать шаблон для отображения страниц блогов?

— в настройках компонента

Вопрос 12. В модуле Сайты 24 блоки раздела Интернет-магазин берут информацию из:

— модуля Торговый каталог

Вопрос 13. При работе с веб-формой в расширенном режиме необходимо:

— создать и настроить хотя бы один статус веб-формы

Вопрос 14. Выберите верные утверждения. Документооборот позволяет:

— просмотреть все документы, которые прошли через документооборот

— поэтапно работать с документами

— просмотреть историю изменений документа

Вопрос 15. Выберите наиболее полное описание возможностей модератора форума:

— управлять темами (скрывать/показывать, прикреплять/откреплять, закрывать, переносить) и сообщениями (скрывать/показывать, переносить)

Вопрос 16. При работе с Сайтами 24 собственный блок можно добавить так:

— выбрать блок Другое и вставить нужный html-код в специальное окно

Вопрос 17. Как можно повысить валидность результатов опроса?

— запретить голосование неавторизованным пользователям

— запретить голосование пользователям, зарегистрированным после даты начала опроса

— установить ограничения возможности повторного голосования (в одной сессии, с одним cookie, с одного IP и пр.)

Вопрос 18. Использование статусов веб-форм позволяет:

— организовать дополнительное распределение прав доступа к результатам веб-форм

Вопрос 19. Переключение между режимами редактирования веб-форм осуществляется:

— на странице настроек модуля «Веб-формы»

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

— снять флаг валидности для данного результата

Вопрос 21. Доступ к фотогалерее определяется:

— в настройках доступа выбранного инфоблока

Вопрос 22. Почему не рекомендуется переключаться из расширенного режима редактирования Веб-форм в упрощенный?

Данные, сохраненные в расширенном режиме, при переключении поменяют структуру

Вопрос 23. Кто может модерировать сервис «Есть идея!» (при наличии соответствующих прав к блогу идей)?

— пользователи, указанные в настройках комплексного компонента идей

Вопрос 24. При настройке комплексного компонента «Текущий опрос» следует указать:

— группу опросов и ID опроса

 

 

10. Работа с модулями 1С-Битрикс: Управление сайтом

• Блоги

— Основные понятия

Что такое модуль «Блоги» на Битрикс. Это блог на сайте в привычном нам его смысле. Где автор пишет статьи, а посетители сайта могут комментарии.

— Группы блогов

Позволяет компоновать блоги по тематикам (авто, одежда, путешествия, услуги и т.д.)

— Блоги

Иногда бывают такие заказы как «создать блог на Битрикс». В таком случае в техническом задании вам обязательно выдадут названия для тематических групп блогов, а также тексты и изображения для каждого отдельного блога. Вам остается только перенести эту информацию в CMS.

— Комментарии

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

— Публикация списка блогов

Для того, чтобы блог появился на сайте необходимо вначале создать новую страницу на сайте, а затем добавить на нее компонент «Блоги»

— Блоги с позиции блогера (как управлять своим блогом)

Пропускаем этот урок и ставим галочку «Прочитано».

— Создание сообщения блога

Пропускаем этот урок и ставим галочку «Прочитано».

— Модерация блогов

Пропускаем этот урок и ставим галочку «Прочитано».

— Добавление модератора блога

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

• Веб-формы

— Основные понятия

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

Контент-менеджер крайне редко получает задачи по создаю веб-форм. Чаще всего они сразу создаются программистами в процессе написания сайта.

Пропускаем все темы в этом уроке и ставим у каждой темы галочку «Прочитано».

— Документооборот

Пропускаем все темы в этом уроке и ставим у каждой темы галочку «Прочитано».

С документооборотом работает Администратор сайта.

— Календарь

Пропускаем все темы в этом уроке и ставим у каждой темы галочку «Прочитано».

С этим разделом работает Администратор сайта.

— Менеджер идей

Пропускаем все темы в этом уроке и ставим у каждой темы галочку «Прочитано».

С этим разделом работает Администратор сайта.

— Обучение

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

Структура блока «Обучение» будет дана по техническому заданию, то же самое и с текстами и изображениями.

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

Так как этот функционал встречается крайне редко, пропускаем все темы в этом уроке и ставим у каждой темы галочку «Прочитано».

Но вы всегда можете вернуться в этот раздел обучения и посмотреть уроки. (на сайте Битрикса)

— Опросы

Пропускаем все темы в этом уроке и ставим у каждой темы галочку «Прочитано». Так как опросы создает администратор сайта.

— Сайты 24

Пропускаем все темы в этом уроке и ставим у каждой темы галочку «Прочитано».

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

• Универсальные списки

— Возможности модуля

Практически на каждом сайте создаются какие-то универсальные списки: FAQ (часто задаваемые вопросы), Справочники, Базы знаний, Архивы и прочее.

— Создание раздела списков и самих списков

Списки создаются по стандартному мути, через добавление на страницу соответствующего компонента «Универсальные списки».

— Пример настройки Универсального списка

Каждый список уникален, поэтому все настройки делаются по техническому заданию от Заказчика.

— Пример создания полей

Поля – это основа любого универсального списка. Именно по заданным полям определяется, какую информацию список будет содержать.

— Значения типов полей

Значение полей – это то, в каком формате будет отображаться информация в каждом конкретном поле. Например, для поля «Номер телефона» будет использоваться числовое значение поля, а для поля «ФИО» — буквенное.

— Пример использования Универсальных списков как самостоятельного инструмента

На примере FAQ (часто задаваемые вопросы) можно разобраться что такое самостоятельный список. Смысл заключается в том, что вы создаете основу списка, а уже сотрудники компании, самостоятельно могут вносить туда отельные разделы и подразделы.

— Форум

Пропускаем все темы в этом уроке и ставим у каждой темы галочку «Прочитано».

— Фотогалерея

Чаще всего, если говорить о контент-менеджере, модуль фотогалереи используют в статьях. Когда пишется какой-то текст по теме и прикладывается галерея изображений для наглядности. Например, у службы доставки еды есть услуга кейтеринга, в статье об этой услуге в текстовой части рассказываются все нюансы, а в галерею загружают все изображения, связанные с кейтерингом. Таким образом посетителю сайта предоставляется разная информация (текстовая и визуальная), что, несомненно, улучшает качество восприятия.

Так как цели у каждого сайта могут сильно отличаться, поэтому нет стандартной настройки фотогалереи.

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

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

— Wiki

Страница Wiki названа по аналогии со всеми известной Wikipedia, создана для того, чтобы формировать базу знаний на сайте или форуме.

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

Пропускаем все темы в этом уроке и ставим у каждой темы галочку «Прочитано».

11. Как изменить внешний вид сайта

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

Пропускаем все темы в этом уроке и ставим у каждой темы галочку «Прочитано».

Примечание.

Favicon [фавикон] – это миниатюрный логотип сайта, который отображается в левой части вкладки браузера.

12. Практические примеры работы

• Наполнение каталога товарами

— Добавление товаров вручную

Выполните практическое задание по уроку.

— Добавление товара через импорт

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

— Умный фильтр для новостей

Пропускаем этот урок и ставим у каждой темы галочку «Прочитано».

— Создание календаря событий

Пропускаем этот урок и ставим у каждой темы галочку «Прочитано».

— Размещение видео на сайте

Любой сайт позволяет использовать встроенные видеопроигрыватели и загружать в медиабиблиотеку видеофайлы. Но проблема такой загрузки заключается в том, что видеофайлы хорошего качества весят достаточно много. Это не беда если на сайте используется 1-2 видео, но если вы загружаете, например, к каждой карточке товара видеофайл, то место на сайте закончится очень быстро. Поэтому чаще всего используют сторонние сервисы такие как Youtube и Vimeo. Видео сначала загружается на сторонний сервис, а потом при помощи ссылки добавляется на сайт.

— Медиа проигрыватель и Видеотека, в чем разница

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

• Медиа проигрыватель

— Размещение Медиа проигрывателя на сайте.

В уроке есть комментарий по поводу работы проигрывателя в браузере Internet Explorer. Вообще очень много проблем на сайте может быть связанно именно с использованием этого браузера. Причина в том, что Explorer не популярный браузер в большом интернете и программисты часто просто не настраивают сайты под него.

— Настройки

Настройки компонента, как и в любом другом компоненте на Битрикс, делаются в специальном разделе. Информацию о настройках вам предоставят в техническом задании.

— Управление и интерфейс

Скин (скины мн.ч.) – это заранее подготовленный внешний вид программы. В Битрикс есть встроенный набор скинов, с помощью которого можно украсить объект, в данном случае – медиапроигрыватель. По сути, это просто кусок кода, написанный программистами и добавленный на сайт.

— Вставка стороннего видео

Это как раз то, о чем я говорила выше – загрузка видео на сторонние сервисы.

— Список воспроизведения

Тут можно провести аналог с Youtub`ом. Когда после просмотра одного видео, пользователю предлагается следующее видео из списка воспроизведения и так далее.

• Видеотека

— Размещение Видеотеки

Видеотека дает возможность поочередно воспроизводить серию видео друг за другом.

— Создание инфоблока

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

— Настройка компонента

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

— Создание видеоальбомов и элементов

Видеоальбомы помогут вам сгруппировать разные элементы (видеофайлы) по смыслу и быстро ориентироваться в них на сайте.

— Настройка Медиа проигрывателя в Видиотеке

Пропускаем этот урок и ставим у каждой темы галочку «Прочитано». Эти настройки делает программист сайта.

— Youtube и другие видеохостинги

Почему на сайтах используются сторонние видеохостинги я писала выше. Как вставить видео из Youtub`a посмотрите в этом уроке.

— Если не добавляется видео со стороннего сервиса

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

— Каталог товаров без использования модуля Торговый каталог

Этот тип инфоблока будет часто встречаться в заказах по Битриксу. Вам обязательно выдудт полноценное техническое задание о том, как создавать данные каталоги, так как во многом они зависят от общей структуры уже готово сайта.

— Страница с файлами для скачивания

Этот функционал, так же, используется очень часто в работе, так как в карточку товара добавляются разные добавочные файлы (техническая документация, инструкция по сборке и эксплуатации, каталоги и пр.).

— Веб-мессенджер

Пропускаем этот урок и ставим у каждой темы галочку «Прочитано». Эти настройки делает программист сайта.

— Веб-стикеры

Пропускаем эти уроки и ставим у каждой темы галочку «Прочитано». Эти настройки делает программист сайта.

— Приложения для публикации в блог

Пропускаем этот урок и ставим галочку «Прочитано». Эти настройки делает программист сайта.

— Основные задачи менеджера интернет-магазина

В этом уроке собран список обязанностей менеджера интернет-магазина. Они вам могут пригодиться если вы захотите устроиться на постоянную работу в компанию, имеющую свой интернет-магазин. Чаще всего функции администрирования на себя берет какой-нибудь менеджер по продажам из штата компании, но иногда для этой работы принимают в штат отдельного сотрудника.

13. Типичные ошибки при работе с системой

• Информационные блоки

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

• Ошибки при работе со структурой

Тут все просто, двигайтесь в рамках технического задания и всегда проверяйте структуру сайта, все ваши потерянные страницы и элементы прячутся где-то в ней.

• Нельзя делать

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

14. Практические задания

Пропускаем эти уроки и ставим у каждой темы галочку «Прочитано». На живом сайте все эти компоненты могут выглядеть совершенно по-другому. Они могут иметь преднастройки и готовые шаблонные формы. Поэтому лучшая практика – это реальные заказы.

5. Информация на сайте и работа с ней

• Статическая и динамическая информация

— Статическая и динамическая информация

Основная мысль.

Статическая информация – это редко изменяема информация, которая выводится непосредственно в тексте самой страницы сайта вручную контент-менеджером (заголовки, блок с контактными данными и временем работы организации и пр.)

Динамическая информация – это часто изменяемая однородная информация, выводимая на страницах сайта с помощью специальных программных компонентов системы (карточки товаров, статьи, новости и пр)

— Общее и отличия

Оба типа информации можно редактировать в разделе «Сайт» (в визуальном редакторе)

Статические страницы находятся в разделе «Структура сайта» — «Файлы и папки».

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

— Пример размещения информации

Основная мысль.

На статической странице допускается размещение как статической, так и динамической информации.

Чаще всего динамическую информацию выводят при помощи добавления компонентов, отвечающих за различные виды информации (тексты, картинки, иконки, ссылки и т.д.)

— Из чего состоит страница сайта

Структура сайта. Важно знать эти понятия!

Верхняя часть – header [хэдэр]. Это шапка сайта. Чаще всего она включает в себя логотип, название, контактные данные. Формируется эта страница при помощи шаблона или руками программистов с помощью html-кода. Хедер чаще всего отображается на всех других страницах сайта.

Основная рабочая область – work area. Все страницы, созданные на сайте, будут отображаться в этой области.

Нижняя – footer [футэр] иногда называют подвал сайта. Это нижняя часть сайта. Чаще всего включает в себя контактную информацию, ссылки на социальные сети, общую информацию о компании, ссылки на ключевые разделы сайта.

Эти части могут занимать разную площадь, но всегда располагаются в этом порядке: Хедер – рабочая область – футер.

Контент-менеджер в основном работает с рабочей областью сайта.

• Свойства страниц и разделов

— Управление заголовком

Основное свойство страницы – ее Заголовок. Он отображается как на самой странице самой первой строкой и чаще всего выделен жирным шрифтом, так и на вкладке браузера (самая верхняя часть браузера).

— Управление свойствами страниц

Изменить свойства страницы можно при создании страницы или при ее редактировании. Делается это из публичного раздела сайта (вкладка «Сайт») – «Создать страницу» или «Изменить страницу» – «Заголовок и свойства страницы».

Если заголовок при редактировании не меняется, перейдите в настройки компонента и там измените название.

— Управление свойствами раздела

Изменить свойства раздела можно при создании раздела или при его редактировании. Делается это из публичного раздела сайта (вкладка «Сайт») – «Создать раздел» или «Изменить раздел» – «Свойства раздела».

Свойства главного (вышестоящего) раздела передаются автоматически всем его подразделам.

— Управление доступом к информации

• Управление доступом к информации

Что это значит? Все просто: будут ли видеть посетители сайта ту или иную информацию.

Все пользователи на сайте имеют определенные права или статус (администратор, контент-менеджер, неавторизованный пользователь, авторизованный пользователь и т.д.). В зависимости от статуса пользователь видит только те страницы сайта, которые настроены под этот статус.

• Назначение прав доступа статических страниц

Контент-менеджеру важно знать, как настраивать права доступа на видимость. Так как он работает с общедоступным контентом (если иное не указано в техническом задании). Если вы понимаете, что работа со страницей не окончена и в таком виде показывать посетителям сайта ее нельзя, то при создании страницы или в разделе редактирования страницы поставьте галочку «Ограничить доступ к странице (не публиковать)» при этом не выбирая никакие группы ниже. Как только страница будет завершен и готова к публикации, просто уберите эту галочку.

• Наследование прав доступа статических страниц

Основная мысль.

Наследование доступа позволяет быстро менять права доступа на сам основной раздел и все вложенные в него подразделы.

Например. Основной раздел «Новости для сотрудников» в нем есть разные подразделы: «Технический отдел», «Отдел продаж», «Бухгалтерия» и так далее. В каждом из этих разделом есть конечные страницы – это сами новости. Вы хотите поставить ограничение не авторизованным пользователям (они не должны видеть подразделы в основном разделе «Новости для сотрудников»). Тогда вы устанавливаете необходимые параметры доступа именно в основном разделе, а всем подразделам автоматически присваиваются эти параметры.

• Определение прав доступа динамических страниц

Тут схема такая же, как и на статических страницах (5.4.3), разница лишь в том, что права задаются во вкладке «Администрирование» в соответствующем разделе. Если у вас ограниченные права, то вы просто не увидите вкладку «Доступ».

• Примеры работы прав доступа

Основная мысль.

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

• Кеш, документооборот и информация

Понятие кэширование важно для нас, так как оно на прямую влияет на отображение контента.

Выражение «сбросить кэш» или «очистить кэш» можно услышать в самых разных моментах работая в интернете. В Битриксе для этого выведена отдельная кнопка, а в браузерах это называется «Очистить историю браузера». Если вы работаете на любом сайте (не обязательно на Битрикс) и после внесения в административную панель каких-либо изменений вы не видите изменений на сайте, то одним из способов решения проблемы – это как раз удаление истории браузера. Перейдите в настройки браузера и там в поиске введите слово «история» или «кеш». Выберите пункт «Очистить историю», выберите временной диапазон (я всегда выбираю «все время») и удалите данные. Не переживайте, ничего важного вы не удалите!

Еще один способ обновить кэш – это много раз нажать на «обновить страницу» горячая клавиша на ПК – F5.

С документооборотом чаще всего работают штатные работники организации. В таком случае прописывается четкое структурированное техническое задание от администратора сайта.

• Как формируются ссылки

Основная информация.

URL страницы – это ссылка на конкретную страницу. У каждой страницы своя ссылка, которая может отображать различные данные, выводимые на этой странице.

URL – прописывается на сайте автоматически, если иного не указано в техническом задании.

• Человекопонятные URL (ЧПУ) [уэрэл]

Основная мысль.

Для удобства восприятия обычным пользователем используются URL с буквенно-численными обозначениями.

• Короткие ссылки

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

Фактически, при вводе короткой ссылки в адресную строку происходит переадресация на страницу с ее реальной длинной ссылкой.

• Включаемые области

Права для работы с такими областями выдаются индивидуально администратором сайта и строго регламентируются техническим заданием. Так как внесение изменений во включаемую область может повлиять на общий дизайн сайта.

— Удобные инструменты для безопасной работы

• Автосохранение

Основная мысль. Автосохранение работает для первого повторного открытия. Чтобы восстановить данные, после того как вы вернулись в редактируемую форму нажмите кнопку «Восстановить автосохраненные значения?». Последние редактируемые данные подставятся, а вам нужно нажать кнопку «Сохранить».

• Отмена действий

Отмену действия можно сделать так же только для последнего совершенного действия. Поэтому будьте внимательны при удалении, корректировке и добавлении контента.

• Контроль сессии

Сессия – это сеанс работы пользователя с сайтом. Что это значит: длина сессии – это количество времени, проведенное пользователем на сайте без каких-либо действий (движение мышкой, заполнение полей и так далее). То есть, если вы ничего не делаете на сайте или в панели администрирования, то у вас запускается время сессии, по его истечению вас выкинет из системы сайта и все данные, которые были внесены, но не сохранены пропадут!

Время сессии устанавливается администратором сайта.

• Загрузка файлов

Загрузка файлов непосредственно в «Медиабиблиотеку» позволяет выбрать папку, где будет храниться файл. Если же загружать картинку сразу же в информационный блок, то она загрузится в автоматически созданную папку /upload.

При удалении медиафайла из информационного блока, файл не удаляется из Медиабиблиотеки.

• Бизнес-процессы

Справа от вкладки «Администрирование» есть значок «i» — новые уведомления. Именно там будут отображаться уведомления по бизнес-процессам, если вы включены в них.

• Проверьте себя

Пройдите небольшое тестирование ответив «Верно» или «Неверно»:

1. Статическая информация размещается в файлах, динамическая – в базе данных.

Ответ: ВЕРНО

2. Раздел сайта – статический, если в логической структуре сайта есть папка с таким же названием.

Ответ: ВЕРНО

3. Статическая и динамическая информации различаются тем, что статическая – неизменяемая, а динамическая – изменяемая информация.

Ответ: НЕВЕРНО

4. Статическая информация может программно обрабатываться также, как и динамическая.

Ответ: НЕВЕРНО

5. Контент-менеджер работает только в основной рабочей области (work area). Редактирование «шапки» (header) и «подвала» (footer) ему не доступно.

Ответ: НЕВЕРНО

6. Если на файл или элемент инфоблока НЕ заданы конкретные права доступа, то действуют права, заданные на раздел, где они размещены.

Ответ: ВЕРНО

7. Задание прав на элементы и разделы инфоблока выполняется в точности как задание прав на статические страницы.

Ответ: НЕВЕРНО

8. Задание свойств страницы (раздела) выполняется только вручную при создании или редактировании страницы.

Ответ: НЕВЕРНО

9. Страница наследует свойства раздела, в котором находится.

Ответ: ВЕРНО

10. Если изменения на странице (в элементе инфоблока) внесены, но в публичном разделе не отображаются, нужно нажать кнопку Сбросить кэш.

Ответ: ВЕРНО

11. Если при настройке ЧПУ вы заполнили поля Символьный код, но значение этого поля не выводится (то есть адрес имеет вид ***/?ELEMENT_ID=2), то это значит, что компонент не настроен на работу с ЧПУ.

Ответ: ВЕРНО

12. Если Включаемая область видна НЕ на всех страницах сайта, то это включаемая область раздела или страницы.

Ответ: ВЕРНО

13. Если при редактировании страницы вы сделали что-то не то или не так, то восстановить прежние данные невозможно.

Ответ: НЕВЕРНО

— Практические задания

• Измените заголовок страницы «О магазине» на «Кто мы?»

Во вкладке «Сайт» прокрутите страницу до футера и там перейдите по ссылке на страницу «О магазине». Далее на верхней панели инструментов нажмите «Изменить страницу» — «Заголовок и свойства страницы». Измените заголовок.

• Закройте доступ к странице «Кто мы?» для незарегистрированных посетителей.

Во вкладке «Сайт» прокрутите страницу до футера и там перейдите по ссылке на страницу «Кто мы?». Далее на верхней панели инструментов нажмите «Изменить страницу» — «Доступ к странице» — «Добавить право доступа». Выбираем вкладку «Другое», выберите группу «Все посетители», нажмите кнопку «Выбрать» — выбираем право доступа «Доступ закрыт».

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

Снова нажимаем «добавить право доступа», вкладку «Другое» и выберите группу «Все авторизованные пользователи», нажмите кнопку «Выбрать». Установите право доступа «Чтение»

• Измените время работы интернет-магазина на 9:00-18:00

На верхней панели инструментов включите ползунок «Режим правки». На рабочей области наведите курсор мышки на время работы сайта (цифровое значение) и в появившемся блоке нажмите «Изменить область». Измените время работы и нажмите кнопку «Сохранить».

6. Управление структурой

• Управление структурой сайта

Структура сайта делиться на логическую (это иерархия сайта, его разделы и подразделы) и физическую (это главные файлы сайта, редактирование этих файлов может привести к поломке сайта)

• Кнопка Структура

Эта кнопка расположена во вкладке «Сайт» в верхней панели управления. При нажатии на нее в выпадающем списке можно выбрать «Управление структурой» и не переходя во вкладку «Администрирование» работать со структурой сайта.

• Менеджер файлов

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

• Изменение структуры сайта

— Создание физических страниц

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

— Создание разделов

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

— Удаление страниц и разделов

Важно. Если вы хотите удалить раздел, в котором созданы подразделы или страницы, то все эти данные удаляться!

— Навигация на сайте

• Средства навигации на сайте

Меню, Карта сайта, Навигационная цепочка («хлебные крошки»)

Все эти элементы позволяют пользователям сайта быстро находить информацию на нем.

• Меню

Пропустите этот раздел. Для работы контент-менеджера эти данные применяются крайне редко и только по техническому заданию. Просто прокрутите урок вниз и поставьте галочку.

• Примеры создания статического и динамического меню

Пропустите этот раздел. Для работы контент-менеджера эти данные применяются крайне редко и только по техническому заданию. Просто прокрутите урок вниз и поставьте галочку.

• Карта сайта

Пропустите этот раздел. Для работы контент-менеджера эти данные применяются крайне редко и только по техническому заданию. Просто прокрутите урок вниз и поставьте галочку.

• Цепочка навигации

Пропустите этот раздел. Для работы контент-менеджера эти данные применяются крайне редко и только по техническому заданию. Просто прокрутите урок вниз и поставьте галочку.

• Медиабиблиотека

— Медиабиблиотека

Важная часть сайта, с которой постоянно работает контент-менеджер.

— Предварительная настройка

Обычно этот раздел закрыт для редактирования контент-менеджером. Все данные устанавливаются администратором сайта. Пусть значения медиабиблиотеки будут стандартными. Нет смысла тратить время на настройки, т.к. чаще всего вы будете работать только с файлами формата .jpeg, .png, .pdf и т.п. – это стандартный набор файлов, который поддерживают все медиабиблиотеки.

— Коллекции

Коллекции – это условные папки, куда «заливают» (загружают) файлы по определенной теме. Например, для раздела сайта «Отчеты» необходимо загрузить несколько отчетов. После создания новой коллекции с названием «Отчеты» все файлы будут внутри этой коллекции и не будут мешать другим пользователям CMS. Плюс, вы всегда будете знать, где у вас лежат все файлы с отчетами, а не искать их по всей медиабиблиотеке.

— Загрузка файлов

Файлы загружаются в коллекции по одиночке или группой. Можно перетаскивать файл из папки на компьютере или через кнопку «Загрузить» в разделе «Множественная загрузка»

— Работа с элементами коллекции

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

— Поиск

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

— Примеры использования медиабиблиотеки

Различные варианты загрузки файлов позволяют работать нам как во вкладке «Сайт», так и во вкладке «Администрирование». При создании страниц или разделов пользуйтесь наиболее удобным для вас способом.

— Проверьте себя

Пройдите небольшое тестирование ответив «Верно» или «Неверно»:

1. Логическая структура файловой системы показывает, как сгруппированы страницы и разделы по смыслу. Физическая структура показывает расположение файлов и папок на сервере.

Ответ: ВЕРНО

2. Перейти в Менеджер файлов можно только из административного раздела

Ответ: НЕВЕРНО

3. Если вы в Административном разделе не видите раздела Файлы и папки, то это значит, что администратор отключил для вас эту возможность.

Ответ: ВЕРНО

4. Количество типов меню ограничено тремя типами: верхнее, левое, нижнее.

Ответ: НЕВЕРНО

5. Чтобы вышестоящее меню не отображалось в подразделе нужно запретить его вывод в этом подразделе.

Ответ: НЕВЕРНО

6. Цепочка навигации формируется на основе специально предназначенных для этого свойств страниц (разделов).

Ответ: НЕВЕРНО

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

Ответ: ВЕРНО

8. В медиабиблиотеке можно хранить только медиафайлы (картинки, видео, аудио).

Ответ: НЕВЕРНО

9. В медиабиблиотеку есть возможность загружать элементы только по одному.

Ответ: НЕВЕРНО

• Практические задания

— В практическом задании № 2 к главе Информация на сайте и работа с ней мы закрыли доступ к странице «Кто мы?» для незарегистрированных посетителей. Верните прежние права доступа к этой странице с помощью кнопки Структура.

Во вкладке «Сайт» на верхней рабочей панели нажмите кнопку «Структура», далее «Управлять структурой», кликните по разделу «Кто мы?» и в выпадающем списке нажмите «Доступ к странице», в появившемся окне нажмите «Отменить ограничения доступа для этого файла» — «Ок»

— Загрузите любой файл в папку /about в физической структуре сайта

Во вкладке «Сайт» в левом верхнем углу переходим в раздел «Меню» — «Контент» — «Структура сайта» — «Файлы и папки» — about. Вас перекинет во вкладку «Администрирование» в папку about.

Нажимаем кнопку «Загрузить файлы». Можно добавлять файлы

— Создайте физическую страницу с названием Тест в папке «О магазине» с произвольным текстом. Добавьте ее в нижнее существующее меню самым последним пунктом.

Во вкладке «Сайт» в самом низу странице перейдем на страницу «О магазине». На верхней рабочей панели нажимаем «Создать страницу», в появившемся окне пишем заголовок страницы – Тест. Снимаем галочку «Добавить пункт меню», жмем кнопку «Далее». В строке «Заголовок окна браузера» пишем – Тестовая страница, жмем кнопку «Готово». В появившемся окне вводим любой текст, нажимаем «Сохранить».

На верхней рабочей панели включаем флажок «Режим правки», спускаемся в самый низ страницы и наводим курсор на список под блоком «О магазине», в появившемся поле нажимаем «Редактировать…», «Вставить пункт», в поле значение пишем – Тест. Нажимаем иконку желтой папки в редактируемой строке, выбираем файл test.php. Нажимаем кнопку «Открыть» — «Сохранить»

7. Управление структурой

• Визуальный редактор

Позволяет работать прямо в браузере, не устанавливая никаких дополнительных программ.

• Где используется редактор

Вкладка визуального редактора всегда находится рядом с вкладкой html-кода. Он есть везде, где может присутствовать текстовая и графическая части (карточки товаров, страницы, разделы и т.д.)

• Внешний вид редактора

Основная мысль. Редактор во всех системах одинаковый и частично похож на Microsoft Word в урезанной версии.

В Битриксе есть кнопка переключения режимов редактирования. С помощью нее можно переключаться между исходным кодом и визуальным редактором или комбинировать их по горизонтали и вертикали. Это очень удобно, когда в ТЗ прописывают четкое задание по html-заголовкам и абзацам.

• Как работать с текстом

— Форматирование текста

Инструменты работают по тому же принципу, что и в MS Word, поэтому запутаться будет сложно. В этом уроке даны примеры написания разного форматирования текста с помощью html-кода, обратите на это внимание.

— Как работать с таблицами

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

— Как работать с ссылками

Привязка ссылок часто используется на всех товарных сайтах, например, для перелинковки между группами товаров или ссылки на скачивание технической документации. Ссылки можно использовать для перехода в определенную часть сайта – это называется «якорь». Вы самостоятельно можете создавать якоря в любом нужном для вас месте и привязывать этот якорь, например, к определенному пункту в меню сайта, чтобы пользователь мог быстро попасть в этот раздел страницы сайта.

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

— Настройка редактора и вставка текста

Очистка стилей при копировании текста хороший инструмент для приведения текстовой части сайта к единому стилю. В настройках советую оставлять все галочки включенными и форматировать тексты согласно ТЗ. Иначе потом придется залезать в html-код и искать ошибку там.

• Как работать с картинками и видео

— Как загрузить и разместить изображение

В Битрикс можно размещать картинки из локального компьютера (при этом они будут загружаться в соответствующую папку в медиабиблиотеке), из интернета (это будет ссылка на картинку и если по этой ссылке картинка будет удалена, то и на вашем сайте ее больше не будет. Она будет «битой») и из медиабиблиотеки (вы можете брать ранее загруженные файлы из нужной вам папки или коллекции в медиабиблиотеке).

— Как разместить видео

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

• Проверьте себя

Пройдите небольшое тестирование ответив «Верно» или «Неверно»:

1. Визуальные редакторы в Публичной части и в Административной – разные.

Ответ: НЕВЕРНО

2. Визуальный редактор одинаков во всех формах редактирования.

Ответ: НЕВЕРНО

3. Набор кнопок на панели одинаков вне зависимости от режима работы и настроек

Ответ: НЕВЕРНО

4. При вставке текста из других программ можно отключать исходное форматирование

Ответ: ВЕРНО

5. Визуальный редактор допускает вставку видео с других серверов, например с Youtube.

Ответ: ВЕРНО

• Практические задания

В этом разделе хорошие практические задания, советую выполнить их. Постарайтесь не заглядывать в подсказки, но если это необходимо, то обязательно посмотрите видео, нажав на «+» внизу каждого задания.

8. Компоненты: что это и как их использовать

• Что такое компоненты

Проще всего контент-менеджеру понять, как работают компоненты на примере карточек товара одежды.

В интернет-магазине вы заполняете карточки товаров, у всех товаров одинаковая структура: фото товара, наименование, артикул, цена, описание, ряд характеристик и т.д.

В этой структуре каждая строчка может быть отдельным компонентом, то есть:

Фото – это простой компонент

Название – это простой компонент

Артикул – это простой компонент и т.д.

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

Комплексные компоненты чаще всего создаются администратором сайта, если иное не прописано в техническом задании.

• Работа с компонентами

— Как использовать компонент

Любой компонент добавляется простым перетягиванием его из списка компонента в рабочую область.

— Как настроить компонент

Чаще всего компоненты уже идут с нужными настройками (это делает администратор), но также настройки могут быть прописаны в техническом задании. Если в техническом задании нет никакой информации про настройки компонента, просто оставляйте их стандартными.

• Пример работы с компонентами: создаем новостной раздел

Чаще всего основные разделы сайта уже созданы программистами или администратором сайта. Контент-менеджерам остается только добавлять сам контент (отдельные новости, а не весь новостной блок, отдельные карточки товаров, а не целый каталог магазина). Поэтому пример работы с компонентами нам показывает, как работает эта структура, в реальности создавать ее вы будете крайне редко. Опять же все будет зависеть от технического задания.

• Проверь себя

Пройдите небольшое тестирование ответив «Верно» или «Неверно»:

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

Ответ: ВЕРНО

2. Компонент размещается на физической странице переносом иконки в визуальном редакторе.

Ответ: ВЕРНО

3. Если в визуальном редакторе отсутствует панель компонентов, то вы редактируете элемент инфоблока.

Ответ: ВЕРНО

4. На одной странице возможна работа нескольких комплексных компонентов.

Ответ: НЕВЕРНО

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

Ответ: ВЕРНО

6. Компонент требует настройки. Часто это настройка на какой-то инфоблок.

Ответ: ВЕРНО

7. Для быстрого отключения вывода данных каким-то компонентом лучше просто удалить компонент.

Ответ: НЕВЕРНО

• Практические задания

— Создайте новую страницу. В мастере создания новой страницы напишите заголовок «Тест» и нажмите кнопку «Далее» и еще раз «Далее», затем «Готово». У вас откроется форма редактирования страницы. Если в правой части этой формы нет панели с компонентами и сниппетами, то нужно нажать на маленькую стрелочку в правой части и форма развернется.

В строке поиска введите «Новости». Вы увидите компонент Новости, подсвеченный зеленым цветом. Перетащите его в левую часть формы. Если у вас перед новостью есть какой-либо текст – удалите его.

Нажмите два раза на компонент новости. Откроется окно «Параметры компонента». В разделе «Шаблон компонента» — «Основные параметры» — «Тип инфоблока» выберите «[news] Новости».

Ниже в поле «Инфоблок» выберите «[1] Новости». Нажмите кнопку «Сохранить». И еще раз кнопку «Сохранить». Вы увидите результат на сайте – страница с новостями, где собраны все новости сайта. В каждую новость можно перейти и посмотреть ее (каждая новость – это отдельная страница).

— Перейдите на страницу любой новости. Отредактируйте параметры компонента так, чтобы название новости попадало в цепочку навигации.

На странице любой новости включите режим правки страницы (правый верхний угол – бегунок).

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

9. Информационные блоки

• Что такое информационные блоки (инфоблоки)

Инфоблоки применяются для всех видов информации, которую можно структурировать (представить в виде таблицы/каталога). Для чего нужны инфоблоки: отображение каталогов с товарами, статьи, доски объявлений, новостная лента и пр.

• Как устроены инфоблоки

Эта тема уже частично была изучена в уроках выше, мы рассматривали ее в сравнении с Fooda.

Еще раз продублирую сравнительную таблицу.

Самописная CMS Fooda	Bitrix
Основная товарная группа: Молочные продукты	Основной тематический блок (инфоблок): Контент
Подгруппа 1: Йогурты	Тематический блок 1 (инфоблок): Каталоги
Подгруппа 2: Йогурт питьевой	Тематический блок 2 (инфоблок): Одежда
Подгруппа 3: Йогурт питьевой с добавками/Йогурт питьевой классический	Тематические блоки 3 (инфоблок): Платья/Штаны
Далее в каждой подгруппе/блоке 3 ряда идут карточки товаров (элемент)

• Общий порядок работы с информационными блоками

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

• Типы инфоблоков

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

• Создание и настройка инфоблока

— Создание и редактирование инфоблока

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

— Основные настройки

Пропустите этот урок, просто поставьте галочку «Прочитано». Все данные по настройкам вам будут выданы в техническом задании от заказчика.

— Настройка SEO данных в инфоблоке

Пропустите этот урок, просто поставьте галочку «Прочитано». Без понимания ключевых понятий сейчас будет сложно понять, для чего в этом уроке проставляются данные именно в таком виде. В 3 обучающем блоке у нас будет урок по SEO.

— Свойства элементов

Основная мысль.

Свойства создаются отдельно для каждого инфоблока. Значения свойства задаются в элементах инфоблока. Показ значений свойств на сайте определяется настройками компонента.

— Настройка доступа к инфоблокам

Так как чаще всего контент-менеджеры работают с интернет-магазинами, то настройки доступа остаются по умолчанию – Режим «Чтение» для всех, но с исключением на администраторов. Настройка всех остальных прав определяются по техническому заданию.

— Предустановленные данные для полей элементов и разделов

Пропустите этот урок, просто поставьте галочку «Прочитано». Предустановкой данных занимается администратор сайта, если другого не указано в техническом задании.

— Нанесение авторского знака

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

— Подписи

Чаще всего эти преднастройки делает администратор сайта. А вы уже работаете с готовыми шаблонами.

• Разделы и элементы

— Разделы: создание, расположение в меню, удаление

Посмотрите урок. Эта информация пригодится для работы с сайтами на Битрикс.

— Элементы: создание, изменение, удаление

Посмотрите урок. Эта информация пригодится для работы с сайтами на Битрикс.

— Редактор изображений в элементах инфоблока

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

— Настройка SEO информации

Пропускаем этот урок и ставим галочку «Прочитано»

— Настройка форм элементов и разделов под себя

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

— Подсказки в форме элемента

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

— Экспорт/импорт данных

• Формат CSV

— Экспорт данных

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

На примере Fooda. Так как в самописной админке Fooda нет функции импорта, вам приходилось делать Excel таблицу самостоятельно. Этого можно было избежать, если бы программисты Fooda добавили такой функционал в административную панель.

— Как подготовить CSV-файл для загрузки

Пропускаем этот урок и ставим галочку «Прочитано». Шапку файла вам всегда выдает администратор, если иного не указано в техническом задании.

— Импорт данных

Часто бывает так, что заказчик выдает вам Ecxel-файл с данными. При этом на сайте у него уже все готово для импорта данных. Вы можете загрузить файл в административной части сайта и данные автоматически подгрузятся на сайт. Рекомендую первое время выборочно проверять загруженные данные для того, чтобы все данные были на своих местах.

• Формат XML

— Экспорт данных

Формат XML позволяет создавать более полную таблицу данных (со свойствами и изображениями).

— Импорт данных

Пропускаем этот урок и ставим галочку «Прочитано». Такие файлы загружаются администратором сайта и требуют дополнительных настроек по времени работы. Загрузка и выгрузка таких файлов, чаще всего, происходит ночью, когда посещаемость сайта самая низкая. Это связано с тем, что загрузка/выгрузка влияют на работоспособность сайта.

• Формат RSS

— Экспорт в RSS

Пропускаем этот урок и ставим галочку «Прочитано». Контент-менеджер данным функционалом не пользуется, если иного не указано в техническом задании.

— Отображение данных из RSS

Пропускаем этот урок и ставим галочку «Прочитано». Контент-менеджер данным функционалом не пользуется, если иного не указано в техническом задании.

• Публикация на сайте информации из инфоблоков

— Компоненты: выставляем информацию напоказ

Схема отображения информации, записанной в компоненте инфоблока.

Раздел – Страница в разделе – Компоненты на странице – В параметрах компонента обязательно указать тип инфоблока и сам инфоблок.

— Настройки инфоблока для корректного поиска элементов

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

— ЧПУ: делаем адреса понятными

Посмотрите видео урок, чтобы иметь представление о том, как настраивать ЧПУ. Чаще всего данные для ЧПУ прописываются в техническом задании.

— Вложенные ЧПУ: формируем полные адреса

Детальные настройки ЧПУ обязательно прописываются в техническом задании, так как это важная составляющая сайта. Но, таких настроек может и не быть, заказчик может оставить стандартные (автоматически формируемые) названия URL.

— Основная страница элемента среди дублей

Один товар может относиться к нескольким разделам. Например, «Стол» может быть как обеденным или письменным, так и журнальным. Для того, чтобы не создавать 3 отдельные карточки товара с один и тем же столом в разных разделах (обеденные столы, письменные столы, журнальные столы), достаточно создать только одну карточку, но привязать ее к трем разделам.

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

— Красивые адреса для фильтра товаров

Пропускаем этот урок и ставим галочку «Прочитано». Это повторение всей информации, которая была выше.

— Примеры

1- 5 задания

Выполните практические задания по этим урокам. Так визуальная память поможет вам в дальнейшем не бояться работать на Битриксе.

• Полезные инструменты

— Как быстро открыть форму элемента или инфоблока

— Контент – Инфоблоки – Инструменты – перейти к инфоблоку/элементу (в тестовом редакторе сайта эти действия ограничены правами доступа)

— Фасетный поиск: улучшаем работу каталога товаров

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

Такой вид поиска настраивается администратором сайта, если иного не указано в техническом задании.

— Групповая генерация символьных кодов

Создание символьных кодов может потребоваться для работы с уже существующими сайтами и редактированием уже имеющихся элементов.

4-7 уроки

Для общего понимания работы с Битрикс можно посмотреть эти уроки. На практике контент-менеджер крайне редко работает с этими настройками.

— Возможные проблемы

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

• Проверьте себя

Пройдите небольшое тестирование ответив «Верно» или «Неверно»:

1. Количество элементов инфоблока не ограничивается. При этом каждый из них может быть привязан к нескольким разделам.

Ответ: ВЕРНО

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

Ответ: НЕВЕРНО

3. Настроенные при создании инфоблока SEO данные не могут переопределяться в разделах и элементах.

Ответ: НЕВЕРНО

4. Отредактировать SEO шаблоны инфоблока можно в любой момент.

Ответ: ВЕРНО

5. Инфоблок подходит для хранения любого типа информации большого объема.

Ответ: НЕВЕРНО

6. Если добавленное новое свойство инфоблока не появилось в настроенной «под вас» форме редактирования элемента, то виноват кеш.

Ответ: НЕВЕРНО

7. Если добавленное новое свойство инфоблока не появилось в Публичной части, то виноват кеш.

Ответ: НЕВЕРНО

8. Если удалить раздел инфоблока, то удалятся и все элементы этого раздела.

Ответ: ВЕРНО

9. Создание элементов вручную – не самый оптимальный способ наполнения инфоблока большим объемом информации.

Ответ: ВЕРНО

10. Экспорт и импорт инфоблока может выполняться в разных местах Административного раздела.

Ответ: ВЕРНО

11. Для использования ЧПУ нужно: задать символьные коды, настроить компоненты и дать разрешение на использование ЧПУ в настройках инфоблока.

Ответ: НЕВЕРНО

12. Чтобы не иметь претензий от SEOшников по дублям страниц, нужно настроить для элементов «основной раздел»

Ответ: ВЕРНО

 

• Практические задания.

Рекомендую выполнить 1 и 2 практическое задание по примеру из урока.

Для того чтобы начать обучение пройдите по ссылке (обучение бесплатное):

https://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ID=34

В правом верхнем углу нажмите на кнопку «Авторизация», справа от кнопки «Вход» есть кнопка «Регистрация». Зарегистрируйтесь на сайте. Не потеряйте свои учетные данные, так как потом в этом личном кабинете у вас будет отображаться сертификат о пройденном обучении. После регистрации на указанную вами почту придет письмо, где будут данные с логином учетной записи.

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

Лайфхак!

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

Далее – «Скорость воспроизведения».

И далее выберите скорость воспроизведения видео. Посмотрите на какой скорости вам будет комфортно воспринимать информацию.

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

Возвращаемся на верх страницы и переходим к изучению курса.

1. Самая первая глава

• Справочная информация

Располагается на сайте компании в разделе «Документация». В дополнение к документации, информацию можно получить на сайте в разделе «Форум».

Разделы справочной информации:

— Онлайн документация для пользователей;

— Онлайн документация для разработчиков;

— Учебные курсы;

— Контекстная справка;

— Мастер магазина;

— FAQ – Часто задаваемые вопросы.

Обратим внимание на «Контекстную справку».

На демо версии сайта, в разделе «Администрирование» в правом верхнем углу есть значок вопроса. Нажимая на него, открывается контекстная справка.

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

Нажимая на заголовки вам открывается поле быстрого поиска.

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

• Если нет времени на изучение

В этом разделе собраны все ключевые ссылки на статьи, по работе с системой Bitrix. Нам этот раздел не интересен, так как мы хотим получить сертификат.

Промотайте страницу вниз и нажмите кнопку «Прочитано!».

• Как отформатирован текст в курсе

В этом разделе описаны примеры форматирования текста в уроках, не тратим время, проматываем вниз и нажимаем «Прочитано!»

• Видеоматериалы к курсу «Контент-менеджер»

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

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

• Как узнать редакция продукта

Эта информация нам нужна для работы с заказчиком, чтобы понимать в какой версии 1С-Битрикс он работает. Версии могут отличаться друг от друга различным набором доступных инструментов.

На демо сайте перейдите в левой рабочей панели в раздел «Marketplace», в открывшемся окне нажмите «Обновление платформы», прокрутите страницу вниз и в разделе «Ответ сервера обновлений» в строчке «Редакция продукта» посмотрите какой продукт используется в вашем случае.

Вся остальная информация нас не интересует, прокрутите страницу вниз и нажмите «Прочитано!».

2. Как устроен Битрикс, теория

• Из чего состоит Битрикс

— Публичная и административная части

Основная мысль:

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

База данных – место хранения динамической информации, работа с БД происходит через инструменты CMS.

Не забываем нажимать кнопку «Прочитано!» после каждого урока.

— Файловая сисиема

Основная мысль:

Файловая структура в Административной части расположена в разделе «Контент – Структура сайта».

У сайта есть физическая структура и логическая структура.

Страница сайта – файл, а раздел сайта – папка с файлами. (Это утверждение касается статической информации (тексты, картинки, видео). С динамической информацией будет не так.)

— Информационные блоки

Основная мысль:

Инфоблоки в Административной части размещаются сразу за файловой структурой сайта в разделе «Контент».

Инфоблоки – инструмент для работы с Базой данных.

Динамическая информация формируется из инфоблоков.

Страница сайта с динамической информация – это программный код, а не физический файл.

Инфоблоки сами по себе информацию на сайте не выводят.

— Модули и компоненты

Основная мысль:

Модули отвечают за большую часть функционала сайта определенной направленности.

Модули можно настраивать.

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

— Зачем все это нужно

Основная мысль. Простыми словами как работает кнопка «Сохранить».

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

• Как все взаимодействует между собой

— Создание физических страниц

Основная мысль.

Создали файл – создали страницу.

Наполнили файл содержанием (тексты и картинки) – наполнили страницу содержанием.

Показ страницы происходит без работы программного кода.

— Работа с инфоблоками

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

Основная мысль.

С помощью компонентов и инфоблоков можно программно создавать произвольное число страниц сайта.

Компонент размещается на физической странице и настраивается на инфоблок.

— Работа без инфоблоков

Основная мысль.

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

Если данные модуля выводятся на страницах сайта, то создается страница и на ней размещается компонент этого модуля.

Если данные модуля не выводятся на страницах сайта, то эти данные видны в Административном разделе.

• Проверьте себя

Пройдите небольшое тестирование ответив «Верно» или «Неверно»:

1. Публичная часть – это то, что видит любой пользователь. Административную часть видят только авторизованные пользователи со специальными правами.

Ответ: ВЕРНО

2. База данных – это единственное место хранения информации.

Ответ: НЕВЕРНО

3. Название папок в рамках логической и физической структуры – одинаковые.

Ответ: НЕВЕРНО

4. Страница сайта – это либо файл из файловой структуры, либо элемент инфоблока/компонент модуля.

Ответ: ВЕРНО

5. Модуль выводит информацию на сайт из Информационного блока, а компонент обрабатывает и изменяет информацию для вывода.

Ответ: НЕВЕРНО

6. Создание страницы сайта происходит: для статической информации – из файла, для динамической – из инфоблока.

Ответ: ВЕРНО

7. Категорически нельзя ничего менять в папке /bitrix.

Ответ: ВЕРНО

8. Внешний вид информации, которую выводит компонент, зависит от шаблона компонента.

Ответ: ВЕРНО

9. Для создания динамических страниц недостаточно физического файла и размещенного на нем компонента.

Ответ: НЕВЕРНО

3. Авторизация на сайте

• Авторизация на сайте. Видеоурок

Что значит «Коробочная версия Битрикс»? Это когда вы устанавливаете на свой ПК программу Битрикс24. Запускаете ее и работаете внутри программы.

Онлайн-версия Битрикс – это версия, в которой вы работаете через браузер. Для этого у вас должен быть подключенный интернет.

Есть два варианта доступа в административную панель сайта:

1. Из публичного раздела сайта (раздел, который видит любой пользователь, попавший на сайт). Чаще всего на сайте есть форма для логина и пароли или «Войти»/«Авторизоваться». Для перехода на публичный раздел достаточно ввести в строке баузера название сайта. Например: https://sokhareva.na
2. Из административного раздела сайта (раздел, в который есть доступ и только у зарегистрированных пользователей с правами доступа). Для этого достаточно дописать к адресу сайта /bitrix/ и нажать кнопку Enter. Например: sokhareva.na/bitrix

Основная мысль.

Авторизация – первое, что должен сделать контент-менеджер перед началом работы на сайте.

• Двухэтапная авторизация

— Двухэтапная авторизация (Двухфакторная аутентификация)

Система одноразовых паролей. Еще вы можете встретить такое название как «Двухфакторная аутентификация» — часто используется при настройке личных кабинетов различных сервисов.

Что это такое простыми словами. После того, как вы ввели логин и пароль в форму входа на сайт, вам на телефон придет числовой или буквенный, или смешанный код, который нужно ввести в соответствующее поле на сайте.

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

— Подключение пользователем двухэтапной авторизации. Видеоурок.

Тут представлена информация для администраторов сайта на bitrix.

Основная мысль.

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

Чаще всего эту информацию дают вам в месте с техническим заданием. Там будут указаны все нюансы по авторизации.

Тут я долго ломала голову, для чего нам дают эту информацию, если мы не можем применять ее на практике на демо сайте, пыталась найти настройки, но в итоге поняла, что эти настройки в демо версии просто отключены.

Покажу на скринах для общего понимания.

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

Переходим в раздел «Пользователи» — «Список пользователей»

На тестовом сайте вы видите единственного пользователя – себя. Нажмите на «admin» чтобы попасть в настройки пользователя.

В настройках пользователя есть вкладка «Двухэтапная авторизация», но в ней все настройки для нас закрыты.

Поэтому все уроки по двухэтапной авторизации у нас будут только в теории.

• Резервные коды

Основная мысль.

Коды выручат вас в случае потери телефона. Действительны только коды, созданные последними.

• Мобильное приложение Bitrix24 OTP

Основная мысль.

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

• Авторизация с помощью Bitrix24 OTP

Основная мысль.

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

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

• Аппаратное устройство одноразовых паролей (USB-токен)

Такие токены часто используют для работы в офисах крупных компаний. Для того, чтобы вы не могли удаленно (не находясь в офисе) подключиться на сайт. Безопасная безопасность, знаете ли.

• Решение проблем связанных с ОТР

Основная мысль.

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

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

• Проверьте себя

Пройдите небольшое тестирование ответив «Верно» или «Неверно»:

1. Контент-менеджер не сможет авторизоваться на сайте, если в публичном разделе нет формы авторизации.

Ответ: НЕВЕРНО

2. Одноразовые пароли для двухэтапной авторизации генерируются специальными программами на компьютере или мобильном телефоне.

Ответ: НЕВЕРНО

3. Приложение, выбранное вами для телефона, должно поддерживать заданный администратором сайта алгоритм генерации паролей.

Ответ: ВЕРНО

4. Если утерян телефон или брелок, то доступ на сайт с ОТР возможет только после отключения администратором системы одноразовых паролей.

Ответ: НЕВЕРНО

5. Вы вводите с телефона или специального устройства пароль. Проверили, что все введено правильно, а он не проходит. Других причин несрабатывания нет и единственный выход – отключение системы одноразового пароле через администратора сайта.

Ответ: НЕВЕРНО

6. При корректировке времени правильнее установить нужное вручную.

Ответ: НЕВЕРНО

4. Элементы управления

• Публичный раздел

— Публичный раздел

Основная мысль.

На панели расположены самые нужные контент-менеджеру инструменты. Функции сгруппированы по смыслу и могут быть не доступны, если не хватает прав доступа.

— Панель управления

Это основной инструмент для работы с системой. Работа ведется на вкладках «Сайт» и «Администрирование».

— Режим правки

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

— Горячие клавиши

Горячие клавиши очень крутой инструмент для работы с контентом. Они помогают нам быстро выполнять однообразные действия. При работе с сайтами на платформе Bitrix создавайте для себя горячие клавиши по теме вашей работы. Если вам нужно создавать карточки товаров, то логично задать («забиньдить» — разг. закрепить, назначить) горячие клавиши именно для этого действия. Если вам нужно постоянно возвращаться в какой-то раздел на сайте, его открытие так же можно поставить на горячие клавиши.

— Проверьте себя

Пройдите небольшое тестирование ответив «Верно» или «Неверно»:

1. Набор инструментов на Панели управления для всех отображается одинаково.

Ответ: НЕВЕРНО

2. Большинство кнопок на панели позволяют выполнить не одну, а целый ряд операций.

Ответ: ВЕРНО

3. Без включения режима правки невозможно вносить изменения в содержание сайта с Публичного раздела.

Ответ: НЕВЕРНО

4. Всплывающие панели позволяют редактировать только страницу и компоненты в рабочей области сайта.

Ответ: НЕВЕРНО

5. В системе для операций имеются стандартные комбинации горячих клавиш. Свои комбинации создавать нельзя.

Ответ: НЕВЕРНО

• Административный раздел

— Административный раздел

Основная мысль.

Административный отдел для всех сайтов на платформе Bitrix одинаковый. Он не зависит от того с каким сайтом вы работаете, его функционал не изменяется. Но в административном разделе вы видите только те данные, к которым вам открыл доступ Администратор. Поэтому, не всегда на всех сайтах у вас будет одинаковая рабочая панель.

— Логика интерфейса административного раздела

Интерфейс системы построен по иерархическому принципу: вышестоящие области интерфейса переключают зависимые области в тот или иной режим работы. Это позволяет скрыть не нужный в данный момент функционал системы и вынести на первый план требуемые функции. Такая организация интерфейса обеспечивает его наглядность и не перегруженность.

Это, по сути, похоже на тот же принцип, как в примере с овощами из 2 блока уроков. Когда идет процесс объединения по смысловым группам: от меньшего к большему.

— Административная панель управления

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

— Административное меню

При работе контент-менеджера чаще всего используется только блок «Контент», при этом остальные блоки могут быть скрыты. Если администратор не ограничил вам права доступа к остальным блокам, пожалуйста, ничего не меняйте в них, без согласования с администратором или куратором проекта, так как любые изменения могут повлиять на работу сайта.

— Меню функций

Такое отображение меню часто используется в CMS системах. Похожий принцип вы встречали при работе с самописной CMS мобильного приложения Fooda.

— Списки элементов

• Списки элементов

Следующая ступень иерархии. Для понимания сравню уже с отработанной вами системой иерархического списка мобильного приложения Fooda и проведу сравнение.

Самописная CMS Fooda	Bitrix
Основная товарная группа: Молочные продукты	Основной тематический блок: Контент
Подгруппа 1: Йогурты	Тематический блок 1: Каталоги
Подгруппа 2: Йогурт питьевой	Тематический блок 2: Одежда
Подгруппа 3: Йогурт питьевой с добавками/Йогурт питьевой классический	Тематические блоки 3: Платья/Штаны
Далее в каждой подгруппе/блоке 3 ряда идут карточки товаров

• Фильтр (старый интерфейс)

Фильтрация, как и поиск, очень удобный инструмент для работы контент-менеджера. Фильтрация отлично подходит для того, чтобы быстро ориентироваться в уже имеющемся контенте на сайте и работать только с теми карточками (статьями, новостями, страницами и пр), которые вам необходимы по определенным параметрам.

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

Например, вы создаете карточки продуктов питания. В общем разделе вы видите вообще все карточки, созданные всеми контент-менеджерами. Вам прислали задание: изменить категорию товаров. Например, была категория товаров с названием «Йогурты», а ее нужно изменить на другую категорию «Йогурты питьевые». И для того, чтобы не искать во всем множестве карточек ваши карточки с йогуртами, вы просто настраиваете фильтрацию в нужном поле по значению «Йогурты». Теперь вам будет показывать все карточки, в которых привязана эта категория. При этом фильтрация идет не по названию, а именно по категории товара.

В Bitrix система фильтрации еще более многофункциональна, обязательно хорошо изучите эту тему и применяйте на практике!

• Фильтр (новый интерфейс)

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

• Список элементов (старый интерфейс)

Это будет ваша основная рабочая зона. В ней вы будете создавать, редактировать и удалять разные элементы. Поэтому обязательно пользуйтесь функциями, упрощающими и ускоряющими работу в этой области.

• Список элементов (новый интерфейс)

В этом уроке важно отметить раздел «Настройка отображаемый полей».  Это позволяет индивидуально под свои запросы настроить отображение списка элементов, что очень удобно при работе с большим объемом карточек.

• Порядок элементов в списке

Сортировка элементов списка (карточек) очень помогает группировать элементы по каким-то параметрам, при этом не скрывая остальные элементы, как в случае с фильтрацией.

• Настройка списка элементов (старый интерфейс)

Основная мысль.

По умолчанию настройки каждой таблицы сохраняются для текущего авторизированного пользователя. Полностью удалять все параметры из поля «Выбранные колонки» — нельзя, должна оставаться хотя бы одна колонка.

• Настройка списка элементов (новый интерфейс)

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

— Основная рабочая область

Кнопки основной панели можно ставить на горячие клавиши. Для этого их нужно найти в разделе горячих клавиш и установить свои значения. Экспорт элементов очень важный и удобный инструмент, так как Excel-файлы часто используются для различного рода отчетности.

Приведу пример из Fooda. Вам пришлось выполнять двойную работу – заполнять карточки товаров и заполнять Excel-таблицу, но если бы в Fooda была кнопка экспорта, то вы бы совершали только первый пункт – заполняли карточки товаров. А далее с помощью экспорта сформировали бы готовую таблицу со всеми данными, содержащимися в каждой карточке товара.

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

Например. Вам выдали тестовое задание: создать 5 карточек товара на сайте с CMS Bitrix.

Вы по ТЗ создаете карточки товара, при этом ОБЯЗАТЕЛЬНО, засекаете время, затраченное на каждую карточку. После создания карточек, вы можете экспортировать их и в получившемся Excel файле посчитать количество заполненных полей и рассчитать итоговую стоимость вашей работы. Супер удобно!

— Форма редактирования элемента

Несмотря на обилие форм редактирования, у всех них есть общие области: контекстная панель, область закладок, область полей и панель команд. Формы редактирования настраиваются под конкретные условия работы.

— Навигация и поиск

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

— Рабочий стол

• Рабочий стол

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

• Настройки рабочего стола

На тестовом сайте можете попробовать создать новый рабочий стол и посмотреть какие гаджеты можно на него добавить.

• Гаджеты на рабочем столе

Для работы с контентом могут быть интересны такие гаджеты как:

— Личное – Заметки.

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

— Личное – Избранные ссылки (сюда можно внести ссылки, с которыми вы работаете в текущем проекте. Может быть это будут ссылки на старый сайт, с которого вы переносите контент, или ссылки на сайты поставщиков)

— Контент – Элементы инфоблока.

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

— Настройки – Битрикс24

Если вам, по каким-то причинам, нужно подключаться к CRM битрикс, совмещенной с CMS Битрикс, то есть смысл вывести на рабочий стол гаджет с ссылкой на быстрое подключение к CRM.

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

— Избранное

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

• Контекстная помощь

Контекстная справка содержит в себе только ту информацию, которая относится к конкретному блоку, в котором вы эту справку вызываете. Справка по «Медиабиблиотека» – будет показывать всю информацию именно по Медиабиблиотеке. В контекстной справке так же есть удобное меню, в котором можно начать набирать поисковое слово и все результаты с похожими данными будут выводиться ниже.

• Экспорт в MS Excel

Выше я уже описала для чего нам требуется экспорт в Excel (п.4.2.7)

• Проверьте себя

Пройдите небольшое тестирование ответив «Верно» или «Неверно»:

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

Ответ: ВЕРНО

2. Внешний вид Административного раздела нельзя настроить.

Ответ: НЕВЕРНО

3. Для редактирования элемента списка нужно обязательно открывать форму редактирования.

Ответ: НЕВЕРНО

4. «1С-Битрикс: Управление сайтом» допускает групповое редактирование элементов списка.

Ответ: ВЕРНО

5. При настройке Внешнего вида списка элементов в списке обязательно должна оставаться хотя бы одна колонка.

Ответ: ВЕРНО

6. Любой пользователь может добавить в Избранное ссылку, которая будет видна всем.

Ответ: НЕВЕРНО

7. Экспорт данных из списка элементов невозможен.

Ответ: НЕВЕРНО

— Практические задания

• Найдите два способа перейти из публичной части сайта в административный отдел для редактирования своего профиля.

— Настройки – Пользователи – Список пользователей – Кликнуть на свое имя. Откроется панель редактирования профиля.

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

• Уменьшите Панель управления и освободите место на экране монитора для самого сайта.

— Во вкладке «Сайт» на верхней панели управления в правой части панели есть кнопка «Свернуть», которая убирает панель управления. Обратное действие делается по кнопке «Развернуть».

• Найдите сколько компонентов размещено на главное странице сайта Виртуальной лаборатории?

Я насчитала 29 штук

Первый способ. Активировать режим правки (сделать ползунок зеленым в правой части верхней панели управления) и вручную, наводя на каждый блок, посчитать количество компонентов на главной странице сайта.

Второй способ. На верхней панели управления нажать «Компоненты» и посчитать все компоненты в выпадающем списке.

• Найдите самый быстрый способ (в 2 клика мышкой) перейти из публичной части к списку валют в Административном отделе.

Такого способа не существует.

Первый способ. Перейти в раздел «Администрирование», перейти в «Настройки» — Валюты – Список валют (4 клика)

Второй способ. В разделе «Сайт» перейти в выпадающий список «Меню» — «Настройки» — Валюты – Список валют (4 клика)

• Увеличьте в Административном отделе место Рабочей области

Это делаем при помощи сворачивания/уменьшения левой рабочей панели.

• Найдите самый быстрый способ перейти к настройкам инфоблока из списка элементов инфоблока.

В самом низу каждого раздела есть оранжевое поле с надписью и ссылкой «Изменить свойства и права доступа к информационному блоку вы можете в Настройках информационного блока». Эта ссылка перекидывает вас в раздел редактирования. Чтобы вернуться в тот раздел, из которого вы перешли, нужно снова в левом иерархическом списке выбрать нужный вам раздел.

• Измените вид списка элементов инфоблока новостей с настройки по умолчанию до такого вида. И сделайте экспорт списка в файл Excel.

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

CMS Bitrix

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

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

Для того что бы материал лучше усваивался, параллельно нужно повторять действия в «Виртуальной лаборатории». Установим ее.

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

https://bitrixlabs.ru/

Для работы на созданном демо сайте у вас есть 3 часа, после чего сайт удалится, но вы всегда можете создать новый сайт повторив все шаги. Введите данные (логин, пароль, код на картинке) и нажмите кнопку «Создать демо сайт». Нужно немного подождать.

Далее появится кнопка «Войти на сайт». Нажимаем эту кнопку и попадаем в раздел установки продукта. Ставим галочку в поле «Интернет-магазин».

Ниже нажмите на кнопку «Далее».

Появится поле для выбора шаблона. Ничего не меняем, нажимаем кнопку «Далее».

Выберите «Тему» для своего виртуального магазина. Можете выбрать любую, которая вам понравится. После выбора нажмите кнопку «Далее».

В следующих разделах:

— Информация о сайте;

— Настройка каталога;

— Информация о магазине;

— Типы плательщиков;

— Оплата и доставка

ничего не меняйте. В каждом разделе промотайте сайт в самый низ и нажмите кнопку «Далее».

Последний раздел «Завершение настройки». Нужно подождать пока все загрузится и нажать кнопку «Перейти на сайт».

Вы попали на сайт вашего виртуального магазина. Тут вы будете отрабатывать пройденный в обучении Битрикс материал.

CMS WordPress (WP, Вордпресс)

Эта система управления контентом на сегодняшний день является лидером на рынке веб-разработки. Большинство сайтов, которые вы встречаете в интернете написаны именно на этом движке. Свою популярность он получил за счет нескольких преимуществ:

— можно пользоваться бесплатно (но имеет дополнительный платный контент, который заказчик использует по желанию);

— удобный, несложный интерфейс;

— можно развернуть практически любой сайт от маленького блога до полноценного интернет-магазина;

— можно работать без программиста, самостоятельно настраивая нужные плагины (сложно, но можно).

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

По сути – это сложный конструктор, который управляется за счет установки различных плагинов и дополнений.

Чтобы понимать на сколько разными бывают сайты на CMS Вордпресс посмотрите примеры популярных сайтов:

https://www.iphones.ru/– сайт, посвященный технике Apple. На что тут нужно обратить внимание нам, как контент-менеджерам. Листая главную страницу вниз, вы видите тематические блоки разных статей, нажимая на кнопку перехода, вы попадаете в саму статью, где видите фото/видео контент и текстовую часть. Это хороший пример работы контент-менеджера со статьями.

https://finland.fi/ru/ — русскоязычный сайт о Финляндии так же показывает нам множество статей, которые публикуются при помощи контент-менеджеров.

https://daochai.ru/ — интернет-магазин китайского чая показывает нам отличный пример заполнения карточки товара, где основой является фото товара и его описание.

https://combasket.ru/ — и еще один пример интернет-магазина, где каждый товар — это отдельно оформленная карточка со своими фотографиями, описанием и характеристиками.

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

Административная панель WordPerss

Для того чтобы попасть на сайт CMS сначала нужно авторизоваться в личном кабинете нашего курса. У кого-то данные сохранены и после перехода на сайт автоматически открывается личный кабинет.

https://sokhareva.ru/wp-login.php

Вот так у вас отображается личный кабинет.

Чтобы попасть в административную панель необходимо в адресной строке браузера прописать адрес:

https://sokhareva.ru/wp-admin/

Вас перекинет на сайт WordPress, где вам доступна только часть функционала, с которой вы будете работать, а именно раздел «Товары».

Для примера покажу как выглядит административная панель с полным доступом. Рассмотрим часть ее функционала.

Давайте рассмотрим подробнее отдельные элементы на примере админки с полным доступом.

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

В разделе «Консоль» отображается общая информация по сайту: активность на сайте, комментарии и прочее. Этот раздел может быть оформлен на усмотрение заказчика в зависимости от того с какой информацией он чаще всего работает. Нам этот раздел не нужен.

Раздел «Записи»

показывает все записи, сделанные на сайте. Они могут иметь разный статус:

— опубликованные (те, что видят пользователи сайта);

— черновики (те, что скрыты от пользователей и находятся на доработке);

— на утверждении (те, что скрыты от пользователей и ждут проверки перед публикацией).

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

Кнопка «Изменить» перекидывает вас в карточку записи, где вы можете редактировать запись.

Кнопка «Свойства» открывает окно со свойствами записи, где указаны основные ее параметры.

Кнопка «Удалить» отправляет запись в корзину. Если вы случайно удалили какую-то запись, не пугайтесь, просто перейдите в раздел «Корзина» на верхней панели и восстановите запись. Запись вернется в раздел «Все», где вы можете продолжить работу с ней.

Кнопка «Просмотреть» открывает вам страницу основного сайта, где отображается товар. Тут вы можете увидеть результат своей работы и при необходимости внести корректировки.

Кнопка «Новый черновик» создает копию записи. Это удобно, когда у вас есть большой объем карточек, например с одинаковым описанием в одной товарной группе. Так вот, чтобы каждый раз не вводить в новую карточку одни и те же данные, вы можете сделать копию предыдущей карточки и изменить только необходимые поля.

В разделе «Записи» так же есть подразделы:

— Все записи;

— Добавить новую;

— Рубрики;

— Метки.

В разделе «Рубрики» вы можете найти рубрики объединяющие записи по смыслу.

Например. Модуль 1 – это рубрика. Она включает в себя записи: Урок 1.1, Урок 1.2, 1.3 и так далее.

Если вам нужно добавить рубрику, то перейдите в раздел «Записи» — «Рубрики» и в открывшемся окне в левой части добавьте новую рубрику.

Давайте посмотрим, как это сделать.

В поле «Название» введите название рубрики. Это название будет заголовком на основном сайте.

В поле «Ярлык» введите название рубрики латинскими буквами, при этом слова пишите через дефис. Проще всего воспользоваться сервисом транслитерации http://translit-online.ru/ о котором вы уже знаете. Таким образом все ваши транслитерации будут сделаны одинаково и хорошо подойдут для дальнейшей работы SEO-специалиста.

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

Далее идут блоки «Родительская рубрика» и «Описание».

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

На примере:

У вас есть рубрика «1 Модуль обучения» внутри этой рубрики сейчас находятся записи «Урок 1.1», «Урок 1.2» и т.д. Но вам нужно в уроке 1.1 сделать подтемы, чтобы информация была более структурирована. Для этого нужно создать новую рубрику «Урок 1.1» и выбрать для нее родительскую рубрику «1 Модуль обучения». Теперь запись «Урок 1.1» не имеет смысла, она стала рубрикой. Далее вы делаете записи, которые будут «лежать» внутри рубрики «Урок 1.1». Например «Вводная часть» и «Тема урока».

Покажу схематично.

Раздел «Метки» — это дополнительный параметр, по которому можно группировать записи.

Пример. На сайте есть группа записей: Путешествия. В данном случае все записи объединены одной Рубрикой с названием «Путешествия». Но путешествия бывают разные: по морю, в горы, на машине и т.д. Поэтому каждому путешествию присваивается соответствующая метка, определяющая какое это путешествие. Это нужно чтобы в дальнейшем на сайте с помощью меток можно было делать сортировку записей.

Как создать новую «Запись».

Нажмите на одну из кнопок «Добавить новую», вам откроется окно с доступными полями для редактирования.

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

Но существует несколько стандартных полей, которые есть практически в любой записи.

Поле «Добавить заголовок», располагается в верхней части страницы записи.

Ниже идет кнопка «Добавить медиафайл».

Кликая по ней, вы попадаете в фотобанк сайта, где хранятся все медиа файлы, загруженные на сайт.

Сюда вы будете добавлять все фотографии, которые нужно вставить в статью.

Важно помнить, что нельзя без согласования с заказчиком удалять чужие файлы!

Для того чтобы в дальнейшем легко было найти ваши фотографии в фотобанке, называйте файлы однотипно, например, по названию статьи добавляя к ним цифры -1, -2, -3 и так далее. И когда вам нужно будет найти ваши файлы вы всегда можете написать в строке поиска (правый верхний угол) начало названия, и вы увидите все файлы, содержащие в названии ваш поисковый запрос.

Следующий блок – это основной текст Записи. Сюда вы пишите или копируете текст и вставляете медиа файлы.

Сверху в этом блоке можно форматировать текст применяя к нему разные стили, шрифты и пр. Все как в MS Word.

Пример заполненной текстовой части нашего предыдущего урока по Total Commander.

Тут можно увидеть и форматирование (выделение текста жирным), и ссылки (синий жирный подчеркнутый текст), и вставленный медиафайл (картинка).

Правая часть карточки заполняется по ТЗ. Покажу на примере того же урока по Total Commander.

Верхний блок отвечает за статус записи.

Он может быть: Опубликовано, На утверждении, Черновик.

Изменять статус можно нажав на кнопку «Изменить».

Ниже идет раздел «Рубрики»

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

Тоже самое и с разделом «Метки». Если метки существуют, они будут отображаться в этом блоке.

Еще ниже блок, куда нужно загружать картинку, которая будет располагаться на обложке Записи.

А вот так это выглядит уже на сайте.

Раздел «Товары»

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

По аналогии с разделом «Записи» тут вы можете создавать новые карточки товаров с помощью кнопки «Добавить новый» и создавать разделы во вкладке «Разделы».

При создании раздела так же создаются различные группы товаров.

Например. Раздел в интернет-магазине «Обеденные столы» будет содержать в себе все карточки товаров обеденных столов.

Новую карточку будем создавать в конце урока – это будет домашним заданием.

Раздел «Медиафайлы»

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

Все остальные разделы

Все остальные разделы нам, как контент-менеджерам, не интересны (если другого не прописано в техническом задании). В 90% случаев мы работаем с вкладками «Записи», «Товары» и «Медиафайлы».

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

Но лучше любой теории всегда будет практика!

Работа с интернет-магазинами на WordPress. Создание карточки товара и товарной группы.

Очень часто на биржах фриланса встречаются заказы от интернет-магазинов, так как это самые объемные ниши по контенту. Каждый товар – это отдельная карточка. Одним из популярных движков для создания магазина является WordPress. Поэтому нам нужно понимать принцип создания разделов и карточек товаров.

Для отработки этого задания мы создали для вас пример интернет-магазина, где вам выдаются права контент-менеджера.

Для каждого ученика отдельно я выдам тему товарной группы (у каждого будет своя) и следуя примеру из урока вам нужно будет создать 3 карточки товара в отдельном разделе.

Пример.

Сайт, где вы можете смотреть итоговый результат вашей работы:

https://sokhareva.ru/shop/

Переходим на сайт. Все товары интернет-магазинов всегда находятся в каталоге, поэтому переходим в каталог. Тут уже создано несколько товарных групп. Какие-то создала я, а какие-то добавили другие ученики. Сайт живой и на нем идет работа в реальном времени. Поэтому будьте внимательны при создании карточек товаров и добавлении медиафайлов.

Переходя в любую товарную группу, вы можете посмотреть какие товары в этой группе опубликованы. Далее можете перейти в любой товар и посмотреть, как он оформлен внутри.

Создаем Раздел (товарную группу)

В административной панели WP перейдите в раздел «Разделы»

В появившемся окне создаем новый раздел (у каждого он свой).

В строке «Название» пишем название раздела. Например: Детские костюмчики

Теперь копируем название раздела и вставляем его на сайт транслитерации

http://translit-online.ru/yandex.html

Копируем получившееся название и вставляем в строку «Ярлык».

Родительский элемент назначать не нужно. По умолчанию там стоит «Нет».

Описание делать не нужно, оставьте это поле пустым.

Чтобы добавить изображение группы товара нажмите на окошко с плюсом.

Откроется новое окно раздела «Медиафайлы» куда вам нужно «перетащить» или загрузить фотографию.

Требования к фото: любое красивое изображений вашей товарной группы, которое будет раскрывать тему товарной группы. 600х600 px, формат .jpeg

После загрузки изображения нажмите кнопку «Добавить новый раздел».

В правой части экрана вы видите все созданные Разделы на сайте.

Можно переходить к созданию карточки товара.

Переходим в раздел «Все товары». В этом разделе мы видим все товары, созданные на сайте.

Нажимаем кнопку «Добавить товар» на левой панели или в верхней части экрана.

Выберите 3 любых товара в вашей товарной группе и по очереди создайте три отдельных карточки.

В верхней строке напишите название товара.

Нажмите кнопку «Сохранить» в правой части экрана.

Под названием товара у вас появится новая строка с постоянной ссылкой. Обязательно проверяйте чтобы в активном поле все слова были написаны латинскими буквами.

Если видите, что есть слова на русском языке, нажмите кнопку «Изменить», скопируйте название товара, переведите его с помощью сайта транслитерации и вставьте в поле. После чего нажмите кнопку «ОК».

Далее загружаем изображение вашего товара. Все параметры изображения уже написаны в поле загрузки.

Заполняем все поля с характеристиками товара.

Заполняем дополнительное описание товара.

В правой части экрана выбираем нужный раздел товара.

Нажимаем кнопку «Опубликовать».

Обновляем страницу сайта и смотрим какой результат у нас получился.

 

Обязательно поделитесь своими работами в общем чате телеграм канала. Удачи!

Модуль 2. Урок 3. Конспект

Самописные CMS

Давайте еще раз повторим откуда берутся самописные CMS и для чего они нужны.

Когда вы видите в интернете какой-то сайт, вы точно не знаете на каком движке он написан. Вы видите только его внешнюю часть – это дизайн и контент. А то, что находится внутри (база данных, административная панель управления и пр) остается загадкой. И в случае использования уже готовой CMS вы точно знаете, что вас ждет внутри, то с самописным вариантом может быть сюрприз, так как он создается полностью под нужды конкретного заказчика руками программиста или целой веб-студией.

Такие системы управления контентом часто используют, когда требуется повышенный уровень безопасности, гибкость функционала и даже простота в работе. Когда отметают все лишнее от готовых CMS и полностью кастомизируют под конкретные задачи проекта. Чаще всего они лишены той громоздкости готовых CMS, просты и интуитивно понятны.

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

Давайте посмотрим на примере.

Для мобильного приложения по разбору составов продуктов было решено выбрать самописную CMS, так как в приложении не так много функционала и нет смысла использовать готовые решения, которые только будут «захламлять» административную панель лишней инфомрацией.

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

— самостоятельная регистрация и ожидание, когда вам открою права редактирования контента;

— выданный вам логин и пароль от заказчика.

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

Всегда помните, что важно работать в рамках технического задания! Иногда заказчик не знает/забывает, как настраивать доступ и дает вам полный доступ ко всей информации, ваша главная задача не наделать ничего лишнего. Поэтому не стесняйтесь почаще перечитывать ТЗ и вы быстро разберетесь в каких разделах вам нужно работать, а на какие не стоит обращать внимание.

На примере CMS для мобильного приложения, доступ предоставлен ко всем разделам. Контент, который будет публиковаться в мобильном приложении, расположен во вкладке «Продукты» на верхней рабочей панели.

Кнопка «Показать каталог», расположенная под верхней рабочей панелью, открывает меню со списком всех добавленный продуктов.

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

Если навести курсор на длинное название товара, то появится его полное название.

Закрыть Каталог можно снова нажав на кнопку «Показать каталог».

Важно! Такая система каталогизации используется, например, в готовой CMS MODX, но это не значит, что в других самописных CMS будет такой же каталог. Каждая самописная CMS будет уникальной. Заказчик самостоятельно выбирает все удобные функции готовых CMS и дополняет их по своему желанию.

Список всех добавленных карточек вы видите на главной странице вкладки «Продукты».

Чаще всего в этом списке вы видите не только свои добавленные карточки, но и те, которые добавляют другие контент-менеджеры. Поэтому будьте внимательны, когда хотите удалить или отредактировать карточку.

Так же зачастую в административных панелях организована система поиска для удобства работы. Это может быть поиск по словам, категориям, публикации и прочее. Фильтры и параметры поиска будут отображаться в соответствующем разделе.

В случае с нашим примером CMS для мобильного приложения поиск организован по ключевым словам.

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

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

Добавление новых карточек чаще всего происходит через кнопку «Добавить», «Добавить товар», «Новый товар» и т.п. В нашем примере это кнопка «Добавить продукт».

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

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

Практически во всех карточках на любую тематику есть поле для добавления фотографии или нескольких фотографий.

Давайте еще раз повторим, что CMS показанная ниже – это только пример того, как может выглядеть самописная CMS. Каждая из них будет уникальна по-своему, поэтому всегда обращайте внимание на техническое задание и не стесняйтесь писать заказчику о том, что вы что-то не поняли или не можете найти. Лучше пару раз уточнить, чем потом все переделывать.

 

Жду ваши вопросы по пройденному уроку! Домашнее задание по отработке самописной CMS вы получите каждый в личные сообщения в телеграм. Удачи!

Модуль 2. Урок 2. Конспект

CMS (англ. Content Management System) или «Система управления контентом» — это объемный массив данных, который представляет собой набор инструментов для создания сайта и управления им. По сути это сайт предназначенный для работы с основным сайтом на который будут заходить пользователи в интернете. Для более простого восприятия вами я называю ее «Админ-панелью», но в работе этот термин не используется.

Для примера.

Вот так выглядят товары в интернет-магазине в CMS:

А вот так эти же товары выглядят на сайте, где их будут покупать пользователи:

Чаще всего в CMS все делается путем добавления шаблонных страниц: страница новостей, страница карточки товара, страница каталога и т.п. Получается, что основа каждой карточки товара будет выглядеть одинаково, а меняться будет только текстовая часть и фотографии.

После того как программисты полностью заканчивают работу с шаблонами сайта и отдельными статичными страницами, заказчик может самостоятельно наполнять сайт контентом или нанимать для этого контент-менеджеров. Это упрощает работу всем, так как практически полностью исключает взаимодействие между тремя людьми (заказчик – программист – контент-менеджер – заказчик) и оставляет только взаимодействие между заказчиком и контент-менеджером, что упрощает работу и не создается «глухой телефон». Программисты подключаются уже в крайнем случае, для доработки каких-то технических моментов. В процессе создания контента программисты уже не участвуют.

Давайте разберем по пунктам:

— При работе в CMS вам не требуются знания языков программирования (базовые знания будут, конечно, плюсом);

— Вся работа происходит в графическом интерфейсе, чаще всего интуитивно понятном;

— Контент-менеджер не работает с визуальной составляющей страниц сайта. Исключение – фото-контент, который он загружает;

— Внутри каждой CMS (исключением могут быть самописные CMS) есть документация по работе с ней, поэтому в случае исполнения сложных задач всегда можно воспользоваться кнопкой «Помощь»;

— Система присвоения ролей в CMS позволяет заказчику настраивать доступ только в те разделы, с которыми должен работать контент-менеджер. Поэтому не пугайтесь, если при входе в уже знакомую вам CMS вы не увидите полного ее функционала – скорее всего, от вас его просто скрыли.

CMS в разговорной речи часто называют «движком сайта».

Вы можете услышать такой вопрос: «На каких движках вы работали ранее?»

Ответом на него будет перечисление всех CMS которые вы встречали в своей работе или учебе.

 

Наиболее востребованные CMS на сегодняшний день.

WordPress (WP)

На этом движке сегодня пишут абсолютно любые сайты. По рейтингам эта CMS занимает лидирующее место среди их общего списка. Это может быть личный блог или онлайн-магазин, сервис доставки еды или сайт юридической фирмы. Удобная и интуитивно понятная рабочая панель, с возможностью добавления в нее практически любого функционала за счет добавления плагинов.

PS. Выше вы видите скрин как раз из CMS WordPress.

Минусами этого движка может быть избыточная перегруженность разными плагинами, которые отвечают за какие-то действия на сайте, из-за чего сам сайт может работать с задержкой (долго загружаться). Заказчик может не ограничить ваш доступ в CMS, и вы увидите всю рабочую панель CMS, не пугайтесь и двигайтесь в рамках технического задания.

По пятам за WordPress идет Joomla

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

Если видите заказ, где CMS указана Joomla, смело описывайте в резюме (сопроводительном письме) свою работу на WordPress.

Drupal

На этом движке чаще всего пишут сайты учебных учреждений, крупных журналов, государственные организации или крупные корпорации. Эта CMS с более сложной структурой, в которой все настройки задаются программистом, работающим в штате компании. Поэтому при работе с сайтами на таком движке у вас будет скрупулезно продуманное техническое задание и жесткая проверка выполненной работы. Так как движок настраивается под исключительные нужды каждого отдельного сайта, мы не изучаем его в нашей программе. И такие заказы на биржах встречаются очень редко.

Битрикс (Bitrix)

Один из самых популярных движков у российских сайтов. Знаете почему? Потому что он платный, по сравнению со всеми остальными CMS, описанными ранее. Программисты получают % от продажи этого движка, соответственно, чаще предлагают заказчикам использовать именно его. Но не только поэтому он является лидером в списке заказов на биржах фриланса. Это огромная махина, которая включает в себя множество приложений и программ для управления большими интернет-магазинами. Этот вариант подходит для тех, кто ведет по-настоящему серьезный бизнес.

Минус этого движка – внушительные объемы информации, которые свалятся на вас в процессе изучения этой CMS и дальнейшей работы в ней. Очень многое покажется вам неудобным, не логичным и запутанным, но рынок диктует свои правила и нам придется изучить этого монстра.

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

Magento

Это дорогой движок, и он имеет более узкую специализацию. Скорее всего, вы не встретите заказов с этой CMS на российских биржах фриланса. Это машина, которая работает на очень крупные организации. Например, сайты Nike, Ford и Coca-Cola, написаны именно на этом движке. Для такого сложного продукта нужно писать отдельное полноценное обучение.

Opencart

Эта CMS очень популярна у небольших интернет-магазинов. Интерфейс простой и интуитивно понятный. Этот движок мы так же не рассматриваем в данном курсе. Он имеет достаточно интуитивную рабочую панель и последнее время он не часто встречается на биржах фриланса.

ModX (Evolution и Revolution)

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

 

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

Отдельно хочу выделить CMS-конструктор Тильда (есть и другие ее аналоги: Vigbo, Wix, Flexbe и прочие). Сейчас он очень сильно набирает обороты из-за того, что появилось очень много мелких одностраничных сайтов, где вся информация отображается на единственной странице. Вам просто нужно листать и листать вниз, пока вы все не прочитаете. Это могут быть продажи курсов, презентация личного бренда, портфолио работ и так далее. Такие конструкторы заказчики используют самостоятельно и, чаще всего, не пользуются услугами контент-менеджеров. Да там и контента то нет по сути. Эту CMS хорошо использовать на старте бизнеса, когда ты еще не понимаешь кем будешь, когда вырастешь, а вкладывать большие деньги в мечту страшно. Но бывают исключения и сложные сайты так же пишут на CMS-конструкторах, поэтому не стесняемся откликаться на такие заказы.

Ну и напоследок всеми любимые Ozon, Wildberries, Alibaba и прочие маркетплейсы и громадные службы доставки типа СберМаркет. Они написаны на самописных CMS, так как потребности таких сайтов выходят на качественно новый уровень. Таким сайтам важно иметь в арсенале только то, что им нужно для работы без дополнительного «информационного шума».

Для работы в любой самописной CMS предусмотрено четко прописанное техническое задание.

Если вы видите заказ без указания CMS, но есть прямая ссылка на сайт, то покажите себя профессионалом в своем деле. Воспользуйтесь специализированным сайтом для определения CMS.

https://itrack.ru/whatcms/

Просто введите адрес нужного вам сайта и нажмите кнопку «Определить CMS».

Так вы сможете подготовиться к переписке с заказчиком и уже заранее будете знать нюансы работы с его сайтом.

Ну и для наглядности. Рейтинг всех CMS 2021 года:

Так что же объединяет все эти CMS, как перестать бояться этот огромный список и, на первый взгляд, сложную структуру административной панели?

Все просто – вам не нужны ВСЕ эти кнопки. В работе контент-менеджера зачастую используется 1-2, максимум 4 вкладки в зависимости от того, какой контент вы добавляете на сайт. Структура всех CMS создана в виде папок, в которых хранятся уже отдельные страницы. Иерархия в каждой CMS выстраивается по-разному, но суть всегда одинаковая. Вы поймете это с практикой, и работа с новыми движками не будет вас пугать. Плюс у вас под рукой всегда будет техническое задание от заказчика с объяснением как работать в конкретной CMS.

Все следующие уроки в этом блоке будут посвящены изучению популярных CMS на российских биржах фриланса. Поехали!

Модуль 2. Урок 1. Конспект