30 subscribers

Визуализация категорий страниц в движке MYENGINE CMS

Визуализация категорий страниц в движке MYENGINE CMS

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

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

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

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

Это самый простой способ с помощью которого можно объединить страницы одной тематики в что-то похожее на категории. Например, существует сайт вот с таким набором страниц.

Список страниц в разделе "Управление страницами"
Список страниц в разделе "Управление страницами"

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

Еще лучше это видно если перейти на страницу карты сайта.

Визуализация категорий страниц в движке MYENGINE CMS

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

Визуализация категорий страниц в движке MYENGINE CMS

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

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

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

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

Главная вкладка панели управления модулем "Двухуровневое меню"
Главная вкладка панели управления модулем "Двухуровневое меню"

Нажимаем кнопку "Добавить основной пункт". Откроется вкладка для добавления нового пункта.

Визуализация категорий страниц в движке MYENGINE CMS

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

Визуализация категорий страниц в движке MYENGINE CMS

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

Визуализация категорий страниц в движке MYENGINE CMS

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

Визуализация категорий страниц в движке MYENGINE CMS

На страницах сайта это будет выглядеть так.

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

Визуализация категорий с помощью модуля "Категории для страниц"

Для реализации этого варианта визуализации категорий необходимо установить модуль "Категории для страниц". После его установке необходимо создать страницу для вывода этого модуля.

Визуализация категорий страниц в движке MYENGINE CMS

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

Визуализация категорий страниц в движке MYENGINE CMS

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

Визуализация категорий страниц в движке MYENGINE CMS

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

Визуализация категорий страниц в движке MYENGINE CMS

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

Визуализация категорий страниц в движке MYENGINE CMS

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

Визуализация категорий страниц в движке MYENGINE CMS

Переходим в раздел панели управления движком "Управление страницами".

Визуализация категорий страниц в движке MYENGINE CMS

Созданные страницы выведены в общий список.

Переходим к настройки категорий. Откроем настройки какой-либо категории.

Визуализация категорий страниц в движке MYENGINE CMS

Загружаем фото превью. Можем изменить некоторые настройки. В примере изменены настройки:

  • Позиционирование меню - выбрано "Три колонки", т.е. на странице превью будут выводится по три в ряд.
  • Вывод текста превью - выбрано "Отключено".
  • Фото превью в виде ссылки - поставлен чекбокс, т.е. фото превью будет кликабельно.
  • Вывод кнопки превью - выбрано "Отключен".

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

Визуализация категорий страниц в движке MYENGINE CMS

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

Визуализация категорий страниц в движке MYENGINE CMS

Создадим и выведем в правой колонке меню категорий. Для этого в разделе админ панели "Управления меню" создадим блок и подключим в нём модуль "Категории".

Визуализация категорий страниц в движке MYENGINE CMS

Вид на странице.

Визуализация категорий страниц в движке MYENGINE CMS

С выводом категорий определились. Теперь необходимо в эти категории добавить нужные страницы.

Переходим в панель управления модулем, открываем какую-либо категорию т нажимаем кнопку "Добавить страницу". Откроется вкладка добавления страницы.

Визуализация категорий страниц в движке MYENGINE CMS

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

Вывод превью страниц на странице категории.

Это мы добавили основные страницы, которые были созданы ранее в разделе "Управление страницами" самого движка. Модуль "Категории" позволяет создавать новые страницы для любой категории.

Создадим новую категорию и назовем её "Это интересно".

Визуализация категорий страниц в движке MYENGINE CMS

Откроем созданную категорию.

Визуализация категорий страниц в движке MYENGINE CMS

Откроем вкладку "Настройки категории" и выставим настройки, аналогичные как в ранее созданных категориях.

Визуализация категорий страниц в движке MYENGINE CMS

Переходим к созданию страниц. Возвращаемся во вкладку категории и нажимаем кнопку "Создать страницу". Откроется вкладка создания новой страницы.

Эта вкладка ничем не отличается от создания страницы в разделе "Управления страницами". В неё только добавлена загрузка фото превью, т.к. параллельно с создание страницы создается превью, которое будет выводится на странице категории.

Визуализация категорий страниц в движке MYENGINE CMS

Для перехода к редактированию превью нужно нажать на соответствующую ссылку справа.

Визуализация категорий страниц в движке MYENGINE CMS

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

Визуализация категорий страниц в движке MYENGINE CMS

Вид страницы категории "Это интересно".

Визуализация категорий страниц в движке MYENGINE CMS

Вид страницы всех категорий.

Визуализация категорий страниц в движке MYENGINE CMS

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

Визуализация категорий страниц в движке MYENGINE CMS

Визуализация категорий с помощью модуля "Навигация по сайту"

Для реализации этого варианта визуализации необходимо установить модуль "Навигация по сайту".

Откроем страницу любой категории.

Визуализация категорий страниц в движке MYENGINE CMS

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

Визуализация категорий страниц в движке MYENGINE CMS

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

Модуль "Навигация по сайту" может исправить этот недостаток и сформировать навигационную цепочку нужной структуры. Переходим в панель управления модулем "Навигация по сайту".

Визуализация категорий страниц в движке MYENGINE CMS

Откроем вкладку "Создание навигационных цепочек".

Визуализация категорий страниц в движке MYENGINE CMS

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

Визуализация категорий страниц в движке MYENGINE CMS

Эта вкладка имеет четыре настройки:

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

Для нашего примера эта вкладка будет иметь вид.

Визуализация категорий страниц в движке MYENGINE CMS

Нажимаем кнопку "Создать цепочку" и возвращаемся в предыдущую вкладку.

Визуализация категорий страниц в движке MYENGINE CMS

Вид навигационной цепочки на странице.

Визуализация категорий страниц в движке MYENGINE CMS

У нас всё получилось. Теперь осталось сделать тоже самое для всех остальных страниц во всех категориях. В нашем примере вкладка будет иметь вид.

Визуализация категорий страниц в движке MYENGINE CMS

Примеры страниц в других категориях.

Резюме

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

Визуализация категорий страниц в движке MYENGINE CMS

P.S.

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

Посмотрите на меню этого демо-сайта.

Визуализация категорий страниц в движке MYENGINE CMS

Меню занимает почти всю ширину страницы. Если войдет ещё один пункт, то будет очень хорошо. Это максимальная ширина и она ограничена шириной страницы. Если мы откроем сайт на меньшем экране, то увидим такую картину.

Визуализация категорий страниц в движке MYENGINE CMS

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

Открываем настройки меню, находим настройку "Добавить кнопку "Ещё"" и ставим чекбокс. Сохраняем настройки.

Визуализация категорий страниц в движке MYENGINE CMS

Возвращаемся в главную вкладку панели управления меню.

Визуализация категорий страниц в движке MYENGINE CMS

В самом низу у нас появилась кнопка "Ещё". Он всегда будет внизу, сколько бы пунктов меню не было. Добавление дополнительных пунктов меню простое. Нажимаем кнопку "Добавить доп. пункт" и откроется вкладка для добавления дополнительного пункта.

Визуализация категорий страниц в движке MYENGINE CMS

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

Визуализация категорий страниц в движке MYENGINE CMS

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

Теперь даже на меньшем экране всё нормально. На экране мобильного телефона меню выглядит так.

Теперь всё. Вы можете спросить, а как же категории? Можно ли на движке MYENGINE создать настоящие категории, с нормальными вложенными страницами и соответствующими этому ссылками, чтобы сильно не морочить голову? Ответ- можно, но это тема уже другой статьи, которая возможно в ближайшем будущем выйдет на канале. Подписывайтесь чтобы не пропустить, а так же не забывайте ставить лайки. Пишите комментарии, если есть вопросы. Если нет, то все равно пишите, что хотите, в рамках приличия конечно же.

Работу всего что описано в статье можно посмотреть на демо-сайте. Пароль для входа в админ панель - 123.

#разработка веб-сайтов #создание сайтов #веб-дизайн #интернет #myengine