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

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

Подробнее о проекте

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

Помимо строительных работ АльпСити занимается популяризацией роупджампинга в Мариуполе. Проект по созданию сайта для этой компании я уже делал. Подробней Роупджампинг.

Моя роль в проекте

  • подбор дизайна
  • вёрстка
  • разработка темы
  • наполнение демо-контентом

Подробней о проекте вёрстки

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

Вёрстка сайта адаптивна, хорошо отображается на мобильных устройствах и десктопах. Имеет показатели скорости загрузки в “желтой зане” (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