Спливаюче вікно на сайті (попап, модальне вікно)

Спливаюче вікно на сайті (попап, модальне вікно) pop-up window

Спливаюче вікно на сайті (попап, модальне вікно)

Спливаюче вікно на сайті (попап, модальне вікно)

Коли я тільки освоював ази розробки, спливаюче вікно я робив вручну. Так, так – замість того, щоб знайти якесь готове рішення, я займався цією невдячною справою 🤪. Мені здавалося, що особливо нічого складного в цьому немає. Але, тільки через якийсь час роботи над цим питанням, я почав усвідомлювати, що зробити це не так вже й […]

Діапазон дат у WP_Query – виведення постів за meta_query wordpress

Діапазон дат у WP_Query – виведення постів за meta_query

Діапазон дат у WP_Query – виведення постів за meta_query

Клас WP_Query – це один з інструментів WordPress, який допомагає вивести пости за необхідними параметрами: категорії, сортування, діапазон дат тощо. Список параметрів досить пристойний. Детальніше з ними в документації можна ознайомитися тут: https://developer.wordpress.org/reference/classes/wp_query/ . Деякі параметри досить великі й іноді куди простіше розібратися в них, коли є готові приклади. І у мене якраз такий є. […]

Якірні посилання та фіксований header

Якірні посилання та фіксований header

Якірні посилання та фіксований header

Останнім часом я вже давно не зустрічав сайтів, які мають статичний header. Практично всі фіксують його вгорі вікна. Щонайменше дуже зручно, коли навігація сайтом завжди знаходиться під рукою. Але є один момент, який може спричинити дискомфорт за такого підходу – це якірні посилання. Зазвичай під час кліка на таке посилання, секція із зазначеним Id опиняється […]

Хостинг Cloudabove: як програмно очистити кеш на сервері.

Хостинг Cloudabove: як програмно очистити кеш на сервері.

Хостинг Cloudabove: як програмно очистити кеш на сервері.

Cloudabove має можливість прискорити сайт шляхом кешування на сервері. За замовчуванням цей кеш очищається кожні 15 хвилин. Це досить вагомо прискорює сайт, але при цьому впливає на відображення контенту. Наприклад, у моєму випадку опублікований користувачем відгук на товар з’являвся тільки через 15 хвилин. Очистити кеш досить просто. В основі цього лежить GET запит на https://scout.cloudabove.com/api/cache/purge. […]

Як імпортувати велику базу даних MySQL в OpenServer

Як імпортувати велику базу даних MySQL в OpenServer

Як імпортувати велику базу даних MySQL в OpenServer

Мабуть, усі звикли імпортувати базу даних за допомогою phpMyAdmin. Але ця платформа має обмеження за вагою файлу, який можна завантажити. Тому якщо дамп бази перевищує цю квоту, через phpMyAdmin зробити це не вийде. Сьогодні я покажу альтернативний спосіб завантаження бази даних – через консоль. В OpenServer можна скористатися вбудованою консоллю (але це не обов’язково, можна […]

Створення інтерактивної карти Google з маркерами адрес

Створення інтерактивної карти Google з маркерами адрес

Створення інтерактивної карти Google з маркерами адрес

Сьогодні розберемо як зробити google map зі списком адрес. Важлива особливість полягає в тому, що під час кліка на будь-яку з адрес, у центрі мапи має відобразитися маркер із цією адресою.

ACF поля в текстовому редакторі Gutenberg

ACF поля в текстовому редакторі Gutenberg

ACF поля в текстовому редакторі Gutenberg

Gutenberg – уже досить довго використовується у WordPress як основний текстовий редактор. Я, напевно, як і більшість розробників, не особливо горів бажанням його використовувати. Тим більше, що як альтернативу можна було завантажити плагін Classic Editor і далі користуватися старим редактором. Але, у міру використання Gutenberg, я побачив велику кількість його переваг і таким чином плавно […]

FAQ question

FAQ

FAQ

Як прибрати префікс “Категорія, Мітка…” зі сторінок архіву? Помістити фільтр у файл functions.php у папці з нашою темою Як прибрати scale зображень під час завантаження медіа? Помістити фільтр у файл functions.php у папці з нашою темою Як стилізувати скролбар (css)? Чому на сайті WordPress іншими мовами не працює пошук? Можливо варто звернути увагу на значення […]

Як витягнути вміст svg із цього img? Варіант 2 svg

Як витягнути вміст svg із цього img? Варіант 2

Як витягнути вміст svg із цього img? Варіант 2

Якщо ми використовуємо php при розробці, щоб витягнути вміст svg із зображення, буде ще простого. Для цього нам достатньо мати шлях до картинки. У цьому випадку нам на допомогу приходить функція file_get_contents() . Детальніше про нее можна прочитати тут. Приклад використання цієї функції буде виглядати так: Тут потрібно звернути увагу на два моменти: Щоб содержимое […]

Простий зірковий рейтинг stars

Простий зірковий рейтинг

Простий зірковий рейтинг

У цій статті я покажу, як зробити візуальну частину зіркового рейтингу. А саме: як можна стилізувати як правильно зробити hover як правильно зберегти заливання зірки після кліку Готовий варіант: Розмітка В якості розмітки у нас є блок контейнер з класом .rate всередині якого я розмістив 5 посилань. У якості самої зірки я використував шрифт. Але, […]