TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Як користуватися плагіном конфігуратора дитячих тем WordPress?

8

У нашій попередній статті ми пояснили ручний спосіб створення дочірньої теми у WordPress. Якщо ви відчуваєте себе виснаженим усіма цими ручними кроками – не хвилюйтесь, ви не самотні. Особливо налаштування батьківської теми шляхом виявлення окремих класів CSS з батьківського стилю. Css є більш технічним для початківців WordPress. На щастя, існує багато корисних плагінів, які полегшують весь процес одночасно, дозволяючи вам додатково налаштувати. Конфігуратор дочірніх тем – один із таких плагінів, який допомагає створювати та налаштовувати дочірні теми у WordPress. У цій статті ми розглянемо поетапний процес використання плагіна дочірньої теми.

Чому плагін конфігуратора дитячих тем?

Ми спробували кілька плагінів для створення дочірньої теми і рекомендуємо Конфігуратор дочірньої теми з таких причин:

  • Плагін оновлюється і підтримується постійно.
  • Хороші відгуки користувачів з більш ніж 70 тис. Активних встановлень.
  • Дуже простий у використанні інтерфейс.
  • Хороша документація доступна на інформаційній панелі адміністратора.
  • Створення дочірньої теми в один клік.
  • Легко налаштовувати CSS та змінювати файли шаблонів.

Як користуватися плагіном конфігуратора дитячих тем WordPress?

Додаток WordPress Конфігуратор дочірньої теми

Нарешті, це безкоштовно з усіма цими варіантами !!! Доступні розширення преміум -класу, але ми вважаємо, що для початківця достатньо безкоштовної версії для створення та налаштування дочірньої теми.

Як створити дочірню тему за допомогою цього плагіна?

Перейдіть до «Плагіни> Додати новий» і знайдіть «Дочірня тема», щоб знайти плагін «Конфігуратор дочірньої теми». Встановіть та активуйте плагін; він додасть меню адміністратора «Інструменти> Дочірні теми» на інформаційній панелі адміністратора WordPress. Натисніть на Меню "Дочірні теми" покаже вам наступні параметри:

Як користуватися плагіном конфігуратора дитячих тем WordPress?

Аналіз батьківської теми

За замовчуванням спочатку буде лише одна дія «Створити нову дочірню тему», і активна тема вашого сайту буде обрана як батьківська. Ви можете вибрати батьківську тему (у нашому прикладі ми використовуємо двадцять шістнадцять) зі спадного меню та натиснути кнопку «Аналізувати», щоб отримати залежності та інші проблеми.

Вам буде показано повідомлення про успіх разом із додатковими опціями (від 4 до 9), які можна завантажити відповідно до ваших потреб.

Як користуватися плагіном конфігуратора дитячих тем WordPress?

Вибір імені та таблиці стилів дочірньої теми

Назвіть Каталог нових тем

Плагін автоматично створить назву каталогу дочірньої теми, додавши до назви батьківської теми “-child". У нашому прикладі це “двадцять шістнадцять дітей”, і ми залишаємо його таким, яким він є. Ви можете вказати будь -яке ім’я, якщо хочете змінити ім’я каталогу дочірньої теми. Зауважте, що це не назва дочірньої теми; це каталог, у якому буде зберігатися дочірня тема. Плагін створить цей каталог у папці “wp-content” як “/wp-content/twentysixteen-child/”.

Виберіть Де зберігати нові стилі

Плагін пропонує два варіанти збереження таблиці стилів дочірньої теми. Якщо у вас немає існуючої дочірньої теми, виберіть основну опцію таблиці стилів, щоб створити файл style.css у каталозі вашої дочірньої теми. Якщо у вас є каталог дочірньої теми, плагін замінить існуючий файл style.css на новий, створений style.css.

Якщо ви не хочете переписувати існуючі стилі дочірніх тем, виберіть окрему опцію таблиці стилів, щоб використовувати цю таблицю стилів на додаток до таблиці стилів існуючої дочірньої теми.

Виберіть Обробка таблиці стилів батьківської теми

Рекомендований метод – вибрати опцію «використовувати чергу стилів WordPress », щоб використовувати файл functions.php вашої дочірньої теми для розміщення стилю батьківської теми в дочірній. Ви також можете скористатися опцією “Використовувати @import”, щоб імпортувати батьківську тему style.css до дочірньої теми style.css (це не рекомендується).

Як користуватися плагіном конфігуратора дитячих тем WordPress?

Батьківська тема в черзі

Якщо ви не хочете використовувати стиль батьківської теми, виберіть опцію «не додавати жодної обробки батьківської таблиці стилів». Якщо ви використовуєте фреймворк тем, наприклад Genesis, виберіть опцію «Ігнорувати таблиці стилів батьківської теми».

Налаштуйте ім’я, опис, автора, версію і т.

У цьому розділі визначте необхідні деталі, такі як ім’я для вашої дочірньої теми, опис, ім’я автора тощо.

Як користуватися плагіном конфігуратора дитячих тем WordPress?

Налаштування деталей дочірньої теми

Ось місце, де ви можете вказати фактичну назву дочірньої теми, яка з’явиться у розділі «Зовнішній вигляд> Теми» для активації пізніше.

Пропозиція SEO: Оптимізуйте свій сайт за допомогою спеціальної 14 -денної безкоштовної пробної версії Semrush Pro.

Копіювати меню, віджети та інші параметри налаштування з батьківської теми в дитячу тему:

Однією з реальних проблем при створенні дочірньої теми вручну є те, що окремі елементи батьківської теми, такі як меню, віджети, параметри, фон тощо, зникнуть у дочірній темі. Додаток Конфігуратор дочірньої теми допомагає розумно подолати цю проблему, дозволяючи копіювати ці елементи з батьківської теми. Установіть цей прапорець, щоб зберегти меню, віджети та налаштування теми для батьківської теми також для дочірньої теми.

Як користуватися плагіном конфігуратора дитячих тем WordPress?

Створення нової дочірньої теми у WordPress за допомогою плагіна

Після вибору всіх необхідних налаштувань натисніть кнопку «Створити нову дочірню тему». Ви побачите повідомлення про успіх, як показано нижче, з багатьма іншими додатковими вкладками.

Як користуватися плагіном конфігуратора дитячих тем WordPress?

Параметри конфігуратора дочірньої теми

Style.css – єдиний файл, необхідний для вашої дочірньої теми, якщо ви вибрали метод @import. Якщо ви вибрали рекомендований метод створення черги, буде два файли style.css та functions.php. Подібно до ручних модифікацій, багато чого можна зробити за допомогою плагіна Child Theme Configurator.

Редагування файлів шаблонів

Усі файли шаблонів, які можна змінити, будуть перераховані на вкладці «Файли». Хоча файл functions.php буде доступний у файлах дочірніх тем за замовчуванням, ви можете скопіювати інші файли шаблонів у дочірню тему для зміни. Деякі з доступних файлів шаблонів, які можна змінити, це 404.php, archive.php, page.php, single.php, header.php тощо.

Як користуватися плагіном конфігуратора дитячих тем WordPress?

Копіювання файлів шаблонів батьківських тем для дитячої теми

Виберіть файл у розділі «Дочірні тематичні файли» та відредагуйте його за допомогою стандартного редактора тем WordPress. У вас також є такі параметри на вкладці "Файли":

  • Завантажте зображення власної теми для використання в таблиці стилів. Завантажені зображення будуть перелічені на тій самій сторінці, яку можна вибрати та видалити.

Як користуватися плагіном конфігуратора дитячих тем WordPress?

Завантажте спеціальні зображення дитячих тем

Зображення тем зберігаються у папці “/twentysixteen-child/images/” і можуть використовуватися лише в таблиці стилів дочірньої теми. Усі інші зображення, завантажені на пост/сторінку, будуть доступні в медіатеці.

  • Завантажте власний знімок екрана для дочірньої теми, який можна побачити у розділі «Зовнішній вигляд> Теми».
  • Експортуйте zip -архів повної дочірньої теми для локального зберігання.

Однією з помилок, які користувачі роблять під час створення дочірньої теми вручну, є недогляд за структурою каталогів. Плагін дуже добре працює, роблячи це автоматично під час копіювання файлів типу “/template-parts/content.php”. Він автоматично створює ту саму структуру під дочірньою темою, як "twentysixteen-child/template-parts/content.php", і забезпечує функціонування цього шаблону з дочірньої теми.

Налаштування CSS

Пошук властивостей і селектора CSS є основною проблемою, коли використання дочірніх тем вручну і плагін Конфігуратор дочірньої теми допомагає легко подолати цю проблему. Є дві вкладки «Запит/Селектор» та «Властивість/Значення», які можна використовувати для ідентифікації необхідного стилю з батьківської теми та його зміни.

Вкладка «Запит/Селектор» допомагає знайти певний селектор для будь -якого запиту @media та змінити його. Наприклад, якщо ви хочете змінити колір фону тіла вашої батьківської теми, залиште поле «@media Query» так само, як «база» та введіть «body» для вибору. Ви побачите всі значення властивостей для тіла та натисніть на тіло, щоб переглянути екран, як показано нижче:

Як користуватися плагіном конфігуратора дитячих тем WordPress?

Зміна CSS на основі медіа -запиту та селектора

Тут ви можете змінити колір фону (та будь -яке інше значення, таке як поле, відступ тощо) та зберегти його як значення дочірньої теми.

Подібно до "Запит/Селектор", ви можете використовувати "Властивість/Значення", щоб змінити батьківський CSS. Наприклад, введіть "фон" у значенні властивості та виберіть "колір фону" зі спадного меню, щоб змінити колір фону всього сайту.

Як користуватися плагіном конфігуратора дитячих тем WordPress?

Налаштування CSS батьківської теми за допомогою властивості / значення

Перегляд таблиць стилів батьків/дітей

Вкладки "Базові стилі" та "Дочірні стилі" показують відповідні таблиці стилів з батьківської та дочірньої тем відповідно.

Як користуватися плагіном конфігуратора дитячих тем WordPress?

Таблиця стилів дитячої теми

Імпорт користувацьких шрифтів

Ви можете імпортувати будь -які веб -шрифти, такі як шрифти Google, на вкладці "Веб -шрифти" із запитом @import.

Нарешті, ви можете видалити, скопіювати та проаналізувати дочірню тему на вкладці «Батьки/діти». Ці параметри будуть показані лише після того, як у вас буде створена дійсна дочірня тема за допомогою цього плагіна.

Активація дитячої теми

Нещодавно створену дочірню тему можна побачити на інформаційній панелі адміністратора WordPress у розділі «Зовнішній вигляд> Теми». Настійно рекомендується попередньо переглянути сайт з дочірньою темою перед активацією, щоб перевірити, чи все нормально, як ви очікували.

Як користуватися плагіном конфігуратора дитячих тем WordPress?

Активація дочірньої теми у WordPress

Опція "Налагодження", доступна у верхньому правому куті, якщо її ввімкнено, показує дії внизу сторінки. Це може бути використано для усунення несправностей у разі, якщо під час створення дочірньої теми у вас виникнуть проблеми. Натисніть кнопку «Довідка», щоб переглянути надзвичайно корисну документацію прямо з інформаційної панелі адміністратора.

Джерело запису: www.webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі