Како створити сопствене основне Вордпресс видгете

Реклама

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

Ове недеље бих желео да покажем како то точно учинити, а виџет о коме ћемо писати је једноставан који из вашег случајног случаја одабере један случајни пост сајту, извлачи истакнуту слику и приказује је на бочној траци - визуелни видгет „провери ово“ који ће помоћи корисницима да пронађу више садржаја на вашем сајт.

Ово је такође продужетак наставка серије у којем вам показујем како је лако прилагодите свој ВордПресс предложак 2 нова нова Вордпресс додатка и разумевање структуре Вордпресс темеОве недеље размотрит ћу супериорну алтернативу често хваљеном Алл-Ин-Оне СЕО; додатак који вам даје снагу Вордпресс система за објављивање али вам омогућава излаз ... Опширније .

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

Кључни појмови: ВордПресс упити и петља

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

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

Да бисмо направили наш прилагођени виџет, једноставно ћемо морати да направимо додатни упит који узима Кс број насумичних постова плус њихове слике и приказује их на неки начин на бочној траци. Већ сам вам показао прошле недеље код зграбите представљену слику Подесите свој блог помоћу ВордПресс-а: Тхе Ултимате ГуидеЖелите да покренете сопствени блог, али не знате како? Погледајте ВордПресс, најмоћнију платформу за блогирање која је данас доступна. Опширније , тако да заиста само морамо знати како направити нови ВордПресс виџет и поставити га на бочну траку.

Основни код видгета

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

Налепите следеће у датотеку и сачувајте. Слободно промените одељак на врху са мојим именом у њему, али још увек не прилагођавајте остатак кода. Ово је у основи костур празан виџет и можете видети где пише // КОД ВИДГЕТ ОВА ЈЕ ОВДЕ ту ћемо накнадно додати своју функционалност.

пхп. /* Име додатка: Рандом Пост Видгет. УРИ додатка: http://jamesbruce.me/ Опис: Рандом Пост Видгет хвата случајни пост и придружену сличицу за приказ на вашој бочној траци. Аутор: Јамес Бруце. Верзија: 1. УРИ аутора: http://jamesbruce.me/ * / класа РандомПостВидгет проширује ВП_Видгет. {функција РандомПостВидгет () {$ видгет_опс = арраи ('цласснаме' => 'РандомПостВидгет', 'десцриптион' => 'Приказује случајни пост са сличицом'); $ тхис-> ВП_Видгет ('РандомПостВидгет', 'Случајна пошта и умањена сличица', $ видгет_опс); } образац функције ($ инстанце) {$ инстанце = вп_парсе_аргс ((низ) $ инстанце, арраи ('титле' => ''); $ титле = $ инстанце ['титле'];
Назив: 
пхп} ажурирање функција ($ нев_инстанца, $ олд_инстанца) {$ инстанце = $ олд_инстанца; $ инстанце ['титле'] = $ нев_инстанце ['титле']; ретурн $ инстанце; } функцијски видгет ($ аргс, $ инстанце) {екстракт ($ аргс, ЕКСТР_СКИП); ецхо $ бефоре_видгет; $ титле = празно ($ инстанце ['титле'])? '': аппли_филтерс ('видгет_титле', $ инстанце ['титле']); иф (! празно ($ титле)) одјекује $ бефоре_титле. $ титле. $ афтер_титле;; // ВИДГЕТ ЦОДЕ ХЕРЕ ХЕРЕ ецхо " Ово је мој нови виџет! х1>"; ецхо $ афтер_видгет; } } додавање ('видгетс_инит', цреате_фунцтион ('', 'ретурн регистер_видгет ("РандомПостВидгет");'));

Као што је то, додатак не ради много осим што штампа велики наслов са речима „Ово је мој нови виџет!“.

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

Нови упит и петља

Да бисте упутили нови упит у своју базу података блога, требате да употребите куери_постс () функционишу заједно са неколико параметара, а затим прођите кроз излаз користећи петљу. Покушајмо ово - врло основни упит и петља за демонстрирање. Замените линију кода која каже:

са следећим:

// КОД ВИДГЕТ ОВА ЈЕ ОВДЕ. куери_постс (''); иф (хаве_постс ()): вхиле (хаве_постс ()): тхе_пост (); Наслов(); крајњи; ендиф; вп_ресет_куери (); 

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

То можемо учинити мало бољим одмах додавањем неке форматирања ХТМЛ-а на излаз са ОДЈЕК команду и креирање везе до поста користећи гет_тхе_пермалинк () функција:

 куери_постс (''); иф (хаве_постс ()): одјек "

• “; вхиле (хаве_постс ()): тхе_пост (); одјек "
  • „.Гет_тхе_титле ().“

“; крајњи; одјек "

“; ендиф; вп_ресет_куери ();

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

 куери_постс ('постс_пер_паге = 1 & ордерби = ранд'); 

Наравно, можете је променити у било који број постова - у ствари, постоји читав низ додатних битова које можете пренијети у упит да бисмо ограничили, проширили или променили редослед резултата, али за сада се држимо тога. Ако освежите, требали бисте видети само један пост који је насумичан сваки пут када освежите.

Сада за представљену сличицу. Замените код са овим, надамо се да ћете видети где хватамо сличицу и приказујемо је:

куери_постс ('постс_пер_паге = 1 & ордерби = ранд'); иф (хаве_постс ()): одјек "

• “; вхиле (хаве_постс ()): тхе_пост (); одјек "
  • „.Гет_тхе_титле (); ецхо тхе_пост_тхумбнаил (низ (220,200)); одјек "

“; крајњи; одјек "

“; ендиф; вп_ресет_куери ();

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

Закључак:

Видите како је лако направити свој прилагођени виџет који може радити управо оно што желите? Чак и ако не разумете 90% кода који сам вам данас показао, и даље бисте требали бити у могућности да га прилагођавате само променом променљивих или истицањем другог ХТМЛ-а. Данас смо написали читав виџет, али бисте лако могли да користите само нови упит и код петље на било којем од ваших предложака странице.