Перейти к содержанию

Темы для Joomla 6 на UIkit 3

Архитектура UIkit 3 внутри CMS: готовые позиции модулей, сетка, адаптивность. Страницы правятся из панели управления, вёрстка при этом не ломается.

Почему мало подключить UIkit

Joomla 6 из коробки выводит разметку под Bootstrap 5. Если поверх неё подключить UIkit, материалы, меню и модули всё равно выйдут с чужими классами, и половина компонентов не заработает.

Что такое переопределение макета

Joomla собирает страницу из макетов — небольших PHP-файлов, по одному на каждый вид: статья, блог категории, меню, модуль. Тема вправе положить в папку html свою копию любого макета, и тогда Joomla берёт её вместо стандартной. По-английски это называется override, «переопределение»: стандартный макет не правится и не теряется при обновлении CMS, тема просто ставит рядом свой.

В теме wmarka так переписаны 75 файлов: вывод статей, категорий, меток, контактов, меню и модулей сразу идёт в разметке UIkit 3.

Joomla 5 и 6 GNU GPL v2

wmarka

Стартовая тема на UIkit 3 для новостного сайта, блога, каталога материалов, сайта компании.

Характеристики темы wmarka
Версия3.0.0
СовместимостьJoomla 5 и 6
PHP8.3 и выше
Изображениябиблиотека JUImage: обрезка и WebP
Для поисковиковOpen Graph и Schema.org

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

Где wmarka работает

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

СМИ

bestnews.kz

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

Открыть bestnews.kz
Авторский сайт

beibit.sakhanov.kz

Личный сайт: статьи, философские проекты, стихи и журналистика, лента из Telegram-канала.

Открыть beibit.sakhanov.kz

Позиции модулей

Позиция — именованное место на странице, куда Joomla ставит модули: меню, баннер, блок новостей. Каркас ниже взят из index.php темы; наведите на позицию, чтобы увидеть подсказку.

    • toolbar
    • navbar-left
    • navbar-center
    • navbar-right, iconnav
    • breadcrumb
    • block-a
    • block-b
    • материал: com_content
    • footer-left
    • footer-center
    • footer-right
    • toolbar
    • navbar-left
    • navbar-center
    • navbar-right, iconnav
    • block-a
    • block-b
    • slider
    • block-c
    • block-d
    • block-e
    • footer-left
    • footer-center
    • footer-right

Что переписано

Перечень по папке html репозитория. Каждый файл можно открыть на GitHub и проверить.

Раздел JoomlaМакетыФайлов
com_contentстатья, блог и список категории, категории, главная, архив15
com_contactконтакт, категория контактов, форма11
com_tagsметка, список меток, дерево меток8
mod_menuобычное, раскрывающееся и мобильное меню8
mod_articles, mod_login, mod_footerмодули материалов, входа и подвала6
layouts/joomlaсведения о статье, изображения, метки, «подробнее», пагинация23
layouts/chromes, modules.php, pagination.php, com_blankоформление модулей, пагинация, пустая страница4
Папка html на GitHub

Что вы покупаете

Код темы открыт по GNU GPL, его можно скачать бесплатно. Платите вы за работу: установку, настройку под ваш сайт и поддержку.

Установка

  • Тема и JUImage на вашем хостинге
  • Позиции модулей и меню
  • Логотип, цвета, шрифты

Цена по запросу

Заказать
Чаще всего

Установка и перенос

  • Всё, что в установке
  • Перенос материалов со старого сайта
  • Перенаправления со старых адресов

Цена по запросу

Заказать

Поддержка

  • Обновления темы
  • Ответы на вопросы
  • Небольшие доработки

Цена по запросу

Заказать

Вопросы