Водич за развој ВордПресс тема за дјецу

Постоји више разлога због којих програмери ВордПресс-а почињу да користе дечје теме. Они вам пружају могућност да прилагодите јединствени распоред на врху друге постојеће теме. Ово је савршено за почетнике који желе да се играју са својим темама.

Поред тога, многи врхунски дизајни ће током времена објавити нова ажурирања. Ако уносите измене у основне датотеке тема, оне ће бити преписане приликом извршавања ажурирања, али дечије теме су одвојене и уредно скривене. То значи да можете изградити постојеће премиум теме и уштедјети много времена у процесу.

У овом водичу желим да представим основне концепте изградње ВордПресс дечје теме и зашто је то добра идеја.

Почетак

Теме дјеце нису тако тешке као што се могу појавити. Предности отварања надређене теме значи да не морате писати све ХТМЛ / ЦСС од нуле. Дете тема ће аутоматски користити датотеке предложака које укључите, као што је сидебар.пхп или фоотер.пхп. Али ако они недостају, онда ће ваша дечија тема повући исте датотеке из свог родитеља.

Ова функционалност нуди огромну количину слободе за прилагођавање већ постојећих предложака. Такође је одличан за додиривање области око вашег веб сајта за посебне догађаје, као што је додавање дизајнерских образаца за Божић или Нову годину.

Ваше потребне датотеке

Потребна вам је само једна .цсс стилесхеет за постављање подређене теме у ВордПресс-у. Такође морате да креирате нови директоријум у / вп-цонтент / тхемес фасцикла која ће садржати тему вашег дјетета. Обратите пажњу на вас нису креирање ове фасцикле у надређеној теми, али уз њу у истом директоријуму тема.

Програмери ће често укључити фунцтионс.пхп и сцреенсхот.пнг у исту фасциклу као и нова ЦСС датотека. Слика екрана је приказана у вашем ВордПресс админ панелу, а фајл теме може да се користи за тонске промене.

Али за сада треба да се фокусирамо на главни стил. Ово се обично назива стиле.цсс и укључује заглавље коментара са кључним мета информацијама. Ово је важно зато што ће ваша тема бити приказана као дете само ако укључите име директоријума родитеља. Испод је пример коментара заглавља:

 / * Тема Име: Твенти Елевен Цхилд Тхеме УРИ: хттп: //екампле.цом/ Опис: Дете тема за дизајн Двадесет једанаест Аутор: Јаке Роцхелеау Аутор УРИ: хттп: //ввв.хонгкиат.цом/блог/ Шаблон: твентиелевен Верзија: 0.1 * /

Вредност за темплате треба да буде име директоријума за пратећу родитељску тему. Осим тога, све остале ознаке би требале бити познате стандардним ВордПресс темама.

Иако ће се користити сви матични ПХП обрасци, оригинални парент.цсс ће бити не аутоматски увести. Ако желите да радите са оригиналним стиловима, морате га укључити на врх вашег стила. У наставку је приказан примјер, укључујући тему ВП Твенти Елевен.

 урл @импорт ("… / твентиелевен/стиле.цсс");

Подешавање нових стилова

Примена правила ЦСС-а на вашу тему је једноставна као и уређивање оригинала. Ако знате које елементе морате циљати, онда користите исте селекторе у вашој властитој теми.

Можемо демо са неким веома једноставним променама линкова и пасуса. Користио сам код из оригиналне двадесет једанаест тема за циљање различитих елемената. Понекад је потребно користити специфичнији селектор за надјачавање старијег дизајна.

 боди паддинг: 0 1.4ем;  #паге маргин: 1.667ем ауто; мак-видтх: 900пк;  а боја: # 5281дф; тект-децоратион: ноне; породица фонтова: Цалибри, Тахома, Ариал, санс-сериф;  а: фокус, а: активно, а: ховер тект-децоратион: ундерлине;

У овим промјенама сам смањио укупну величину тијела и уклонио неке падове са рубова. Сви ови селектори могу се наћи наведени у оригиналном .цсс документу. Значајно је да ја такође мењам неке особине за све анцхор линкове који укључују различите фонтове и избор боја.

Важне ствари

ЦСС има посебну декларацију за означавање приоритета изнад других стилова. Синтакса је приказана као !важно почевши са узвичником и завршавајући на крају ЦСС својства. Ово је неопходно ако имате каскадне стилове из надређене теме која надјачава сопствена прилагођена правила.

 а цолор: # 5281дф! тект-децоратион: ноне; породица фонтова: Цалибри, Тахома, Ариал, санс-сериф;

Изнад тога сам копирао своје оригиналне измене и уредио боју сидреног текста са важном клаузулом. Ово ће имати предност над свим осталим стиловима исте дубине селектора. Више дефинисаних елемената (као што су #аццесс ли: ховер> а) обично држе своје стилове осим ако цолор још увек је наслеђен од нашег оригиналног селектора. У овом случају наша надређена тема не поставља својство фонт-фамилије на сидрене везе, тако да се не наилазимо на проблеме са наслеђивањем.

Ако имате проблема са уносом измена, покушајте да убаците једну од ових важних ознака на крају ваше изјаве о својству. Ово није савршено решење за сваки проблем у наслеђивању, али је много корисније него што мислите.

Цлонинг фунцтионс.пхп

За разлику од главне стилске табеле, ваша дете ће аутоматски увести функције својих родитеља. То значи да не морате да копирате преко било ког ПХП кода да бисте још увек имали активан у вашој новој теми. Ипак, ако желите да поново дефинишете неке од функција можете да направите још једну фунцтионс.пхп и упишете свој нови код са свим променама.

Као пример сам направио функцију која парсира неколико ЈаваСцрипт фајлова када се шаблон иницира. Ово ће уклонити све старије верзије јКуери и СВФОбјецт скрипти, док ће истовремено додати најновије верзије вп_хеад подручју.

 // ред за јс фајлове за функцију учитавања митхеме_јс () иф (ис_админ ()) ретурн; вп_дерегистер_сцрипт ('јкуери'); вп_регистер_сцрипт ('јкуери', 'хттп://ајак.гооглеапис.цом/ајак/либс/јкуери/1.7.1/јкуери.мин.јс'); вп_енкуеуе_сцрипт ('јкуери'); вп_дерегистер_сцрипт ('свфобјецт'); вп_регистер_сцрипт ('свфобјецт', 'хттп://ајак.гооглеапис.цом/ајак/либс/свфобјецт/2.2/свфобјецт.јс'); вп_енкуеуе_сцрипт ('свфобјецт');  адд_ацтион ('инит', митхеме_јс);

Требало би да нагласим да ако увезете код из надређених фунцтионс.пхп онда ћете морати да користите друго име функције. У супротном, ПХП ће дати фаталну грешку и морат ћете ФТП-у на послужитељу поправити погрешку.

Рад са фајловима са темама

Најшире категорије категорија су израда прилагођених изгледа и врста страница. По подразумеваној вредности ваша деца ће наслеђивати све датотеке својих родитеља. Али имате опцију креирања нових датотека за дете и ВП ће их регистровати као 'примарни' предложак.

На пример арцхиве.пхп и индек.пхп користе се за приказ пост архива и екрана почетне странице, респективно. Ако желите да направите измене које захтевају уређивање ХТМЛ-а, онда бисте били сигурнији да клонирате родитељске датотеке и уређујете их у директоријуму теме детета.

Прилагођени предлошци страница

Док говоримо о фајловима предложака, желим да представим и део ВордПресс функционалности са којим многи нису упознати. Можете креирати предлошке за странице и постове који ће се моћи одабрати из административног панела приликом креирања новог садржаја. Чак и ако надређена тема нема нови фајл прилагођеног шаблона, ВордПресс ће и даље користити дете уместо а паге.пхп или сингле.пхп.

Прво креирајте нову датотеку под називом паге-оффер.пхп. Ово ће бити “посебна понуда” промотивну страницу која је другачије тематизована од свих осталих. Овде можете да копирате преко оригиналног кода странице или чак потпуно саградите тему од нуле. Једини код који је потребно да ВордПресс зна о овом новом предлошку је подешавање коментара у ПХП-у.

Друга алтернатива овом методу је креирање прилагођених страница именованих по јединственом ИД броју. Дакле, уместо учитавања подразумеваног арцхиве.пхп за странице аутора можете креирати датотеку као што је аутхор-ИД.пхп где је ИД корисников јединствени ВордПресс ИД број. Иако је овај систем више опорезујући јер би требало да креирате нову датотеку предлошка за сваког аутора на вашем сајту.

То постаје корисније ако комбинирате ове две технике са другим датотекама шаблона. Посебно категорије и ознаке добро функционишу користећи властите тематске датотеке. Такође, ако се повежете са прилозима у свом садржају онда ћете желети да размотрите различите могуће шаблоне за сваки миме тип. У наставку сам унела хијерархију шаблона за једноставан ЈПЕГ прилог слике:

имаге.пхп
јпег.пхп
имаге_јпег.пхп
аттацхмент.пхп

Хелпфул ВордПресс Тоолс

Сам ВордПресс има разноврсни систем додатака који може управљати мноштвом прилагођавања. Будући да су дјечје теме тако нове, нема цијелог издања трећих страна (још). Међутим, постоји неколико алата које можете провјерити како би ваше вријеме развоја било мало краће.

Очигледно помињање је плугин за теме са једним кликом, направљен и тестиран за најновију верзију ВордПресс 3.к. Он додаје мени мени у Админ “Теме” да бисте аутоматски изградили дете помоћу тренутно активне теме. Ово је фантастично ако не желите да се петљате са ФТП-ом и желите да се играте са неким новим идејама.

Ако планирате да уредите ове датотеке у оквиру административног панела, такође ћете уживати у јаснијем означавању синтаксе. Ово није понуђено у ВордПресс-у по подразумеваној вредности, али можете инсталирати Адванцед Цоде Едитор за неке много побољшане функционалности. Ово чини да се борећи преко ПХП блокова и ХТМЛ / ЦСС-а много лакше управљају.

Додатна средства

Уз све савјете у овом водичу желим подијелити низ важних линкова за програмере тема. Већ постоји много одличних чланака и бесплатних дечјих тема које можете проучити да бисте учили дубље у ову тему. У наставку сам додао дивну колекцију ових ресурса:

8 Фрее Твенти Елевен Тхемес
ВордПресс Онлине Цодек »Цхилд Тхемес
Како направити ВордПресс Цхилд тему помоћу кука и филтера
Неколико речи о темама детета
Како да креирате, мењате и користите Цхилд теме у ВордПресс-у

Закључак

Надам се да ће вам процес читања ВордПресс тема бити јаснији након читања овог чланка. Покушао сам да објасним како дјечје теме могу наслиједити и ЦСС и ПХП предлошке од родитеља. Поред тога, веома је једноставно манипулисати одређеним датотекама и креирати сопствене јединствене теме.