Сайт ООО «Промстройэкспертиза»

Сайт ООО «Промстройэкспертиза»

http://псэ35.рф

08.03.2019

Wordpress верстка Bootstrap CSS JS SVG GIMP

Задача

Требовалось разработать корпоративный сайт, включающий в себя описание услуг, информацию о компании, портфолио.

Главная страница сайта ООО «Промстройэкспертиза»

Дизайн и прототипы уже были подготовлены. Материалы для портфолио собирались в процессе разработки.

Разработка

В качестве движка будущего сайта был утвержден Wordpress. Начал работу с написания отдельной темы для сайта на основе Bootstrap 4. Подробное руководство по созданию тем можно найти на официальном сайте движка. Для минимальной темы достаточно style.css файла с описанием в блочном комментарии в начале файла.

/*
Theme Name: ICE
Author: Syneri
Author URI: http://syneri.ru/
Description: Тема для сайта ПромСтройЭкспертиза.
Version: 0.1

Wordpress обладает огромным коммьюнити и большим количеством плагинов. В данном проекте хотелось свести их использование к минимуму. Чем меньше зависимостей, тем проще с обновлениями. Ограничился лишь двумя:

  • Pods это инструмент для создания и управления произвольными типами данных и полей.
  • Regenerate Thumbnails это инструмент для пересоздания миниатюр загруженных изображений.

Первый оказал неоценимую помощь в формировании портфолио. Был создан отдельный тип страницы для элемента портфолио с необходимым набором полей. В итоге вся информация хорошо структурирована и собрана в одном месте. Второй же плагин позволил пересоздать уже загруженные изображения под нужные размеры.

Структура портфолио

Для реализации хлебных крошек, формирования правильных ссылок с учетом введенных типов страниц были написаны отдельные функции, расположенные в functions.php (является частью разработанной темы).

Рабочий процесс

Готовый сайт - Архитектурные макеты

Сайт оптимизирован под мобильные устройства.

Оптимизация под мобильные устройства