Разработка сайта Study in Ukraine - Портфолио chomovva

Выполненная работа: разработка сайта и WordPress-темы для него.

Адрес разработанного сайта: https://studyinukraine.pstu.edu/

Ссылка на Git проекта WordPress темы: https://github.com/mar-pstu/studyinukraine-next

Чем я занимался в проекте:

  • разработкой layout-а и подбором psd макета;
  • вёрсткой;
  • интеграцией макета на wordpress;
  • установкой на хостинг и настройкой макета.

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

Разработка сайта заказана одним из подразделений Приазовского государственного технического университета, которое занимается привлечением и организацией обучения иностранных студентов.

Целевая аудитория сайта это иностранные граждане в процедуре поступления которых есть некоторые особенности. Главная страница выполнена в виде Лендинга и несёт в первую очередь рекламный характер. Так же на сайте размещены информационные материалы, образцы документов, выписки Правил поступления и прочее.

Вёрстка

Разработка сайта проходила в несколько этапов, которые включали в себя создание технического задания, подбор макета дизайна, вёрстку и создание WordPress темы. В процессе работы на был создан gulp-проект, который включает в себя вёрстку и wordpress тему. Основой для него послужил мой Стартовый шаблон.

В вёрстке использовано:

Вёрстка сайта адаптивна и кроссбраузерна, поддерживает последние версии популярных браузеров и IE 11.

В вёрстке используется модульная двенадцати колоночная сетка на флексбоксах FlexboxGrid.css.

Языковые версии

В соответствии с нуждами целевой аудитории контент сайта и WordPress-тема переведёны на русский и английский языки. Мультиязычность реализуется с помощью плагина PolyLang.

Опции темы в WordPress Customozer API

WordPress тема спроектирована как предельно простая, поэтому Customizer API широко используется.

А именно все блоки главной страницы темы полностью настраивается в WordPress Customozer API. Текстовые настройки переводятся плагином PolyLang в админке: languages -> String translation.

В блоке главной страницы “Есть вопросы?” используется встроенная контактная форма, которую можно легко заменить на стороннюю с помощью шорткода. Подробней Простая форма обратной связи для WordPress-темы.

Дерево опций темы в WordPress Customizer API
Дерево опций темы в WordPress Customizer API

Скрины десктопной версии

Мобильная версия

Вёрстка темы адаптивна и корректно отображается как на десктопах, так и на мобильных устройствах.

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