Розробка сайту для стоматології Medium на WordPress

#HTML #CSS #JavaScript #JQuery #PHP #WordPress #ACF #Gutenberg #CF7

Розробка сайту для стоматологічної клініки була виконана за готовим дизайном у Figma.

Після затвердження дизайну розпочалась розробка Front-End, де використовувались HTML5, CSS3, JavaScript, jQuery.
— За допомогою додаткових бібліотек реалізований функціонал слайдерів, масок полів на формах, демонстрація виконаних послуг у вигляді фото "до/після" та вспливаючі вікна.
— Додатково було інтегровано Google Maps API для створення кастомної гугл карти з власним дизайном карти та маркером.
Завдяки кросбраузерній підтримці та реалізованій адаптивності сайт коректно відображається на різних пристроях і браузерах.

Під час розробки Backend, було створену унікальну WordPress тему для стоматологічної клініки, що дозволила клієнту самостійно та зручно адмініструвати сайт.
— Використано ACF Pro та Gutenberg Blocks для створення блоків з полями, що дають змогу змінювати контент на сайті.
— Створено та налаштовано кастомний тип публікацій з категоріями для відображення послуг на сайті.
— Використання Contact Form 7 для розробки форми запису на консультацію з відправкою заявки на пошту та Telegram з захистом від спаму.
— Створення сторінки з основними налаштуваннями, що дає змогу в одному місці змінювати загальну інформацію сайту: контактні дані, соціальні мережі, графіки роботи, коди аналітики, дані для Telegram бота, код для підключення Binotel тощо.
Back-End написаний мовою програмування PHP з підтримкою останньої на момент розробки версії 8.3. Код був перевірений на відсутність помилок, а також прописані всі необхідні перевірки для запобігання виводу порожніх блоків.

Після етапів Front-End та Back-End розробки весь код було проаналізовано та оптимізовано за допомогою сервісів для аналізу швидкості завантаження сайту та перевірки валідності, що дозволило максимально оптимізувати швидкість завантаження і досягти високих показників ефективності сайту.

При створенні панелі адміністрування сайту основний акцент зроблений на зрозумілості та зручності наповнення контентом. На цьому етапі також були прописані підказки для блоків, а також написаний посібник для роботи з панеллю адміністратора.