Як підготувати шаблон WordPress для перекладу
Кожен хороший професійний шаблон Wordpress повинен мати підтримку перекладу на інші мови, щоб кожен міг підлаштувати його під себе. А зробити це нескладно.
- WordPress
- Оновлено
Сортування записів у WordPress за алфавітом
Як відсортувати записи в категоріях WordPress за алфавітом через pre_get_posts, не зламавши віджети, і чому літери Є, І, Ї та Ґ стають не на своє місце.
- WordPress
- Оновлено
Файл footer.php у темі WordPress: підвал, меню і віджети
Що має бути в підвалі власної теми WordPress: обов'язковий wp_footer(), рік і назва сайту, меню з політикою конфіденційності та області віджетів.
- WordPress
- Оновлено
Пошук у темі WordPress: searchform.php і search.php
Як зробити форму пошуку і сторінку результатів у своїй темі WordPress: searchform.php, search.php, кількість знайденого і підсвітка запиту.
- WordPress
- Оновлено
Шаблон категорії WordPress: archive.php і category.php
Як WordPress вибирає шаблон для сторінки категорії, як зробити archive.php з назвою й описом рубрики і окремий вигляд лише для однієї категорії.
- WordPress
- Оновлено
Файл index.php у темі WordPress: цикл і частини шаблону
Що має бути у файлі index.php теми WordPress: цикл записів, посторінкова навігація, частини шаблону через get_template_part і порожній результат.
- WordPress
- Оновлено
Адаптивна карта зображень: HTML map і SVG
Як зробити карту зображень з посиланнями, чому вона з’їжджає на телефоні і як це виправити: скрипт Image Map Resizer або сучасний варіант на SVG.
- PHP, HTML, CSS
- Оновлено
Font Awesome: як додати іконки на сайт
Як підключити Font Awesome через CDN, локально чи npm, вставити іконку, змінити її розмір і колір, не забути про доступність і коли краще взяти SVG.
- PHP, HTML, CSS
- Оновлено
Темна тема на сайті: CSS, localStorage і системна тема
Як зробити темну тему на сайті: light-dark() і prefers-color-scheme, кнопка перемикання, запам'ятовування в localStorage і без блимання білим екраном.
- PHP, HTML, CSS, WordPress
- Оновлено
Cookies у JavaScript: як записати і прочитати
Як записати, прочитати й видалити cookies у JavaScript, навіщо SameSite і Secure, приклад із темою сайту та чим куки відрізняються від localStorage.
- PHP, HTML, CSS
- Оновлено
Створюємо стильну анімацію бургер-меню на CSS
Як зробити доступну кнопку-бургер для мобільного меню: <button> з aria-expanded, три рисочки на CSS, анімація в хрестик і трохи JavaScript.
- PHP, HTML, CSS
- Оновлено
Як змінити клас елемента в JavaScript: classList
Як у JavaScript додати, прибрати чи перемкнути клас елемента через classList: add, remove, toggle, contains – і доступне меню з aria-expanded на прикладі.
- PHP, HTML, CSS
- Оновлено
