Новости Joomla

Вышел релиз Joomla 5.3.2

Релиз исправлений ошибок Joomla 5.3.2

Проект Joomla рад сообщить о выпуске Joomla 5.3.2. Это релиз исправлений ошибок для серии Joomla 5.3.

Веб-ассет Fancybox.js для Joomla v.6.0.9

Веб-ассет Fancybox.js для Joomla v.6.0.9.В Joomla 4 и Joomla 5 появилась концепция Web Assets и WebAssetManager, с помощью которого можно управлять подключениями css, js файлов, подключением. Все css и js файлы включаются в общий реестр ассетов, затем выстраивается граф зависимостей и в итоге на генерируемую страницу подключается только то что нужно на данной странице. Поскольку веб-ассеты можно добавлять с помощью плагинов (ссылка на статью ниже) - можно сказать, что появилось новое направление для плагинов - веб-ассеты. Вы можете устанавливать плагины, включающие веб-ассеты и использовать их как зависимости в самых разных местах Joomla: в шаблоне, в макетах модулей и плагинов. Одним из таких плагинов веб-ассетов является WT Fancybox.js. Плагин добавляет в Joomla WebAssets Registry css и js популярного скрипта галереи изображений fancybox.js, который потом легко можно использовать в коде:
use Joomla\CMS\Factory;$wa = Factory::getApplication()->getDocument()->getWebAssetManager();$wa->usePreset('wtfancybox'); // Local file $wa->usePreset('wtfancybox-remote'); // Use from CDN
Плагин использует систему обновлений Joomla, поэтому с появлением новых версий вы сможете получать их на своих сайтах естественным для Joomla путём. 👩‍💻 Спасибо за работу по упаковке ассета в плагин участнику нашего сообщества Сергею Сергевнину (
@gresserg).- Скачать WT Fancybox.js для Joomla- Статья на JPath.ru Как правильно подключать JavaScript и CSS в Joomla 4- Статья на Хабре: Использование WebAssetsManager Joomla 4 (Joomla 5) и добавление собственных пресетов с помощью плагина#joomla #расширения #webdev

0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 1035 Просмотров
*

Alex_iPod

  • Захожу иногда
  • 187
  • 0 / 1
Как внедрнить свой шрифт?
« : 22.01.2022, 15:12:53 »
Друзья, подкажите пожалуйста как по простому внедрить шрифт. На форуме есть целая тема переиписки, но решения нет. Гуглфонт не поддерживает. Шрийт наывается Bicubik.OTF
Через сервис шрифтов пропустил:

@font-face {
    font-family: 'bicubikregular';
    src: url('../bicubik-webfont.woff2') format('woff2'),
         url('../bicubik-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

Что далее? Шабон от aplikko, внедрен sp page builder. В поддержке написали что свой шрифт в sp page builder внедрить нельзя. Думаю вариант просто сделать HTML модуль с нужным шрифтом и вставить в sp page builder. Прошу, помогите понять как.

Благодарю
*

sivers

  • Живу я здесь
  • 2587
  • 359 / 0
Re: Как внедрнить свой шрифт?
« Ответ #1 : 22.01.2022, 19:23:29 »
если шрифт отф, то и подключайте отф.
Код
        @font-face {
            font-family: 'bicubikregular';
            src: url('/font/Bicubik.OTF') format("opentype");
            font-weight: normal;
            font-style: normal;
        }
путь к файлу укажите правильный. с учетом регистра символов. если есть файлы шрифта в других форматах - можно указать через запятую.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

Alldar

  • Завсегдатай
  • 1504
  • 195 / 1
Re: Как внедрнить свой шрифт?
« Ответ #2 : 23.01.2022, 17:17:51 »
если шрифт отф, то и подключайте отф.
Плохая идея тем более уже есть woff и woff2.

Вы можете подключить просто в создав файл custom.css в папке templates/название_шаблона/css (судя по документации вашего шаблона файл подключиться автоматически)
Свой шрифт - файлы bicubik-webfont.woff2 и bicubik-webfont.woff положить можете рядом с custom.css.
Код
@font-face {
    font-family: 'bicubikregular';
    src: url('bicubik-webfont.woff2') format('woff2'),
         url('bicubik-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

Если хотите сменить на всем сайт шрифт то прописать так:
Код
body {
  font-family  : 'bicubikregular', system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}

Если для какого то конкретного блока то указать его или тег или класс/id:
Код
.some-class {
   font-family : 'bicubikregular', system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}


Может быть так что шрифт переопределен в билдере тогда можете через !important; повысить уровень вашего правила, вот так
Код
.some-class {
   font-family : 'bicubikregular', system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif !important;
}
*

Alex_iPod

  • Захожу иногда
  • 187
  • 0 / 1
Re: Как внедрнить свой шрифт?
« Ответ #3 : 23.01.2022, 23:03:09 »
Друзья, спасибо вам за ответы, попробую сделать как советуете.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Helix Ultimate 2 свой хедер

Автор kosh2323

Ответов: 8
Просмотров: 1036
Последний ответ 10.10.2021, 15:32:50
от kosh2323
Свой шаблон макета вывода для первой статьи в модуле новостей

Автор zeus07

Ответов: 2
Просмотров: 644
Последний ответ 22.01.2021, 15:09:42
от zeus07
Шрифт в фреймворке Helix3

Автор SeBun

Ответов: 13
Просмотров: 5509
Последний ответ 30.11.2020, 02:45:55
от dron
Загрузка файлов через свой компонент

Автор averkiev

Ответов: 1
Просмотров: 1116
Последний ответ 09.04.2018, 10:39:57
от averkiev
Добавить в свой шаблон frontend module editing

Автор Zelyonkin

Ответов: 0
Просмотров: 671
Последний ответ 20.10.2017, 19:11:54
от Zelyonkin