
Интеграция вёрстки АльянсГазЕнерго
Выполнил работу по интеграции макета вёрстки для компании ТОВ “ЕнерджиГазТрейд”. Разработка велась совместно с Roman Tykhonenko (дизайн, вёрстка, подготовка и корректировка контента).
Результат совместной работы – современный адаптивный сайт-визитка компании.
Адрес работы: http://agasenergo.com.ua/
Моя роль в проекте
- интеграция html макета на wordpress;
- установка и настройкой макета, плагинов на хостинг;
- перенос контента.
Макет вёрстки
Вёрстку макета выполнил Roman Tykhonenko. Вёрстка основана на фреймвёрке Bootstrap 4. Использование этого фреймвёрка позволило создать современный кросс-браузерный и адаптивность макет сайта. Сайты, созданные с помощью Bootstrap, идентично отображаются на разных устройствах и в современных браузерах.
Используемые библиотеки и фреймвёрки:
- Bootstrap 4 – это открытый и бесплатный HTML, CSS и JS фреймворк;
- LazyLoad.js – jQuery плагин для добавления “ленивой” загрузки изображений;
- Superembed.js – обнаруживает встроенное видео популярных видеосервисов и делает его адаптивным;
- jQuery -популярный JavaScript фреймворк;
- Owl Carousel – популярный слайдер;
- IcoFont – шрифтовые иконки для сайта;
- Boxicons – библиотека высококачественных и векторных шрифтовых иконок для веба.
WordPress тема
Главная страница темы выполнена в виде Лендинга и несёт рекламный характер. Все блоки главной страницы редактируются через Customizer API WordPress.
На постоянных страницах и страницах постов блога используется “ленивая” загрузка изображений. “Ленивая закрузка” добавлена с помощью js-библиотеки Zepto Lazy.
Подробней: «Ленивая загрузка» изображений в WordPress.
На сайте есть несколько больших разделов по направлениям деятельности компании. Это природный газ и электрическая енергия.
Для каждого из этих разделов предусмотрена отдельная колонка (сайдбара). Выбор сайдбара осуществляется в административной консоли сайта при редактировании страниц и категорий.
Подробней: Пользовательские сайдбары для WordPress темы
Настройки темы
все основные блоки темы редактируется через Customizer API.