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

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

Дерево настроек темы АльянсГазЕнерго
Дерево настроек темы АльянсГазЕнерго

Скрины Customizer API темы

51голос
Рейтинг статьи
Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x
()
x