Интеграция вёрстки АльянсГазЕнерго

Выполнил работу по интеграции макета вёрстки для компании ТОВ “ЕнерджиГазТрейд”. Разработка велась совместно с 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 темы