Горячая линия

На Ваши вопросы отвечает специалист по ремонту холодильного оборудования
Петров Сергей Викентьевич
написать тел. 8 (902) 327-81-10
Вторник, 20 августа

Helium

Настоящий сайт сделан на бесплатном шаблоне Helium от Rockettheme Уникальная возможность бесплатно расширить функционал шаблона Helium
Начать изучение курса

Стандартное основное горизонтальное меню представлено на шаблонах Gantry5 довольно таки хорошо. Меню может сочетать в себе анимацию при наведении (fade, zoom, bounce), а также содержать иконки Icon и Image для наглядности. Возможна настройка ширины выпадающего списка (в px) и количества колонок в выпадающем списке (при этом должна соблюдаться кратность в px - например, стандартная ширина меню в шаблоне 180px (вкладка Layout шаблона Helium) 

При первичной установке частицы Grid Statistic от шаблона Acronym после нажатии кнопки  Recompile CSS  возникает ошибка (предупреждение) - не определена переменная font-family-promo - строка 42, 51

Чтобы исправить ошибку-предупреждение заходим в папку custom/scss и находим файл _gridstatistic_acronym.scss  и в нем строки 42 и 51

Возможности модернизации бесплатных шаблонов (в т.ч. через папку custom) от разработчиков фреймворков T3, HELIX, ASTROID, WARP, YOOTHEME и GANTRY5 и их сравнение. 

Возможность отсутствует.
Возможность предусмотрена.
Реализовано так-себе. 
Реализовано неплохо. 
Реализовано относительно хорошо. 

Любой шаблон на Gantry 5 от Rockettheme можно модернизировать, улучшить. Не секрет, почти все ранние версии шаблонов - Antares, Acronym, Citadel, Ethereal, Flux, Galatea, Interstellar, Isotope, Notio, Protean, Remnant, Salient, Supra, Sienna, Versla, Xenon и др. - содержат те или иные ошибки. Конечно, Вы можете оформить платную подписку на эти шаблоны и регулярно получать обновления от разработчиков, не заморачиваясь - но этот путь не для меня. Во-первых, это дороговато - 49$, а во-вторых, вы получете только доспуп только к частицам одного щаблона, а их всего на коммерческом шаблоне около 30 штук.

Создать красивый, адаптивный сайт с безупречным дизайном мечта любого фронтенд-разработчика. Но не всегда красота и быстрая загрузка сайта идут в паре. Как раз все наоборот. Одним  из критериев успешного проекта по созданию сайта на Gantry5 является скорость загрузки страницы.

На коммерческих шаблонах Rockettheme установлено около 10 модификаций частицы Image Grid - она присутствует на каждом шаблоне. Служит для вывода фотографий и изображений - и может иметь поля навигации при просмотре всего альбома картинок.

1 тип - галерея картинок имеет сдвиг колонн по вертикали, а при наведении на изображение подсвечивает надпись в оверлее (шаблоны Versla, Gemini)

1-ое место по популярности среди всех типов частиц Gantry5 занимают всевозможные слайдеры - ни один сайт не обходится без них. При этом смена изображений в модуле слайдера  может происходить как простое чередование галереи фотографий с opacity, так и с замысловатыми переходами, со спецэффектами. Обязательными аттрибутами являются кнопки перехода - так называемые sidenav (next/prev) и dots.

Как мы выяснили, частицы-исходники Gantry5 на коммерческих шаблонах от Rockettheme - это игра в лотерею. При переносе на шаблон, даже с учетом рекомендаций по структуре папок и файлов, Вам может не повезти, и частица не будет правильно работать или не будут правильно отображаться стили, задуманные разработчиком.  Чтобы избежать этого, выполним процедуру лечения частиц Gantry5 (только для продвинутых пользователей Gantry5)

Для создания новых секций воспользуемся шаблоном Antares - названия и стили возьмем готовые - Bottom, Extension, Fixedside, Showcase, Slideshow, Top, Overlay, Старые и новые секции (*) разместим в нужном для нас порядке 

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

План модернизации стилей на любом шаблоне Gantry5 под управлением Joomla3 может состоять из следующих пунктов:

Замена стилей кнопок навигации вперед - назад.
Замена размера кнопок в частицах Gantry5 и добавление новых цветов для кнопок.
Добавления нового базового цвета в сам шаблон.
Добавление спецэффектов для секции и кнопок.
Добавление новых стилей для текста, картинок и т.д.
Спецэффекты при размещении частицы в определенной секции или модуле

Внешне самая простая частица Gantry 5 - частица accordion. Есть несколько разновидностей этой частицы - от разных разработчиков. Рассмотрим их.Частица accordion от InspireTheme для Gantry5 предлагается на официальном сайте в 2-х вариантах: accordion-joomla.zip - за 59 euro и accordion-particle-1.2.0.zip - бесплатно. Скачать бесплатно можно здесь

Gantry 5  - это новая, революционная система управления контентом,  созданная для облегчения работы веб-разработчиков сайтов. За счет великолепной интеграции может работать с популярными движками CMS - Joomla, WordPress и Grav. Gantry5 использует удобный графический интерфейс и функцию перетаскивания мышью, которые позволяют изменить макет вашего сайта за считанные секунды.

Выбирая и копируя Particles for Gantry 5 - ту или иную готовую частицу, обращаем внимание на структуру файлов и папок. Сложные частицы обязательно состоят из 3-4 блоков, стили (размеры и цвет букв, фон частицы) прописываются в папке scss , переходы (реакция на передвижение курсора, нажатие и т.п.) могут быть осуществлены с помощью javascipt в папках html.twig или  js, также могут быть ссылки на код css - все это требует внимательности при переносе частиц на Ваш проект.

Почти все современные сайты используют файлы с расширением .SVG. Код SVG встречается в формате шрифтов, кнопок, иконок и изображений. Использование SVG дает приемущества использования на сайте. Первое, это векторная технология - рисунок не теряет качество отображения на различных экранах. Второе, это легковесность файла -  обычно не больше 10 килобайт. 

Документация по добавлению своего шрифта для вашего шаблона на Gantry 5 находится на сайте docs.gantry.org. Вроде все понятно, но на практике по внедрению стиля для частицы можно столкнуться  с трудностями.

Процедура добавления локальных шрифтов

Для использования своих шрифтов на шаблоне (например, на шаблоне Helium) Вам прежде всего надо найти и скачать понравившиеся шрифты. В документации на сайте docs.gantry.org  вам предлагается скачать шрифт bloody отсюда. 

При навигации по статьям в одной категории в Joomla предусмотрены стилизованные кнопки "вперед" и "назад". В шаблоне Helium (Hydrogen) в этом случае появляются несуразно большие овальные кнопки навигации. Есть несколько путей изменения стилей этих кнопок : вариант 1 - модернизация стиля кнопки в в файле _core.scss в самом шаблоне или изменение стиля кнопки в  файле _core.scss с помощью папки custom (вариант 2 и 3).

После того, как Вы активируйте частицу-атом Uikit for Gantry5 на странице настроек вашего шаблона, Вы можете устанавливать скачанные бесплатные частицы-исходники (а их у нас накопилось аж 18 штук) - 13 получено с сайта joomlead.com + 5 частиц с сайта inspiretheme.com. Напомним, в вашей папке custom должны быть созданы папки css, js, particles, scss - в них мы будем складывать наши файлы в соответствии с назначением. Основные папки particles и scss

В сентябре 2018 года команда разработчиков Joomlead выпустила новые обновленные Particles for Gantry5 (частицы для Гентри5), почти полностью заменив старую линейку Particles и Atoms. Теперь к бесплатному применению пользователю предлагаются некоторые частицы, которые раньше были в premium пакете. В новом бесплатном пакете всего предлается 26 частиц и атомов. 

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

телефоны
+7 (902) 327-81-10 (Мегафон)
адрес
Чебоксары, Гражданская ул., д. 78, к. 149
часы работы
с 8:00 до 18:00 (сб, вс - с 9:00 до 15:00)