![Як зробити прелоадер для WordPress сайту](https://ivaniura.org.ua/images/posts/web/wordpress/yak-zrobyty-preloader-dlya-sajtu-na-wordpress/main_image-600.webp)
Як зробити прелоадер для WordPress сайту
Прелоадер – це анімований ефект завантаження сторінки, що показується на сайті до його повного завантаження. Встанови прелоадер на свій сайт!
- Wordpress
![Як підготувати шаблон WordPress для перекладу](https://ivaniura.org.ua/images/posts/web/wordpress/yak-pidgotuvaty-shablon-wordpress-dlya-perekladu/main_image-600.webp)
Як підготувати шаблон WordPress для перекладу
Кожен хороший професійний шаблон Wordpress повинен мати підтримку перекладу на інші мови, щоб кожен міг підлаштувати його під себе. А зробити це нескладно.
- Wordpress
![Темний режим на сайті за допомогою localStorage](https://ivaniura.org.ua/images/posts/web/php-html-css/temnyj-rezhym-na-sajti-za-dopomogoyu-localstorage/main_image-600.webp)
Темний режим на сайті за допомогою localStorage
Продовження теми про створення світлого і темного режимів сайту. І цього разу розглянемо, як це можна зробити з допомогою localStorage без перезавантаження.
- PHP, HTML, CSS, Wordpress
![Кнопка перемикання стилю шаблона WordPress](https://ivaniura.org.ua/images/posts/web/wordpress/knopka-peremykannya-stylyu-shablona-wordpress/main_image-600.webp)
Кнопка перемикання стилю шаблона WordPress
Цікавий спосіб розмістити в шаблоні Wordpress кнопку для перемикання стилю шаблона. Додай функцію "Dark Mode" за допомогою JavaScript та Cookies.
- Wordpress
![Створення шаблона WordPress. Файл footer.php](https://ivaniura.org.ua/images/posts/web/wordpress/stvorennya-shablona-wordpress-fajl-footer-php/main_image-600.webp)
Створення шаблона WordPress. Файл footer.php
Як гарно оформити "підвал" сайту? Продовжуємо розглядати роботу із шаблонами Wordpress.
- Wordpress
![Створення шаблона WordPress. Форма та результати пошуку](https://ivaniura.org.ua/images/posts/web/wordpress/stvorennya-shablona-wordpress-forma-ta-rezultaty-poshuku/main_image-600.webp)
Створення шаблона WordPress. Форма та результати пошуку
При описанні файлу шапки Wordpress я згадував про вставку форми пошуку. Для коректного відображення форми та результатів пошуку створимо два окремих файли.
- Wordpress
![Створення шаблона WordPress. Файл налаштувань functions.php](https://ivaniura.org.ua/images/posts/web/wordpress/stvorennya-shablona-wordpress-fajl-nalashtuvan-functions-php/main_image-600.webp)
Створення шаблона WordPress. Файл налаштувань functions.php
Універсальний файл налаштувань для шаблона WordPress – functions.php. Всі налаштування в одному місці.
- Wordpress
![Створення шаблона WordPress. Вигляд категорій](https://ivaniura.org.ua/images/posts/web/wordpress/stvorennya-shablona-wordpress-vyglyad-kategorij/main_image-600.webp)
Створення шаблона WordPress. Вигляд категорій
Як оформити стиль виводу категорій Wordpress. Використовуємо простоту і практично необмежені можливості двигунця.
- Wordpress
![Створення шаблона WordPress. Файл header.php](https://ivaniura.org.ua/images/posts/web/wordpress/stvorennya-shablona-wordpress-fajl-header-php/main_image-600.webp)
Створення шаблона WordPress. Файл header.php
Створення шаблона Wordpress. Структура файлу шапки header.php
- Wordpress
![Створення шаблона WordPress. Файл index.php](https://ivaniura.org.ua/images/posts/web/wordpress/stvorennya-shablona-wordpress-fajl-index-php/main_image-600.webp)
Створення шаблона WordPress. Файл index.php
Створення шаблона Wordpress із нуля. Структура основного файлу index.php.
- Wordpress
![Створення шаблона WordPress. Файл style.css](https://ivaniura.org.ua/images/posts/web/wordpress/stvorennya-shablona-wordpress-fajl-style-css/main_image-600.webp)
Створення шаблона WordPress. Файл style.css
Саме у файлі style.css з самого верху прописується інформація, яка дозволить системі «побачити» шаблон.
- Wordpress
![Створення шаблона для WordPress з нуля](https://ivaniura.org.ua/images/posts/web/wordpress/stvorennya-shablona-dlya-wordpress-z-nulya/main_image-600.webp)
Створення шаблона для WordPress з нуля
Процес створення шаблону WordPress із нуля. Для цього нам потрібні будуть базові знання HTML, CSS та PHP.
- Wordpress