Почетак рада са ВордПресс темама за децу

Чланак написао:
  • WordPress
  • Ажурирано: Јул КСНУМКС, КСНУМКС

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

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

Измена изгледа без модификовања тема тема

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

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

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

Помери нам руке

Дакле, први корак је креирање новог директоријума тема за децу под вашом / вп-цонтент / тхемес / фолдером. Назовимо га "Двадесет деца", а креирамо основну датотеку стилес.цсс:

/ * Име теме: Твенти Цхилд Тхеме УРИ: хттп://ввв.вебревенуе.цо Опис: Учити теме детета одмах Аутор: Роцхестер Оливеира Аутор УРИ: хттп://ввв.вебревенуе.цо/аутхор/роцхестер/ Шаблон: твентитвелве * / / * Позивање главне теме ЦСС датотеке * / @импорт ("../ твентитвелве / стиле.цсс"); / * Додајте било шта што желите испод * /

Параметри су (између осталих опционих параметара изостављени):

  • Име теме: Име које ћете видети под екраном за одабир тема
  • Тема УРИ: Веза која ће бити приказана тамо
  • Опис: Кратак опис, па ћете запамтити о чему се ради
  • Аутор: Ко је створио дјечју тему
  • УРИ аутор: Ако желите да се повежете са ауторским сајтом
  • Шаблон: Главни фолдер тема (ако желите да користите другу тему као главну, само замените овај параметар)

Једном када додате овај код, видећете Дечју тему под ВП админом> Изглед> Теме. Сада можете да је изаберете и све извршене измене ће се видети на вашој веб локацији.

Тема детета за децу КСНУМКС

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

#КСНУМКС Инсталирајте Фиребуг

Многи људи само воле Цхроме и Сафари (исто тако ја!), Али за мене ФиреФок је много бољи за развој. Дакле, ако желите да га користите, препоручујем вам да инсталирате и фиребуг, што је одличан алат за разумевање свих селектора који су активни у тренутном елементу.

Када га инсталирамо, можете притиснути ФКСНУМКС или десни клик негде на страници и изаберите "Инспецт Елемент". Видећете нови прозор са тренутним ХТМЛ и ЦСС (и много других табова које су корисне, можда ћемо касније моћи да разговарамо о њима).

У пољу ЦСС видећете од врха до дна сва ЦСС правила која се примењују на тренутни елемент, а више "специфично" правило на врху. То је супер, али да видимо шта можете да урадите са овим информацијама

#КСНУМКС Размотрите специфичност ЦСС (или тежину селектора)

Свако ЦСС правило има свој селектор, својства и вриједности. Али када претраживач пронађе КСНУМКС или више правила која ће утицати на исти елемент, мора одабрати који је један од њих прикладнији. Обично имамо ово "правило" да разумемо шта ће се разматрати:

  • ! важна декларација ће преписати било шта друго
  • Инлине ЦСС ће преписати било шта осим! важна правила
  • ИД-ове (#хеадер, #фоотер, # контејнер ...) вреде КСНУМКС бодова
  • Класе (.маин, .нав, .бок) вреде КСНУМКС бодова
  • Ознаке (тело, див, п, а) вредне КСНУМКС тачке
  • Универзални селектор и псеудо класе (*,: ховер,: афтер) вреди КСНУМКС, али ће се применити ако постоји "кравата"

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

.сите-хеадер {паддинг: КСНУМКСем КСНУМКС; } чланак, по страни, детаљи, фигцаптион, слика, фоотер, хеадер, хгроуп, нав, сецтион {дисплаи: блоцк; }

Први селектор има КСНУМКС бодове (будући да је класа), а други има КСНУМКС тачку (од којих се комади једноставно одвајају различити селектори), па се зато појављује на врху. Ако сте имали нешто попут #хеадер див-а, тај бирач је свакако био први који ће се појавити.

Зашто је то тако важно?

Зато што је за уређивање главне теме без уређивања ЦСС датотека потребно је да Увек користите правила која имају више бодова од правила дефинисаних у главној теми. И можете бити паметни и користити једноставан код. На пример, да бисте преписали ову особину:

.сите-хеадер {паддинг: КСНУМКСем КСНУМКС; }

То можете додати у својој ЦСС теми детета, али не бисте требали:

.сите-хеадер {паддинг КСНУМКСпк КСНУМКС! важно; }

Пошто је ово лош код, и то је теже поново преписати ако је потребно да то промените на једној страници, на пример. Тако бисте могли једноставно користити ово:

боди .сите-хеадер {паддинг: КСНУМКСпк КСНУМКС; }

Овај селектор има КСНУМКС бодове, што је веће од оригиналне КСНУМКС-а и тако ће се овај код примијенити.

#КСНУМКС Добро искористите функције

Дечија функција функција.пхп је једина датотека која ће се учитати У ДОДАТНО у оригиналну датотеку. То је паметно решење које је урадио ВП тим, тако да можете задржати оригиналне функције и додати своје властите функције. Ухвати се, функције за дијете ће се прво учитати и развијач тема МОРАЈУ урадити нешто овако како би избјегли конфликт приликом проглашења функција:

ако (! фунцтион_екистс ('топ_мену')) {функција топ_мену () {// цоол цоде хере} адд_ацтион ('вп_хеад', 'топ_мену'); }

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

#КСНУМКС Сазнајте неколико ЦСС особина

Да ли сте знали да можете сакрити и додавати ствари користећи ЦСС? Морате да инсталирате фиребуг да бисте пронашли прави селектор, али можете сакрити ставку додавањем овог кода:

тело {дисплаи: ноне}

Додавање је компликованије, пошто можете додати само мале текстове, ако желите текст "Он Сале!" Након цјеновника, на примјер можете користити овај код:

.прице дел: после {цолор: ред; садржај: "На продају!"; }

Шта ви мислите?

Шта мислите о овом водичу? Да ли сматрате да користите теме за децу? Да ли га већ користите? Дозволите нам да користите одељак коментара испод!

О Роцхестеру Оливеири

Ја сам веб дизајнер и предузетник из Итајуба (МГ), Бразил. Волим да пишем о нејасним темама и радим неке цоол ствари.