Четверг, 21 февраля

Helium

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

задать вопрос

  • Глобальная
    модернизация
    шаблона
    Helium


    Повышаем уровень бесплатного шаблона Gantry5 до коммерческого уровня

    План
  • Глобальная
    модернизация
    шаблона
    Helium


    Повышаем уровень бесплатного шаблона Gantry5 до коммерческого уровня

    Работа с секциями
  • Глобальная
    модернизация
    шаблона
    Helium


    Повышаем уровень бесплатного шаблона Gantry5 до коммерческого уровня

    Работа со стилями
  • Глобальная
    модернизация
    шаблона
    Helium


    Повышаем уровень бесплатного шаблона Gantry5 до коммерческого уровня

    Работа со шрифтами
  • Глобальная
    модернизация
    шаблона
    Helium


    Повышаем уровень бесплатного шаблона Gantry5 до коммерческого уровня

    Работа над ошибками
  • Глобальная
    модернизация
    шаблона
    Helium


    Повышаем уровень бесплатного шаблона Gantry5 до коммерческого уровня

    Настройка частиц
  • Глобальная
    модернизация
    шаблона
    Helium


    Повышаем уровень бесплатного шаблона Gantry5 до коммерческого уровня

    Популярные частицы
  • Глобальная
    модернизация
    шаблона
    Helium


    Повышаем уровень бесплатного шаблона Gantry5 до коммерческого уровня

    где найти и как скачать?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Наверное, нет ни одного пользователя интернета, который не вбивал бы в поисковую строку ЯНДЕКСА или ГУГЛА фразу - "Скачать бесплатно частицы для Gantry 5" или "Скачать частицы Gantry 5 торрент". К сожалению, все пути ведут на коммерческие сайты по продаже этих самых частиц. С этих сайтов Вам бесплатно предлагается скачать 18 частиц и 12 атомов. Все остальное - а это еще около 140 частиц можно  найти  в коммерческих шаблонах от  Rockettheme .

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

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

Мой интерес к изучению бесплатной системы построения сайтов Joomla возник еще в 2012 году, когда я впервые задумался самостоятельно создать свой сайт и сэкономить при этом денежку. Основные знания по Joomla получил из 2-х источников - сайт Виталия Куликова и сайт Александра Куртеева, которые занимаются  распостранением платных и бесплатных видеоуроков по этой теме.

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