Во оваа статија, ќе ви покажам многу лесен метод за креирање детски теми кога користите теми за блокови на WordPress.

Содржина

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

Со воведувањето на WordPress 6.0, тимот на WordPress се вклучи во сите блокови на теми за да го олесни дизајнирањето и приспособувањето на веб-локациите со малку или без кодирање. Блок темите го користат „Уредувачот на блокови“, познат и како „Уредувач на блокови Гутенберг“, за да им овозможат на корисниците да влечат и испуштаат дизајнерски елементи на веб-страница. Оваа функција го прави WordPress многу поконкурентен со градителите на страници и создавачи на теми, особено затоа што WordPress е потполно бесплатен и веќе го користат над 60% од најдобрите 10 милиони веб-локации на интернет.

Една од најновите придобивки на Block Themes е можноста лесно да креирате нова детска тема за која било тема за блок што ја користите за дизајнирање на вашата веб-локација. На пример, ако ја користите стандардната тема TwentyTwentyThree што се испорачува со WordPress 6.2, можете брзо да креирате детска тема за неа без да треба да се нурнете во датотеките на вашата страница користејќи FTP клиент.

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

Детските теми се важни бидејќи ви дозволуваат да ја приспособите вашата тема и да ги задржите тие прилагодувања секогаш кога се достапни ажурирања на темите. Без детска тема, приспособувањата на вашата страница може да се отфрлаат секогаш кога ќе ја ажурирате вашата „родителска“ тема - во овој случај темата TwentyTwentyThree. Ова значи дека во најдобар случај ќе треба да се вратите назад и повторно да ги вметнете вашите прилагодувања еден по еден по секое ажурирање на темата, а во најлош случај може да ги изгубите сите ваши прилагодувања по ажурирањето и ќе треба да започнете одново.

Детските теми ги одделуваат вашите приспособувања од стандардната родителска тема, за да можете да ја ажурирате вашата матична тема И да ги задржите сите ваши прилагодувања што се содржани во детската тема. Го добивате најдоброто од двата света.

WordPress поедноставен: Курс како да изградите моќни веб-страници од Дејвис Медиа Дизајн

Создадете детска тема за вашата блок тема

Сега, кога некои од вас се доволно изнервирани поради тоа што објаснувам зошто ви се потребни детски теми, ајде да навлеземе во тоа како всушност да ги креирате овие детски теми кога работите во WordPress во 2023, 2024 година и понатаму.

За почеток, најавете се на вашата табла на WordPress и одете до Приклучоци>Додај ново (црвена стрелка на сликата погоре).

Овој метод користи додаток развиен директно од тимот на WordPress. Ова значи дека приклучокот е оптимизиран да работи со најновата верзија на WordPress и да блокира теми.

Од работната област „Додај приклучоци“, побарајте го приклучокот „Креирај блок тема“ користејќи ја лентата за пребарување (наведена со зелена боја на сликата погоре, горе десно). Откако ќе го видите приклучокот наведен во резултатите од пребарувањето, кликнете „Инсталирај сега“ (црвена стрелка).

Откако приклучокот ќе заврши со инсталирањето, копчето „Инсталирај сега“ ќе стане сино и ќе каже „Активирај“. Кликнете на копчето „Активирај“ (црвена стрелка на горната слика).

Откако приклучокот е успешно активиран, ќе бидете префрлени во работната област „Приклучоци“ на WordPress и ќе видите порака која вели „Приклучокот е активиран“ кон врвот (зелена стрелка на горната слика). Од тука, одете до Изглед>Креирај блок тема (црвена стрелка).

Откако ќе влезете во работната област „Креирај блок тема“, изберете ја опцијата за радио „Креирај детска тема на дваесет и три“ (или како и да е името на темата за која креирате детска тема – црвената стрелка на сликата погоре).

Еден куп текстуални полиња ќе се појават на десната страна од прозорецот. Само најгорното поле за текст, означено со „Име на темата“ (сина стрелка), е задолжително. Останатите се сите опционални. За името на вашата тема, стандардна практика е да ја именувате темата на вашето дете „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 – Без код WordPress Masterclass.

Билтен за е-пошта за бесплатни креативни апликации на Davies Media Design

Претплатете се на билтенот на DMD

Пријавете се за да добивате нови упатства, ажурирања на курсевите и најновите вести за вашите омилени бесплатни креативни апликации!

Успешно сте претплатени!

Пин Тоа на Pinterest