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 може помітно спростити підготовку контенту.
