XTypo — плагин для Joomla, который добавляет в редактор готовые элементы оформления контента. Вместо ручной верстки HTML можно вставлять Message Box, цитаты, кнопки, текстовые блоки, списки, фрагменты кода и другие заготовки непосредственно во время редактирования материала.
Расширение работает с TinyMCE и JCE. Ниже показана установка и использование бесплатной версии XTypo в Joomla 5 на актуальном интерфейсе административной панели.
Что такое XTypo и для чего он нужен
Обычного форматирования редактора достаточно для заголовков, списков, изображений и ссылок. Но когда требуется визуально выделить предупреждение, цитату, кнопку, код или другой самостоятельный блок, приходится либо писать HTML и CSS вручную, либо использовать дополнительные инструменты.
XTypo решает эту задачу с помощью готовых HTML-snippets. Они вставляются из редактора и сразу становятся частью материала. Поэтому расширение особенно удобно для информационных сайтов, инструкций и статей, где важно разделять текст на заметные смысловые блоки.
Совместимость и актуальная версия
На момент обновления статьи в Joomla Extensions Directory доступна бесплатная версия XTypo 4.1.0. Официально указана совместимость с Joomla 4 и Joomla 5. Поддержка Joomla 6 для этой версии в карточке расширения не заявлена.
XTypo можно использовать с редакторами TinyMCE и JCE. В этой инструкции показана работа с JCE, однако принцип использования в TinyMCE аналогичен.
Как установить XTypo в Joomla 5
Установить расширение можно стандартными средствами Joomla. Если требуется общая инструкция по работе с установщиком расширений, на сайте есть отдельный материал: как устанавливать расширения Joomla.
Шаг 1. Найти XTypo в Joomla Extensions Directory
В административной панели откройте установку расширений и вкладку «Установить из JED». В поиске введите XTypo. В результатах отображаются бесплатный XTypo и расширенная версия XTypo Pro.
Для базового оформления статей достаточно бесплатной версии. После выбора XTypo Joomla покажет карточку расширения и ссылку на загрузку.
Шаг 2. Скачать установочный пакет
На официальной странице XTypo доступна кнопка Download. Для загрузки может потребоваться учетная запись TemplatePlazza.
Обратите внимание: загруженный файл может представлять собой внешний архив с названием вроде pkg_xtypo_unzip_first. Такой архив сначала нужно распаковать и уже затем выбрать находящийся внутри установочный ZIP-пакет. Если попытаться установить внешнюю оболочку, Joomla может сообщить, что не удалось найти XML-файл или файл манифеста.
Шаг 3. Установить пакет в Joomla
Перейдите во вкладку «Загрузить и установить», выберите корректный ZIP-пакет XTypo и дождитесь завершения установки.
После успешной установки Joomla сообщает, что добавлены два элемента: контентный плагин XTypo и плагин кнопки редактора.
Как включить XTypo после установки
Сразу после установки оба плагина могут быть выключены. Откройте Система → Плагины и найдите по запросу XTypo:
- Content - Xtypo;
- Button - Xtypo.
Включите оба плагина. После этого кнопка XTypo должна появиться при редактировании материалов в поддерживаемом редакторе.
Как пользоваться XTypo в JCE
Откройте существующий материал Joomla или создайте новый. Под полем редактора JCE появляется кнопка Xtypo.
После нажатия открывается окно со списком доступных snippets.
В бесплатной версии доступны следующие элементы:
- Message Box — информационные и предупреждающие блоки;
- Blockquote — оформление цитат;
- Button — кнопки и заметные ссылки;
- Text Box — отдельные текстовые блоки;
- List — стилизованные списки;
- Code — оформление фрагментов кода;
- Dropcap — увеличенная первая буква абзаца;
- Youtube — вставка видео YouTube.
Нужный элемент выбирается из окна XTypo, после чего в редактор добавляется готовая структура. Пользователю остается заменить демонстрационный текст своим содержимым и при необходимости настроить параметры блока.
Пример оформления Message Box
Один из наиболее практичных элементов — Message Box. Его удобно использовать для предупреждений, важных замечаний и информации, которую читатель не должен пропустить.
Такой блок заметно отделяется от основного текста, но при этом не требует ручной верстки HTML. Перед публикацией стоит проверить его отображение на компьютере и смартфоне, поскольку итоговый внешний вид также зависит от CSS используемого шаблона Joomla.
Чем отличается XTypo Pro
Бесплатная версия подходит для большинства базовых задач оформления. XTypo Pro предназначен для случаев, когда требуется больше готовых элементов и более сложные конструкции.
В расширенной версии разработчик предлагает дополнительные snippets и блоки, среди которых responsive-таблицы, сетки, карточки, блоки цен и accordion, а также дополнительные инструменты вроде пользовательского CSS внутри страницы и Sticky Bar.
Для обычного блога или информационного сайта покупать Pro только ради Message Box, цитат, кнопок или блоков кода необязательно — эти возможности есть в бесплатном XTypo.
На что обратить внимание
- Используйте визуальные блоки умеренно: большое количество разноцветных элементов делает статью тяжелее для восприятия.
- После смены шаблона Joomla проверяйте оформление XTypo на фронтенде — стили шаблона могут влиять на отдельные элементы.
- Не используйте Message Box вместо обычного абзаца там, где выделение не несет смысловой нагрузки.
- Проверяйте кнопки, ссылки и блоки на мобильных устройствах.
- Перед обновлением расширения или крупным изменением сайта желательно иметь резервную копию.
Стоит ли использовать XTypo сегодня
XTypo остается удобным небольшим расширением для Joomla 5, если в материалах регулярно нужны предупреждения, цитаты, кнопки, блоки кода и другие визуальные элементы, а писать HTML вручную не хочется.
Главное отличие современной версии от старых выпусков — работа непосредственно через интерфейс редактора. Пользователю не нужно искать служебные теги в описании плагина и вручную копировать конструкции в фигурных скобках: нужный snippet выбирается из отдельного окна XTypo.
Если возможностей стандартного редактора и шаблона достаточно, устанавливать дополнительное расширение только ради декоративного оформления нет необходимости. Но для сайтов с большим количеством инструкций и структурированных материалов XTypo может заметно упростить подготовку контента.
