Розробив сайт на WordPress для будівельної компанії

Сайт: https://alpcity.mrpl.info/

Детальніше про проект

Компанія АльпСіті займається утепленням фасадів, ремонтом міжпанельних швів і іншими висотними роботами в Маріуполі. Поточний сайт компанії (http://shatalin.prob2b.biz/alpciti) зроблений на конструкторі, сильно застарів і має ряд недоліків. Тому було прийнято рішення створити новий сайт на WordPress.

Крім будівельних робіт АльпСіті займається популяризацією роупджампінга в Маріуполі. Проект зі створення сайту для цієї компанії я вже робив. Детальніше Роупджампінг.

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

  • підбір дизайну
  • верстка
  • розробка теми
  • наповнення демо-контентом

Детальніше про проект верстки

Проект верстки виконаний на Gulp.js. Стилі написані на препроцесорів SASS (синтаксис SCSS), html-код на препроцесорів PUG (Jade).

Верстка сайту адаптивна, добре відображається на мобільних пристроях і десктопах. Має показники швидкості завантаження в “жовтій зоні” Google PageSpeed (70-80%).

Головна сторінка виконана у вигляді Лендінгу. Так само зверстані шаблони внутрішніх сторінок, і категорій “Портфоліо”, “Блог”, а так само шаблон каталогу товарів WooCommerce.

Бібліотеки та фреймворки, які я використав:

  • FlexboxGrid.css – модульна бутстрап подібна сітка на флексбоксах;
  • Superembed.js – виявляє вбудоване відео популярних відеосервісів і робить його адаптивним;
  • Fancybox.js – jQuery плагін для створення модальних вікон і галереї;
  • jQuery -популярний JavaScript фреймворк.

Інтеграція WordPress теми

Тема інтегрована за всіма правилами кодексу wordpress. При інтеграції не використовувалися білдери. Вся настройка теми здійснюється через WordPress Customizer API. Для деяких блоків головної сторінки написані нестандартні елементи управління. Працює живе превью, тобто при зміні налаштувань автоматично оновлюється область попереднього перегляду сторінки.

Тема підтримує багатомовність за допомогою плагіна Polylang. Все настройки Customizer API перекладаються стандартними засобами цього плагіна.

В тему інтегрована підтримка шаблоныв WooCommerce для каталогу і сторінки товару.

Блок з відгуками клієнтів на головній сторінці формується автоматично із записів популярного плагіна Site Reviews.

Для сторінок категорій та архівів передбачені три різних шаблони виведення записів, вони використовуються для сторінок блогу компанії, портфоліо і каталогу товарів. Зміна шаблону здійснюється при редагуванні або створенні категорії.

Скрін верстки головної сторінки сайту

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

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