Generated by Rank Math SEO, this is an llms.txt file designed to help LLMs better understand and index this website.

# thePetrov.com: The Petrov

## Sitemaps
[XML Sitemap](https://thepetrov.com/sitemap_index.xml): Includes all crawlable and indexable pages.

## Записи
- [ТОП-10 тем WordPress із найкращою швидкістю завантаження у 2026 році](https://thepetrov.com/top-10-fast-wordpress-themes/): Привіт:) Сайт на WordPress може виглядати чудово, але якщо він завантажується повільно — ви втрачаєте відвідувачів ще до того, як вони побачать ваш контент. Згідно з дослідженнями Google, 53% користувачів закривають сторінку, якщо вона вантажиться довше 3 секунд. А швидкість сайту напряму впливає на позиції у пошуку (SEO) та рівень конверсії.
- [10 способів приховати елементи в CSS](https://thepetrov.com/hide-elements-in-css/): Привіт:) У цьому гайді детально покажу як приховати елементи за допомогою CSS. Розгляну різні варіанти, їх особливості та відмінності. Ви побачите коли і в якому випадку слід використовувати той чи інший спосіб.
- [Розробка інтернет магазину](https://thepetrov.com/ecommerce-development/): Послуги з розробки інтернет-магазинів.
- [Розробка сайтів на Elementor під ключ](https://thepetrov.com/elementor-website-development/): Elementor — це один із найпопулярніших конструкторів для WordPress, який дозволяє створювати сучасні, швидкі та зручні сайти без обмежень у дизайні. Але щоб сайт не просто "виглядав", а реально приносив клієнтів — важливо, хто саме його розробляє.
- [Індивідуальні консультації з WordPress](https://thepetrov.com/individual-wordpress-consultations/): Ваш сайт — це перше, що бачить клієнт. Він має бути зручним, швидким і сучасним, інакше ви ризикуєте втратити довіру вашого потенційного клієнта. Але створення сайту — це ціла стратегія, де важлива кожна деталь.
- [CSS-властивість font-weight — насиченість шрифту](https://thepetrov.com/font-weight-css-property/): Привіт:) Сьогодні розповім про одну із CSS-властивостей для керування шрифтом — font-weight, яка відповідає за його насиченість або товщину.
- [Як у WordPress правильно додавати jQuery скрипти](https://thepetrov.com/add-jquery-scripts-wordpress/): Привіт:) Іноді при додаванні jQuery скриптів у коді тем і плагінів виникають проблеми. У цьому пості покажу як швидко та правильно це зробити, щоб позбавитися помилки "Uncaught TypeError: $ is not a function".
- [Що таке семантична верстка та навіщо потрібна](https://thepetrov.com/what-is-semantic/): Привіт:) Більше десятка років тому зовнішній вигляд веб-сайтів верстали як було зручно — таблицями, DIV’ами, SPAN’ами і зовсім не задумувалися про доступність. Але потім з’явився HTML5, який приніс нові стандарти та вимоги до розмітки сторінок.
- [VS Code (Visual Studio Code): налаштування, розширення, комбінації клавіш](https://thepetrov.com/visual-studio-code-settings-extensions-hotkeys/): Привіт:) У цьому гайді: корисні налаштування, популярні розширення та гарячі клавіші популярного редактора коду VS Code (Visual Studio Code).
- [Як створити контактну форму WordPress](https://thepetrov.com/creating-a-wordpress-contact-form/): Привіт:) Спілкування зі своїми відвідувачами — важливий момент успішної роботи будь-якого веб-ресурсу. Користувач завжди повинен мати можливість звернутися до адміністрації сайту з будь-якого питання. Саме для цього є форма зворотного зв'язку WordPress. Покажу як її встановити та налаштувати.
- [Що таке Elementor WordPress і чому він популярний](https://thepetrov.com/what-is-wordpress-elementor/): Привіт:) У цьому пості розгляну Elementor — популярний у середовищі WordPress конструктор сторінок. Покажу його переваги та недоліки, обмеження, порівняння безкоштовної версії та Pro.
- [Оптимізація WordPress: як прискорити сайт і покращити SEO](https://thepetrov.com/wordpress-optimization/): Привіт:) У цій статті розгляну способи, інструменти та власні спостереження оптимізації WordPress для, які використовую у своїй роботі для покращення швидкодії роботи сайту та вищих балів PageSpeed.
- [Як змінити MyISAM на InnoDB: повний гайд](https://thepetrov.com/change-myisam-to-innodb/): Привіт:) У цьому гайді покроково покажу як змінити MyISAM на InnoDB та навіщо це потрібно.
- [Must-Use плагіни (mu-plugins) в WordPress](https://thepetrov.com/mu-plugins-wordpress/): Привіт:) В цьому пості ви познайомитеся із плагінами mu-plugins у WordPress: що це таке, для чого потрібні, як використовувати та реальні приклади.
- [Центрування елементів у CSS](https://thepetrov.com/centering-elements-in-css/): Привіт:) Цей пост про вертикальне та горизонтальне вирівнювання по центру HTML-елементів за допомогою CSS.
- [Корисні SQL запити для WordPress](https://thepetrov.com/useful-sql-queries-for-wordpress/): Привіт:) У цьому пості приведу список корисних SQL-запитів, які допоможуть при роботі з WordPress-сайтом.
- [Стандартні (за замовчуванням) імена CSS-класів у WordPress](https://thepetrov.com/default-wordpress-generated-css/): Привіт:) WordPress автоматично додає власні класи CSS до різних елементів у більшості тем. Ці CSS-класи за замовчуванням можна використовувати для оформлення цих елементів у вашій темі WordPress.
- [Як у WordPress правильно додавати jQuery скрипти](https://thepetrov.com/adding-jquery-scripts-wordpress/): Привіт:) Іноді при додаванні jQuery скриптів у коді тем і плагінів виникають проблеми. У цьому пості покажу як швидко та правильно це зробити, щоб позбавитися помилки "Uncaught TypeError: $ is not a function".
- [Хуки WordPress та анонімні функції](https://thepetrov.com/wordpress-hooks-and-anonymous-functions/): Привіт:) У цьому пості покажу як використовувати анонімні функції у хуках (фільтрах та екшенах) WordPress.
- [Очищення бази даних WordPress](https://thepetrov.com/cleaning-wordpress-database/): Привіт:) У цьому пості покажу, як очистити базу даних WordPress від зайвого сміття шляхом виконання SQL-запитів та PHP-коду.
- [Селектори CSS: повний гайд](https://thepetrov.com/css-selectors/): Привіт:) Цей великий гайд присвячений селекторам CSS: навіщо потрібні, які бувають та приклади їх застосування у реальних задачах.
- [Як увімкнути режим відлагодження (дебагу) WordPress](https://thepetrov.com/enable-wordpress-debug-mode/): Привіт:) Відлагодження коду використовують, щоб знайти та виправити помилки в роботі сайту, для його оптимізації та прискорення, при додаванні чи доопрацюванні функціоналу. У цій замітці покажу, як увімкнути режим відлагодження WordPress.
- [Таблиця безпечних веб-кольорів](https://thepetrov.com/web-safe-colors/): Привіт:) У цьому пості наведу таблицю безпечних веб-кольорів, які використовуються у веб-розробці та однаково коректно відображатимуться на всіх типах пристроїв, екранах та для всіх роздільних здатностей та браузерів.
- [Приклади готових HTML-блоків із вірними назвами CSS-класів по БЕМ (BEM)](https://thepetrov.com/bem-css-classes/): Привіт:) Це мій перший пост у блозі! Вирішив присвятити його шпаргалці з вірними назвами класів БЕМ із прикладами блоків.
- [Корисні та потрібні плагіни WordPress](https://thepetrov.com/must-have-wordpress-plugins/): Привіт:) У цьому пості представляю свою вибірку "must have" WordPress-плагінів, які допоможуть розширити функціонал ВП та зробити комфортною роботу з ним. Деякі доповнення давно не оновлювалися. Тому завжди потрібно перевіряти їх сумісність з актуальною версією ВордПрес. Список доповнюється:)
- [Корисні онлайн-ресурси та інструменти для веб-розробника](https://thepetrov.com/useful-online-resources-and-tools-for-the-web-developer/): Привіт:) У цьому пості я зібрав корисні ресурси та інструменти онлайн, які стануть у пригоді для веб-розробника, SEO-шника, дизайнера, контент-менеджера.
- [Методи та особливості вставки SVG-графіки в HTML-код](https://thepetrov.com/methods-and-features-of-inserting-svg-into-html/): Привіт:) У цьому гайді покажу популярні способи та особливості вставки SVG-графіки в код HTML.

## Сторінки
- [Про автора](https://thepetrov.com/about-the-author/): ✌️ Привіт:) Мене звуть Михайло Петров. Я — WordPress розробник ✌️
- [Контакти](https://thepetrov.com/contacts/): Для зв'язку використовуйте:

## Категорії
- [Web-розробка](https://thepetrov.com/web-development/)
- [WordPress](https://thepetrov.com/wordpress/)
- [Онлайн-сервіси](https://thepetrov.com/online-services/)
- [Послуги](https://thepetrov.com/services/)
- [Софт](https://thepetrov.com/soft/)

## Позначки
- [Contact Form 7](https://thepetrov.com/tag/contact-form-7/)
- [Elementor](https://thepetrov.com/tag/wordpress-elementor/)