Приветствую!
Я сделал две страницы, как и было в ТЗ.
-
Общая информация – кликните здесь для поробностей, это важно
У вас на сайте отсутствует поиск(форма) — сейчас он не то чтобы обязателен(на однастраничном нет) — у вас должен быть — так как материалов многомерный.
Я добавил иконку с формойНет страницы 404 — страница не найдена
Я не делал ее пока, стоит моя стандартная на Инглише — страница 404 необходима в случае если вы переименовали материал или пользователь ошибся с адресом — кликните например по адресу несуществуещей страницы http://dev2402.magicjet.org/abracadabra/
Я не делал ее, ну тем не менее там есть старая с ошибкой пока — страница 404 необходима в случае если вы переименовали материал или пользователь ошибся с адресом — кликните например по адресу Вам сразу явится страница 404 и главное форма поиска вверху.
Можно добавить текст Запрашиваемая Вами страница не найденаВозможно:
- Вы ошиблись с адресом
- Страница устарела, либо была переименованна
- Источник дал Вам устаревшую ссылку
Пожалуйста воспользуйтесь поиском
Я знаю что с точки зрения нашей грамматики надо писать с большой буквы если обращение к одному человеку. Но думаю, что просматривать будет не один(то есть множественное число), так что правильнее с маленькой.
Справа для обеих версий я сделал так называемую дот-навигацию – фиксированные точки(можно квадраты или иконки) при наводке выходит подсказка, при клике переходишь в соответствущую секцию. Это опционально(секций слишком много и я сделал на каждую), можно либо удалить, либо оставить основные секции(как у вас в меню) либо как есть, но помоему это перебор.
Возможно еще что-то надо, но это пока на первый взгляд
Примечание — слово «вы» в данном контексте с маленькой буквы.
Две страници по ТЗ
Получите Свидетельство о государственной регистрации на бытовую химию
Эту страницу я сделал придерживаясь вашего дизайна – так как я думаю он вам нравится
Но я добавил:
- Немного анимации(как у вас в запросе) – анимация спокойная и ненавязчивая, я могу ее добавить массу, но мне кажется излишняя и агрессивная анимация будет только раздражать пользователей – вы можете проверить какую анимацию я могу кликнув здесь(там на Инглише и надо кликнуть на иконку шестеренки и можно пробовать всю анимацию)
- Поиск – иконка на видимом месте в правом верхнем глу
- Изменил секцию – За счет чего мы успешно оформляем СГР? Потому что она не сбалансирована – надо либо картинку сертификатов тоже оформить в бокс, либо вынести ее вправо, а опции что мы можем предложить в лево(так удобней – как в газете читать в столбец
-
Технические Детали
Так как всегда работодатель требует не использовать сторонних плагинов чтобы проверить твою квалификацию, я использовал:
- только ACF, я могу обоийтесь и без него, мало того, я предпочитаю без него (хотя многие работодатели требуют знание именно ACF – зачем, а потому что человек писавший их код до этого сам не смог программировать и использовал ACF) , он хоть и удобен, но это программный костыль и ты зависишь от его разработчиков… Мне проще создать свой тип контента с необходимыми полями, плюс это будет удобней, так еще будет и предварительный динамический предпромотр – но это требует большего времени
- плагин Viva Content Cards –
- а это мой плагин, я его разработал и он есть в репозитории – и кстати спасибо вашему заданию, мне пришлось его усовершенствовать добавив опции икон слева и номерам опций
- Сделал шаблон отдельного вида контента Сертификаты – так как 50% всего там совпадает – это всё подставляется автоматом – в форме надо лишь добавить разлия
например
Какая бытовая химия подлежит обязательной регистрации?
Какие строительные материалы подлежат обязательной регистрации?
Это все также можно унифицировать создав плагин типа контента и избавившись от ACF – это будет удобнее и сразу будет видно как выглядит(предпросмотр в реальном времени) но займет некоторое время
-
Примеры кода
Кот Тильды имеет массу лишнего, не нужно быть специалистом чтобы это определить. Для примера я привел первый элемент – Логотип. Сравните фрагменты кода
Тильда
Мой код
