Другой подход

Akuatik подходит к веб-дизайну
под другим углом, ставя
вас впереди конкурентов.

Learn more

Вас запомнят

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

бренд

Свежий дизайн

Скучные сайты неинтересны.
Дайте вашим посетителям насладиться
уникальным стилем на вашем сайте.

стиль

Новый подход

Akuatik подходит к веб-дизайну
под другим углом, ставя
вас впереди конкурентов.

что-то новое

Узнаваемость бренда

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

бренд

При скачивании бесплатных частиц для Gantry 5 с ресурсов  joomlead.com  или inspiretheme.com файл в формате zip может содержать 4 папки - css, particle, scss, js или 4 файла в различных форматах -  .twig, .yaml, .scss, .js

Для бесплатного скачивания с сайта  inspiretheme.com нам предлагается 5 частиц и 6 атомов:

  

Частицы с сайта  inspiretheme.com  не содержат отдельно папку js c javasript-кодом - все зашито в  соответствующем скрипте файла .html.twig. или подгружается с других сайтов (нет javascript-кода только у accordion-particle и slideshow).

Скачать все бесплатные частицы от inspiretheme 2017 с uk-uikit 

С сайта  joomlead.com  можно бесплатно скачать 13 частиц и 6 атомов для Gantry 5:

  

Частицы и атомы с сайта joomlead.com  сделаны по классической схеме - содержат 4 папки.

Скачать все бесплатные частицы от joomlead 2017 с uk-uikit2

Но все эти бесплатные частицы и атомы не работают без особенной частицы - uikit-atom (служебной частицы), в которой заложены стили CSS и сценарии JS для других частиц inspiretheme и joomlead.  Скачать последнюю версию uikit for gantry5 можно с  того же сайта  inspiretheme.com

Частица uikit-atom может представлять собой следующее

                  или                          

Устанавливать частицу uikit-atom надо только в папку custom, которая находится в корневой папке вашего шаблона. Изначально в папке custom присутствуют только папки config, css-compiled, language. Вам необходимо вручную создать необходимые папки - css, js, particles.

     

Существует несколько методов установки частицы uikit на наш шаблон:

1 метод - только для частиц от inspiretheme  (описан на yuotube,  не срабатывает при подключении стилей и сценариев для частицы от joomlead - прописан другой путь для подключения стилей и js) - создаем в папке custom папку uikit и помещаем в нее содержимое раcпакованного файла uikit-atom.zip

  

Результат - в настройках нашего шаблона Global Page Setting

в разделе Atoms появится пинтограмма Uikit for Gantry5, которую надо активировать переносом в область включения (навести мышку на пинтограмму, нажать левую клавишу и перенести в нижнюю часть раздела - белое поле). 

 

Не смотря на активацию и появление на белом поле раздела Atoms пинтограммы Uikit for Gantry5 при последующей активации частиц Joomlead и Inspiretheme могут наблюдаться сбои в работе этих частиц (подключение стиля uikit.css может не соответствовать пути, заданному в частице) . Поэтому используем другой метод активации - метод 2.

2 метод - для активации частиц joomlead (правильный) - создаем в папке custom 3 папки - css, js, particles

и разносим в ручную содержимое распакованного файла -

 в папку css - файл uikit.min.css (который затем нужно активировать с помощью папки Custom CSS / JS )

 

в папку js - файл uikit.min.js (как правило все файлы с расширением js активировать не надо - активация проходит по сценарию, прописанному в файле .html.twig частицы)

в папку particles - 2 файла

Затруднения для начинающих осваивать Gantry 5 может представлять и подключение стиля частицы uikit.css с расширением .css в файле custom/css/uikit.min.css .

Новые стили (папка CSS) можно напрямую  активировать в вашем шаблоне через Custom CSS/JS

Это может потребовать от Вас создать дополнительные папки, например custom / css / components (актуально для файлов типа ****.min.css) и прописать пути подключения в административной части шаблона на вкладке Page Setting в активированном Custom CSS

 

И самое главное - во всех методах после создания папок и путей переноса файлов - нажимаем на кнопку Recompile CSS в разделе Styles нашего шаблона

Подробнее про процедуру активации частиц и атомов - см. статью Активация. Частицы для Gantry 5

 

P.S.

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