В тази статия ще ви покажа един много лесен метод за създаване на дъщерни теми, когато използвате WordPress Block Themes.

Съдържание

Блокиране на теми Бърз преглед

С въвеждането на WordPress 6.0, екипът на WordPress се включи изцяло в Block Themes, за да улесни от всякога проектирането и персонализирането на уебсайтове с малко или никакво кодиране. Темите за блокове използват „Редактор на блокове“, известен също като „Редактор на блокове на Гутенберг“, за да позволят на потребителите да плъзгат и пускат дизайнерски елементи върху уеб страница. Тази функция прави WordPress много по-конкурентоспособен със създателите на сайтове и създателите на теми, особено след като WordPress е напълно безплатен и вече се използва от над 60% от 10-те милиона уебсайта в интернет.

Едно от най-новите предимства на Block Themes е възможността лесно да създавате нова дъщерна тема за каквато и да е Block Theme, която използвате, за да проектирате уебсайта си. Например, ако използвате темата по подразбиране TwentyTwentyThree, която се доставя с WordPress 6.2, можете бързо да създадете дъщерна тема за нея, без да е необходимо да се гмуркате във файловете на вашия сайт с помощта на FTP клиент.

Защо детските теми са важни

Дъщерните теми са важни, защото ви позволяват да персонализирате вашата тема и да запазите тези персонализации винаги, когато има налични актуализации на теми. Без дъщерна тема, персонализациите на вашия сайт може да бъдат отменени всеки път, когато актуализирате вашата „родителска“ тема – в този случай темата TwentyTwentyThree. Това означава, че в най-добрия случай ще трябва да се върнете и да вмъкнете отново вашите персонализации една по една след всяка актуализация на темата, а в най-лошия може да загубите всичките си персонализации при актуализиране и ще трябва да започнете отначало.

Дъщерните теми отделят вашите персонализации от основната тема по подразбиране, така че можете да актуализирате своята родителска тема И да запазите всичките си персонализации, които се съдържат в дъщерната тема. Получавате най-доброто от двата свята.

Опростен WordPress: Как да изградим мощни уебсайтове Курс от Davies Media Design

Създайте дъщерна тема за вашата блокова тема

Сега, след като някои от вас са достатъчно раздразнени от мен, че обяснявам защо имате нужда от дъщерни теми, нека да разберем как всъщност да създавате тези дъщерни теми, когато работите в WordPress през 2023 г., 2024 г. и след това.

Като за начало влезте в таблото за управление на WordPress и отворете Plugins>Add New (червена стрелка на изображението по-горе).

Този метод използва плъгин, разработен директно от екипа на WordPress. Това означава, че плъгинът е оптимизиран да работи с най-новата версия на WordPress и да блокира теми.

От работната област „Добавяне на приставки“ потърсете приставката „Създаване на блокова тема“, като използвате лентата за търсене (очертана в зелено на изображението по-горе, горе вдясно). След като видите приставката, посочена в резултатите от търсенето, щракнете върху „Инсталиране сега“ (червена стрелка).

След като приставката приключи с инсталирането, бутонът „Инсталиране сега“ ще стане син и ще казва „Активиране“. Щракнете върху бутона „Активиране“ (червена стрелка в горното изображение).

След като приставката бъде успешно активирана, ще бъдете отведени до работната област „Приставки“ на WordPress и ще видите съобщение, което гласи „Приставката е активирана“ в горната част (зелена стрелка в изображението по-горе). От тук навигирайте до Appearance>Create Block Theme (червена стрелка).

След като влезете в работната област „Създаване на блокова тема“, изберете радио опцията „Създаване на дъщерна тема на Twenty Twenty-Three“ (или каквото и да е името на темата, за която създавате дъщерна тема – червена стрелка на изображението по-горе).

От дясната страна на прозореца ще се появят куп текстови полета. Само най-горното текстово поле, означено с „Име на тема“ (синя стрелка), е задължително. Всички останали са по желание. За името на вашата тема стандартна практика е да наименувате дъщерната си тема „TwentyTwentyThree-child“, ако родителската ви тема се казва „TwentyTwentyThree“, например.

Също така случайно добавих кратко описание в полето „Описание на темата“, плюс добавих името на моя бизнес под „Автор“ и основния си уебсайт под „URI на автора“. Всичко останало оставих на стойностите им по подразбиране (включително квадратчетата за отметка, които ще видите, когато превъртите по-надолу в страницата).

Щракнете върху бутона „Генериране“ (зелена стрелка).

Това автоматично ще започне изтегляне на zip файл, съдържащ вашата дъщерна тема. Можете да запазите името на файла, както изглежда (червена стрелка в горното изображение). Щракнете върху „Запазване“, за да запишете файла на вашия компютър (синя стрелка).

Zip файл ще бъде изтеглен на вашия компютър. В лентата за изтегляния в долната част на вашия браузър щракнете върху стрелката до готовото изтегляне (зелена стрелка) и щракнете върху „Покажи в папка“ (червена стрелка), за да изведете изтегления zip файл в прозореца на File Explorer (ако сте повторно използване на Windows – на MAC, изведете изтеглянето във вашия File Explorer).

Дръжте този прозорец на File Explorer отворен и zip файла, който съдържа дъщерната ви тема, избран (зелена стрелка) – това ще ни трябва в предстояща стъпка.

Върнете се в WordPress и отворете секцията „Теми“ под Външен вид (червена стрелка на изображението по-горе). Щракнете върху бутона „Добавяне на нов“ в горната част на работната област на темите (синя стрелка).

В работната област „Добавяне на теми“ ще видите поле в средата на прозореца с бутон с надпис „Избор на файл“ (червена стрелка). Можете или да щракнете върху този бутон и да изберете zip файла, който току-що изтеглихме за дъщерната тема, или да отворите прозореца File Explorer, до който навигирахме по-рано, и да плъзнете и пуснете zip файла навсякъде в това поле.

На тази снимка по-горе можете да видите, че плъзнах zip файла директно върху кутията и пуснах мишката.

Сега ще видите вашия файл с тема twentytwentythreechild.zip, посочен в полето (зелена стрелка) и се появява бутон „Инсталиране сега“ (червена стрелка). Щракнете върху „Инсталиране сега“, за да започнете инсталирането на дъщерната тема.

Ще бъдете отведени до нов прозорец и дъщерната ви тема ще започне да се инсталира на вашия сайт. Дайте малко време на инсталацията и не опреснявайте страницата, докато се инсталира (това може да повреди сайта ви). След като инсталацията на дъщерната тема завърши, ще видите съобщение, което гласи „Темата е инсталирана успешно“. (очертано в зелено на горното изображение).

Под това съобщение за успех има връзка с етикет „Активиране“. Щракнете върху тази връзка, за да активирате дъщерната тема на вашия сайт.

След като темата бъде успешно активирана, ще бъдете върнати обратно в работната област „Теми“. В горната част ще се покаже съобщение, което гласи „Нова тема е активирана. (очертано в зелено на горното изображение). Ще видите, че първата изброена тема вече изглежда като празна тема – обозначена с фона на шахматната дъска, който обикновено представлява прозрачност в света на дизайна. В долната част на тази визуализация на темата ще видите, че пише „активен: TwentyTwentyThree-child” (червена стрелка).

Това означава, че успешно сте инсталирали дъщерна тема! Прозрачният преглед на темата представя факта, че дъщерната ви тема съдържа само персонализации на тема, а всички останали стилни и дизайнерски елементи се показват в родителската тема (в този случай темата „TwentyTwentyThree“). Уверете се, че не изтривате основната тема, тъй като това ще прецака вашия сайт. Освен това се уверете, че поддържате основната тема актуална (от съображения за сигурност), като щракнете върху всякакви връзки/известия за актуализиране, които се появяват за темата.

Можете да прегледате текущия си сайт с активирана дъщерна тема, като щракнете върху връзката „Посетете сайта“, която се появява в съобщението за успех (синя стрелка в изображението по-горе).

В този случай ще видите, че моят сайт просто се показва като тема TwentyTwentyThree по подразбиране (моята родителска тема – не съм правил никакви промени в темата TwentyTwentyThree, преди да започна този урок). Това означава, че дъщерната тема е инсталирана успешно!

Това е всичко за този урок. Можете да разгледате другия ми Помощни статии за WordPress на моя сайт или се потопете по-задълбочено в WordPress с моя WordPress за начинаещи 2023 – Masterclass без код WordPress.

Имейл бюлетин за безплатни креативни приложения на Davies Media Design

Абонирайте се за бюлетина на DMD

Регистрирайте се, за да получавате нови уроци, актуализации на курсове и най-новите новини за любимите ви безплатни творчески приложения!

Абонирахте се успешно!

Тя ПИН на Pinterest