В движке MYENGINE CMS нет функционала для создания категорий для основных страниц. Под основными страницами подразумеваются страницы созданные в разделе "Управление страницами". То есть в движке нельзя создать категорию, а потом добавить в нее уже существующие страницы или создать новые именно для этой категории.
Категории можно создавать в ленте новостей, но это не всегда удобно, особенно, если на сайте эта лента используется по прямому своему назначению.
Мы же будем рассматривать вариант, когда на сайте существует определенное количество страниц разных тематик и нужно страницы одной тематики объединить в категории.
Визуализация категорий с помощью меню в боковых колонках
Это самый простой способ с помощью которого можно объединить страницы одной тематики в что-то похожее на категории. Например, существует сайт вот с таким набором страниц.
Прочитав заголовки страниц можно легко понять, что некоторые из них имеют определенную тематику. Их можно отнести к темам политики, спорта и авиации.
Еще лучше это видно если перейти на страницу карты сайта.
Справа карта сайта, а слева блоки меню, которые разбиты на темы и содержат ссылки на страницы, относящиеся к этой теме. В панели управления движком это выглядит так. Переходим в панель управления и открываем раздел "Управление меню".
Что здесь, что на страницах сайта, четко видно какие страницы относятся к каким темам или категориям, которые фактически не являются категориями. Это только визуализация категорий, которая позволяет посетителям лучше ориентироваться на сайте.
Управление этими меню простое. Если создается новая страница определенной тематики, то после этого, ссылка на эту страницу создается в меню соответствующей темы. Так же, если появляются страницы новой тематики, то сначала создается меню, а потом в этом меню создаются ссылки на страницы. Описание процесса создания меню и ссылок не входит в рамки этой статьи.
Визуализация категорий с помощью двухуровнего меню
Для реализации этого варианта необходимо установить модуль "Двухуровневое меню". После установки модуля открываем его панель управления.
Нажимаем кнопку "Добавить основной пункт". Откроется вкладка для добавления нового пункта.
Вводим название пункта меню. Этот пункт будет с выпадающим блоком дополнительных пунктов с ссылками на вложенные страницы. Поэтому из списка "Дополнительные пункты" выбираем опцию "Есть". Так как мы создаем основной пункт для несуществующей странице, то нужно в настройке "Ссылка на" выбрать поле для ввода вручную и вставить хештег. Нажимаем на кнопку "Создать основной пункт", после чего система возвращается в главную вкладку панели управления модулем.
Появилась новая строка с созданным пунктом меню. В этой строке есть кнопка "Добавить доп. пункт". Нажимаем на эту кнопку, открывается вкладка для создания дополнительного пункта.
Вводим название пункта и ссылку на страницу, нажимаем кнопку "Создать". Таким же способом создаются пункты меню для остальных категорий.
На страницах сайта это будет выглядеть так.
Это вариант визуализации категорий похож на предыдущий вариант и результат такой же. Визуально мы видим категории обозначенные пунктами меню. При наведении курсора на пункт выпадает блок с ссылками на страницы привязанные к этому пункту. Но, по факту категорий нет.
Визуализация категорий с помощью модуля "Категории для страниц"
Для реализации этого варианта визуализации категорий необходимо установить модуль "Категории для страниц". После его установке необходимо создать страницу для вывода этого модуля.
Скопируйте идентификатор страницы, затем перейдите в панель управления модулем.
Откройте настройки модуля и введи скопированный идентификатор в соответствующее поле
Сохраните настройки. Возвращаемся в панель управления модулем и создаем категорию.
Вводим название категории и идентификатор страницы, нажимаем на кнопку "Создать категорию". Всё тоже самое делаем для создания остальных категорий.
Категории созданы. В списке категорий выводится фото превью, название категории и ссылка на страницу категории, которая была создана автоматически. Перейдем по ссылке, например категории "Политика".
Переходим в раздел панели управления движком "Управление страницами".
Созданные страницы выведены в общий список.
Переходим к настройки категорий. Откроем настройки какой-либо категории.
Загружаем фото превью. Можем изменить некоторые настройки. В примере изменены настройки:
- Позиционирование меню - выбрано "Три колонки", т.е. на странице превью будут выводится по три в ряд.
- Вывод текста превью - выбрано "Отключено".
- Фото превью в виде ссылки - поставлен чекбокс, т.е. фото превью будет кликабельно.
- Вывод кнопки превью - выбрано "Отключен".
Все эти настройки должны быть одинаковы во всех категориях, чтобы вывод на страницу был так же одинаков.
Вид списка категорий в панели управления.
Создадим и выведем в правой колонке меню категорий. Для этого в разделе админ панели "Управления меню" создадим блок и подключим в нём модуль "Категории".
Вид на странице.
С выводом категорий определились. Теперь необходимо в эти категории добавить нужные страницы.
Переходим в панель управления модулем, открываем какую-либо категорию т нажимаем кнопку "Добавить страницу". Откроется вкладка добавления страницы.
В списке "Заголовок страницы" выбираем заголовок нужной страницы. В списке "Ссылка на страницу" выбираем тот же заголовок, которому будет соответствовать ссылка на страницу с этим заголовком. Загружаем фото превью. Нажимаем на кнопку "Добавить страницу". Так же добавляются все остальные страницы для этой категории. В итоге получаем вот такой список страниц привязанных к категории.
Вывод превью страниц на странице категории.
Это мы добавили основные страницы, которые были созданы ранее в разделе "Управление страницами" самого движка. Модуль "Категории" позволяет создавать новые страницы для любой категории.
Создадим новую категорию и назовем её "Это интересно".
Откроем созданную категорию.
Откроем вкладку "Настройки категории" и выставим настройки, аналогичные как в ранее созданных категориях.
Переходим к созданию страниц. Возвращаемся во вкладку категории и нажимаем кнопку "Создать страницу". Откроется вкладка создания новой страницы.
Эта вкладка ничем не отличается от создания страницы в разделе "Управления страницами". В неё только добавлена загрузка фото превью, т.к. параллельно с создание страницы создается превью, которое будет выводится на странице категории.
Для перехода к редактированию превью нужно нажать на соответствующую ссылку справа.
Так же можно перейти к редактированию самой страницы нажав на ссылку слева.
Вид страницы категории "Это интересно".
Вид страницы всех категорий.
Для завершения визуализации категорий необходимо добавить соответствующий пункт в меню.
Визуализация категорий с помощью модуля "Навигация по сайту"
Для реализации этого варианта визуализации необходимо установить модуль "Навигация по сайту".
Откроем страницу любой категории.
Навигационная цепочка на такой странице имеет следующий вид. Теперь откроем страницу привязанную к этой категории.
Навигационная цепочка имеет точно такой же вид. И это правильно, т.к. обе страницы лежат в корневом каталоге. Но, исходя из того, что эта страница принадлежит категории "О спорте", то в ней должна быть ссылка на эту категорию.
Модуль "Навигация по сайту" может исправить этот недостаток и сформировать навигационную цепочку нужной структуры. Переходим в панель управления модулем "Навигация по сайту".
Откроем вкладку "Создание навигационных цепочек".
Нажимаем кнопку "Создать цепочку", откроется вкладка "Создание новой навигационной цепочки".
Эта вкладка имеет четыре настройки:
- Заголовок основной страницы - в этом списке выбирается заголовок страницы категории.
- Ссылка на основную страницу - в этом списке выбирается заголовок на эту же страницу и ему будет соответствовать ссылка.
- Заголовок вложенной страницы - в этом списке выбирается заголовок страницы, которая привязана к этой категории.
- Ссылка на вложенную страницу - в этом списке выбирается заголовок на эту же страницу и ему будет соответствовать ссылка.
Для нашего примера эта вкладка будет иметь вид.
Нажимаем кнопку "Создать цепочку" и возвращаемся в предыдущую вкладку.
Вид навигационной цепочки на странице.
У нас всё получилось. Теперь осталось сделать тоже самое для всех остальных страниц во всех категориях. В нашем примере вкладка будет иметь вид.
Примеры страниц в других категориях.
Резюме
Собрав все способы визуализации категорий можно создать полную картину того, что на сайте существуют категории страниц. Неискушенный пользователь даже не заметит, что на самом деле это не так. У него есть все возможности найти и открыть нужную категорию. Откуда он может перейти на любую страницу и вернуться обратно. Для него все будет ясно и понятно. Как в прочем, все будет ясно и понятно поисковому боту. Точнее сказать, бот даже не поймет, что на сайте есть категории страниц. Он проиндесирует все ссылки, совершит по ним переходы и сделает вывод, что все страницы лежат в одном корневом каталоге. Что видно из карты сайта.
P.S.
На этом можно было бы завершить эту статью. Но в процессе создания демо-сайта создалась ситуация, которая может возникнуть на любом сайте. Она никак не относится к вопросу создания категорий, но об этом нужно обязательно рассказать.
Посмотрите на меню этого демо-сайта.
Меню занимает почти всю ширину страницы. Если войдет ещё один пункт, то будет очень хорошо. Это максимальная ширина и она ограничена шириной страницы. Если мы откроем сайт на меньшем экране, то увидим такую картину.
Последний пункт меню ушел вниз и нарушил структуру страницы. Что делать, чтобы это исправить? Правильно, нужно убрать один, а лучше два пункта. Убрать не проблема, но тогда нарушится информационность меню, т.к. эти пункты ведут на нужные посетителям страницы и они каким-то образом должны знать как на них попасть. На помощь придёт "волшебная" кнопка "Ещё", которую можно создать в меню.
Открываем настройки меню, находим настройку "Добавить кнопку "Ещё"" и ставим чекбокс. Сохраняем настройки.
Возвращаемся в главную вкладку панели управления меню.
В самом низу у нас появилась кнопка "Ещё". Он всегда будет внизу, сколько бы пунктов меню не было. Добавление дополнительных пунктов меню простое. Нажимаем кнопку "Добавить доп. пункт" и откроется вкладка для добавления дополнительного пункта.
Вводим название пункта и выбираем ссылку соответствующую этому названию. Нажимаем "Создать". Повторяем этот процесс для всех страниц, которые нужно убрать из меню в эту кнопку. Получаем вот такой результат.
Нужно только не забыть удалить эти страницы из основного меню. Смотрим что у нас получилось.
Теперь даже на меньшем экране всё нормально. На экране мобильного телефона меню выглядит так.
Теперь всё. Вы можете спросить, а как же категории? Можно ли на движке MYENGINE создать настоящие категории, с нормальными вложенными страницами и соответствующими этому ссылками, чтобы сильно не морочить голову? Ответ- можно, но это тема уже другой статьи, которая возможно в ближайшем будущем выйдет на канале. Подписывайтесь чтобы не пропустить, а так же не забывайте ставить лайки. Пишите комментарии, если есть вопросы. Если нет, то все равно пишите, что хотите, в рамках приличия конечно же.
Работу всего что описано в статье можно посмотреть на демо-сайте. Пароль для входа в админ панель - 123.
#разработка веб-сайтов #создание сайтов #веб-дизайн #интернет #myengine