scroll

Разработка сайтов.
Многостраничный сайт

#Дизайн    #Верстка   #Натяжка на WP

О заказчике

Заказчик - я сам. Занимаюсь дизайном, версткой сайтов и разработкой рекламных баннеров. Также натягиваю верстку сайта на WordPress для возможности самостоятельного редактирования сайта заказчиком.

Задача

Разработать презентабельный многостраничный сайт, на котором подробно рассказывается об услугах, стоимости разработки, портфолио. Интегрировать сайт с WordPress, чтобы в дальнейшем мог самостоятельно добавлять работы в портфолио и отзывы прямо из админки. То есть без взаимодействия с кодом сайта.

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

Сайт

www.khakimweb.site
Цвета
#EBEBEB
#1A1A1A
#2379D9
Шрифты font

Демонстрация проекта

Мы видим стандартную админку WordPress с привычными для нас вкладками.
work-image
Все 7 страниц сайта были сделаны как страницы, которые вы можете видеть на скриншоте. На каждой из страниц я настроил места, которые планирую редактировать в будущем. Чуть позже подробнее остановлюсь на данном пункте.
work-image
Услуги и работы в портфолио сделаны как записи. Записи создаются обычно для тех страниц, которые планируется периодически публиковать. Например, я планирую периодически публиковать новые работы в портфолио, поэтому их настроил как записи.
work-image
На сайте используется всего 1 плагин - CFS. Именно благодаря ему я настраиваю места на странице, которые планирую менять. Даже SEO я настраиваю с помощью этого плагина. В результате скорость загрузки страниц остается на высоком уровне, чего бы я не добился, если бы загрузил свой сайт большим кол-вом плагинов.
work-image
Теперь расскажу подробнее о страницах, которые я планирую как-то редактировать в будущем. Во-первых, страница отзывов. Я планирую периодически наполнять страницу новыми отзывами, поэтому с помощью плагина настроил нужные поля, в результате чего прямо из админки я могу публиковать новые отзывы. Для начала покажу 2 места, где будут появляться новые отзывы. Это текстовые отзывы:
work-image
А это отзывы в виде скриншотов:
work-image
Чтобы добавить новый отзыв я захожу на страницу редактирования страницы "Отзывы". Здесь можно увидеть 3 вкладки для настройки страницы. Первая вкладка - SEO. Настраиваю здесь title и description.
work-image
Вторая вкладка - текстовые отзывы. Для добавления нового отзыва мне нужна аватарка, имя человека, который оставил отзыв, должность, текст отзыва и скриншот полного отзыва. Я настроил так, что все эти пункты есть в админке.
work-image
Для добавления скриншота отзыва мне нужно лишь добавить скриншот при клике на кнопку "Добавить файл".
work-image
Теперь расскажу как происходит добавление нового проекта в портфолио. Если вы зайдете на любую страницу работы в портфолио, то увидите, что все они сделаны по одному шаблону - есть заголовок работы, теги, изображения, текст о заказчике, задача проекта и т.д. Все эти места я связал с админкой, в результате чего получил такие настройки:
work-image
На сайте обычно используется как минимум 3 цвета. Поэтому функцию добавления цветов я сделал цикличной. В результате чего можно добавлять сколько угодно цветов.
work-image
Далее идет блок с поясняющим текстом и изображением работы
work-image
Таким образом я хочу показать, что любую верстку можно связать с WordPress и индивидуально под каждого заказчика настроить места, которые он планирует менять/добавлять/удалять в будущем. Особенно такая услуга подходит тем, кто не хочет иметь сайт на готовом шаблоне, а хочет сохранить свою индивидуальность, дизайн и собственный функционал. Я могу разработать для вас такой же сайт, чтобы вы могли самостоятельно управлять им без чьей-либо помощи.

Оставьте заявку в форме ниже и я подробно проконсультирую вас.
work-image
Вернуться в портфолио arrow

Оставьте заявку на консультацю

Или сразу напишите мне:
Отправляя данные, Вы соглашаетесь на обработку персональных данных