![Підсвітка синтаксису коду в Eleventy](https://ivaniura.org.ua/images/posts/web/eleventy/highlight-synthax/main_image-600.webp)
Підсвітка синтаксису коду в Eleventy
Якщо ти створюєш статичний сайт на базі Eleventy, і тобі треба розміщувати уривки коду у статтях, як це роблю я, то підсвітка коду просто необхідна.
- Eleventy
![Як підготувати шаблон WordPress для перекладу](https://ivaniura.org.ua/images/posts/web/wordpress/yak-pidgotuvaty-shablon-wordpress-dlya-perekladu/main_image-600.webp)
Як підготувати шаблон WordPress для перекладу
Кожен хороший професійний шаблон Wordpress повинен мати підтримку перекладу на інші мови, щоб кожен міг підлаштувати його під себе. А зробити це нескладно.
- Wordpress
![Адаптивна карта зображень як елемент декору сайту](https://ivaniura.org.ua/images/posts/web/php-html-css/adaptyvna-karta-zobrazhen-yak-element-dekoru-sajtu/main_image-600.webp)
Адаптивна карта зображень як елемент декору сайту
Хочеш цікаве меню на сайт у вигляді однієї картинки? У цій статті я докладно розповім, як можна легко організувати адаптивну карту зображень.
- PHP, HTML, CSS
![Цікавий спосіб реалізації кнопки-бургера на сайті](https://ivaniura.org.ua/images/posts/web/php-html-css/tsikavyj-sposib-realizatsiyi-knopky-burgera-na-sajti/main_image-600.webp)
Цікавий спосіб реалізації кнопки-бургера на сайті
Знамениті три рисочки в якості кнопки виклику меню вже давно заполонили мережу. Сьогодні розглянемо цікавий спосіб реалізації кнопки-бургера на твоєму сайті.
- PHP, HTML, CSS
![Іконки на сайті – Font Awesome](https://ivaniura.org.ua/images/posts/web/php-html-css/ikonky-na-sajti-font-awesome/main_image-600.webp)
Іконки на сайті – Font Awesome
Бачив/ла значки телефона, скайпу, соцмереж на інших сайтах? Хочеш такі ж? Як просто і – головне – безкоштовно під'єднати іконки на сайті, читай далі.
- PHP, HTML, CSS
![Як вибрати шрифт для сайту із Fontsquirrel](https://ivaniura.org.ua/images/posts/web/internet/yak-vybraty-shryft-dlya-sajtu-iz-fontsquirrel/main_image-600.webp)
Як вибрати шрифт для сайту із Fontsquirrel
Бажаєш, щоб твій сайт виділявся серед інших? Виділи його цікавим шрифтом! Як вибрати шрифт для сайту за допомогою простого веб-сервісу - читай тут.
- Інтернет, PHP, HTML, CSS
![Правильне сортування статей у WordPress](https://ivaniura.org.ua/images/posts/web/wordpress/pravylne-sortuvannya-statej-u-wordpress/main_image-600.webp)
Правильне сортування статей у WordPress
Правильне сортування статей у Wordpress – як не наступити на підводний камінь, дописуючи додатковий код у шаблоні Wordpress?
- 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