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

Виконав роботу по інтеграції макета верстки для компанії ТОВ “ЕнерджіГазТрейд”. Розробка велася спільно з Roman Tykhonenko (дизайн, верстка, підготовка и коригування контенту).

Результат спільної роботи – сучасний адаптивний сайт-візитка компанії.

Адреса роботи: http://agasenergo.com.ua/

Моя роль у проекті

  • інтеграція html макета на CSM WordPress;
  • установка і налаштуванням макету, плагінів на хостингу;
  • перенесення контенту.

Макет верстки

Верстку макета виконав Roman Tykhonenko. Верстка виконана за допомогою фреймвёрка Bootstrap 4. Використання цього фреймвёрка дозволило створити сучасний крос-браузерний і адаптивний макет сайту. Сайти, створені за допомогою Bootstrap, однаково відображаються на різних пристроях і браузерах.

Використані бібліотеки і фреймвёркі:

  • Bootstrap 4 – це відкритий і безкоштовний HTML, CSS і JS фреймворк;
  • LazyLoad.js – jQuery плагін для додавання “ледачою” завантаження зображень;
  • Superembed.js – виявляє вбудоване відео популярних відеосервісів і робить його адаптивним;
  • jQuery – популярний JavaScript фреймворк;
  • Owl Carousel – популярний js слайдер;
  • IcoFont – шрифтові іконки для сайту;
  • Boxicons – бібліотека високоякісних і векторних шрифтових іконок для вебу.

WordPress тема

Головна сторінка теми виконана у вигляді Лендінга, який несе рекламний характер. Всі блоки головної сторінки редагуються через Customizer API WordPress.

На постійних сторінках і сторінках постів блогу використовується “ледаче” завантаження зображень. “Ледача закрузка” додана за допомогою js-бібліотеки Zepto Lazy.

Детальніше: «Ледача завантаження» зображень в WordPress.

На сайті є кілька великих розділів за напрямками діяльності компанії. Це природний газ і електрична енергія.

Для кожного з розділів передбачена окрема колонка (сайдбара). Вибір сайдбара здійснюється в адміністративній консолі сайту при редагуванні сторінок і категорій.

Детальніше: Користувальницькі сайдбарі для WordPress теми

Головна сторінка
Головна сторінка

Налаштування теми

Всі основні блоки теми редагується через Customizer API.

Дерево налаштувань теми АльянсГазЕнерго
Дерево налаштувань теми АльянсГазЕнерго

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

51голос
Рейтинг статті
Підписатися
Сповістити про
guest
0 Коментарі
Вбудовані Відгуки
Переглянути всі коментарі
0
Ми любимо ваші думки, будь ласка, прокоментуйте.x
()
x