Правки по сайту http://imidzhmejker.stilist.ru.com

Задание:

Здравствуйте! Требуется внести изменения в шапку сайта на wordpress. Не можете сделать как написано? Вроде все просто. Ваши предложения?

1. В шаблоне вордпресс сдвинуть заголовок влево

2. Добавить следующую информацию: график работы, информация об инстаграмм и почте для связи, телефон, кнопку «Перезвоните мне». Расположение схематичное объектов смотри в файле.

3. Почта и инстаграм д.б. кликабельными, ссылки должны открываться в новой вкладке

4. телефон должен быть кликабельным, на мобильной версии предлагать набор номера.

5. Под телефоном должна быть информация про возможность связи по вайбер или вотсап (значками или текстом), и кнопка «Перезвоните мне» — текстовая или графическая. Фон кнопки яркий красный или желтый. По клику на кнопку открывается страница для обратной связи в новой вкладке. ссылка на страницу http://stilist.ru.com/zakazat-obratnyj-zvonok/

6. Вся шапка в мобильнйо версии желательно должна занимать не более 1/3 экрана в книжном расположении при разрешении экрана 720 на 1280.

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

9. Процесс вставки в файлы на сайте записать в виде экранки или сделать скриншоты с тем, что и куда вы вставляете, чтобы знать, где и что лежит и как чинить, если шаблон обновится. Если экранка сможете записать, вообще круто. Записывается легко с помощью Quick time Player например. Могу научить))

10. Результат работы вставить в шапку двух сайтов с одинаковым шаблоном. Доступы дам.

макет на бумаге, все понятно
Было до начала работы

Решением задачи было добавить еще один блок виджетов в шапку сайта. Далее изменив и добавив стили к элементам получили промежуточный результат.

Клиент в целом доволен, изменив несколько стилей клиента устроил результат

Leave a Reply

Your email address will not be published. Required fields are marked *
You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>