GLF 2026 — Global Learning Forum
WordPress · Elementor Pro · Custom Widgets · ACF · CPT
Розробка мікросайту для міжнародного молодіжного форуму GLF 2026 організації Healthy Cities for Adolescents (UNICEF / WHO network). Сайт виступає платформою для презентації проєктів із шести країн, програми форуму та залучення молодіжної аудиторії.
Що було зроблено
Кастомні Elementor-віджети
Розроблені власні віджети на базі Elementor\Widget_Base для нестандартних блоків: картки проєктів із динамічними даними з ACF, інтерактивна карта країн-учасниць, секція програми з фільтрацією по днях форуму. Кожен віджет має повноцінні controls-панелі в редакторі — замовник може редагувати контент без втручання в код.
Нестандартна верстка та Elementor-оптимізація
Реалізовані нетипові для стандартного Elementor секції: повноекранні hero-блоки з масками та SVG-анімацією, асиметричний grid-лейаут для лістингу проєктів, sticky-навігація з трансформацією при скролі. Відключені зайві Elementor-стилі (elementor_disable_color_schemes, elementor_disable_typography_schemes) для чистого CSS без override-war.
Адаптивна верстка
Окремо пропрацьований breakpoint для планшетів (768–1024px), де стандартний Elementor-адаптив «ламає» дизайн. Використані кастомні CSS-класи поверх Elementor-контейнерів, медіазапити у style.css дочірньої теми. Мобільна версія верифікована на реальних пристроях під iOS/Android.
Продуктивність
Lazy load для зображень поза viewport, відкладене завантаження Elementor-скриптів на сторінках без інтерактивних елементів, стиснення CSS через об'єднання critical styles в . Підсумковий Lighthouse Performance score — 85+ на мобільному.
Стек: WordPress, Elementor Pro, ACF Pro, Hello Elementor (дочірня тема), PHP 8.x, SCSS, WP Rocket
#WordPress #Elementor Pro #ACF Pro #Custom Widgets #PHP 8 #SCSS #Adaptive Layout #Performance Optimization #Hello Elementor
Розробка мікросайту для міжнародного молодіжного форуму GLF 2026 організації Healthy Cities for Adolescents (UNICEF / WHO network). Сайт виступає платформою для презентації проєктів із шести країн, програми форуму та залучення молодіжної аудиторії.
Що було зроблено
Кастомні Elementor-віджети
Розроблені власні віджети на базі Elementor\Widget_Base для нестандартних блоків: картки проєктів із динамічними даними з ACF, інтерактивна карта країн-учасниць, секція програми з фільтрацією по днях форуму. Кожен віджет має повноцінні controls-панелі в редакторі — замовник може редагувати контент без втручання в код.
Нестандартна верстка та Elementor-оптимізація
Реалізовані нетипові для стандартного Elementor секції: повноекранні hero-блоки з масками та SVG-анімацією, асиметричний grid-лейаут для лістингу проєктів, sticky-навігація з трансформацією при скролі. Відключені зайві Elementor-стилі (elementor_disable_color_schemes, elementor_disable_typography_schemes) для чистого CSS без override-war.
Адаптивна верстка
Окремо пропрацьований breakpoint для планшетів (768–1024px), де стандартний Elementor-адаптив «ламає» дизайн. Використані кастомні CSS-класи поверх Elementor-контейнерів, медіазапити у style.css дочірньої теми. Мобільна версія верифікована на реальних пристроях під iOS/Android.
Продуктивність
Lazy load для зображень поза viewport, відкладене завантаження Elementor-скриптів на сторінках без інтерактивних елементів, стиснення CSS через об'єднання critical styles в . Підсумковий Lighthouse Performance score — 85+ на мобільному.
Стек: WordPress, Elementor Pro, ACF Pro, Hello Elementor (дочірня тема), PHP 8.x, SCSS, WP Rocket
#WordPress #Elementor Pro #ACF Pro #Custom Widgets #PHP 8 #SCSS #Adaptive Layout #Performance Optimization #Hello Elementor