Како креирати прилагођени ВордПресс виџет

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


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

У овом чланку ћемо вам показати како да креирате прилагођени видгет за ВордПресс, корак по корак.

Израда прилагођеног видгет-а за ВордПресс

Белешка: Овај туториал је намењен ДИИ ВордПресс корисницима који уче о развоју и кодирању ВордПресс-а.

Шта је ВордПресс додатак?

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

Замислите их као модуле који можете користити за додавање различитих елемената помоћу једноставног сучеља за превлачење и испуштање.

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

Додавање виџета у ВордПресс

ВордПресс такође омогућава програмерима да креирају сопствене прилагођене виџете.

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

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

Након тога, погледајмо како лако креирати сопствене прилагођене видгете у ВордПресс-у.

Видео Туториал

Претплатите се на ВПБегиннер

Ако више волите писмена упутства, наставите да читате.

Креирање прилагођеног виџета у ВордПресс-у

Ако учите кодирање ВордПресс-а, тада ће вам требати локално развојно окружење. Можете да инсталирате ВордПресс на рачунар (Мац или Виндовс).

Постоји неколико начина за додавање прилагођеног кода видгета у ВордПресс.

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

Можете и да залепите код у датотеку фунцтион.пхп теме. Међутим, она ће бити доступна само када је та одређена тема активна.

Још један алат који можете користити је додатак Цоде Сниппетс који вам омогућава да лако додате прилагођени код на своју ВордПресс веб локацију.

У овом туториалу направићемо једноставан виџет који само поздравља посетиоце. Циљ је овде да се упознате са класом видгет-а за ВордПресс.

Хајде да почнемо.

Креирање основног ВордПресс виџета

ВордПресс долази са уграђеном класом ВордПресс Видгет-а. Свака нова ВордПресс виџетка проширује ВордПресс класу видгета.

У приручнику за ВордПресс програмере наведено је 18 метода које се могу користити са ВП Видгет класом.

Међутим, ради овог водича, фокусираћемо се на следеће методе.

  • __цонструцт (): Ово је део у којем креирамо ИД, наслов и опис видгета.
  • виџет: Овде дефинишемо излаз генерисан у видгет-у.
  • форм: Овај део кода је место где креирамо образац са опцијама виџета за позадину.
  • упдате: Ово је део где у базу података чувамо опције виџета.

Проучимо следећи код где смо користили ове четири методе унутар класе ВП_Видгет.

// Израда виџета
класа впб_видгет проширује ВП_Видгет {

// Конструкцијски део
функција __цонструцт () {

}

// Израда предњег дела виџета
виџет јавне функције ($ аргс, $ инстанце) {

}

// Израда резервног виџета
образац јавне функције ($ инстанца) {

}

// Ажурирање видгета и замјена старих инстанци новим
ажурирање јавних функција ($ нев_инстанце, $ олд_инстанце) {

}

// Ту се завршава класа впб_видгет
}

Завршни део кода је где ћемо стварно регистровати видгет и учитати га у ВордПресс.

функција впб_лоад_видгет () {
регистер_видгет (‘впб_видгет’);
}
додавање (‘видгетс_инит’, ‘впб_лоад_видгет’);

Сада ћемо све то саставити заједно да направимо основни ВордПресс виџет.

Следећи код можете да копирате и залепите у датотеку свог прилагођеног додатка или теме фунцтион.пхп.

// Израда виџета
класа впб_видгет проширује ВП_Видгет {

функција __цонструцт () {
парент :: __ конструкт (

// Основни ИД вашег виџета
‘впб_видгет’,

// Име виџета ће се појавити у корисничком сучељу
__ (‘ВПБегиннер додатак’, ‘впб_видгет_домаин’),

// Опис видгета
арраи (‘опис’ =)> __ (‘Пример узорка на основу ВПБегиннер Туториал’, ‘впб_видгет_домаин’),)
);
}

// Израда предњег дела виџета

виџет јавне функције ($ аргс, $ инстанце) {
$ титле = аппли_филтерс (‘видгет_титле’, $ инстанце [‘титле’]);

// пре и после аргумената видгета су дефинисане темама
ецхо $ аргс [‘бефоре_видгет’];
иф (! празно ($ титле))
ецхо $ аргс [‘пре_титле’]. $ титле. $ аргс [‘афтер_титле’];

// Овде покрећете код и приказујете излаз
ецхо __ (‘Здраво, свет!’, ‘впб_видгет_домаин’);
ецхо $ аргс [‘афтер_видгет’];
}

// Видгет Бацкенд
образац јавне функције ($ инстанца) {
иф (иссет ($ инстанце [‘титле’])) {
$ титле = $ инстанце [‘титле’];
}
елсе {
$ титле = __ (‘Нови наслов’, ‘впб_видгет_домаин’);
}
// Администратор форме Видгет
?>

<?пхп _е (‘Наслов:’); ?>

<?пхп
}

// Ажурирање видгета и замјена старих инстанци новим
ажурирање јавних функција ($ нев_инстанце, $ олд_инстанце) {
$ инстанце = арраи ();
$ инстанце [‘титле’] = (! празно ($ нев_инстанце [‘титле’]))? стрип_тагс ($ нев_инстанце [‘титле’]): ”;
ретурн $ инстанце;
}

// Ту се завршава класа впб_видгет
}

// Региструјте и учитајте виџет
функција впб_лоад_видгет () {
регистер_видгет (‘впб_видгет’);
}
додавање (‘видгетс_инит’, ‘впб_лоад_видгет’);

Након додавања кода којем требате приступити Изглед »Додаци страна. Нови ВПБегиннер додатак приметићете на листи доступних виџета. Овај виџет морате да превучете на бочну траку.

Демо виџет

Овај виџет има само једно поље обрасца које можете попунити, можете додати свој текст и кликнути на дугме Сачувај да бисте спремили своје измене.

Сада можете посетити вашу веб страницу да бисте је видели у акцији.

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

Хајде да поново проучимо код.

Прво смо регистровали ‘впб_видгет’ и учитали наш прилагођени виџет. Након тога дефинисали смо шта тај видгет ради и како приказати видгет бацк-енд.

На крају, дефинисали смо како да поступимо са променама на видгет-у.

Сада постоји неколико ствари које бисте можда желели да питате. На пример, која је сврха впб_тект_домаин?

ВордПресс користи геттект за обраду превођења и локализације. Овај впб_тект_домаин и __е говори геттект-у да би низ постао доступан за превод. Погледајте како можете пронаћи ВордПресс теме спремне за превод.

Ако правите прилагођени виџет за своју тему, можете да замените впб_тект_домаин текстуалном доменом теме.

Надамо се да вам је овај чланак помогао да научите како да једноставно креирате прилагођени видгет за ВордПресс. Такође бисте желели да видите нашу листу најкориснијих ВордПресс виџета за своју веб локацију.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map