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