Kako ustvariti pripomoček WordPress po meri

Ali želite ustvariti svoje pripomočke po meri v WordPressu? S pripomočki lahko dodate vsebine brez vsebine v stransko vrstico ali katero koli območje, ki je na spletnem mestu pripravljeno za gradnike.


S pomočjo pripomočkov lahko na svoje spletno mesto dodate pasice, oglase, forme za prijavo na glasilo in druge elemente.

V tem članku vam bomo pokazali, kako lahko korak za korakom ustvarite pripomoček WordPress po meri.

Ustvarjanje pripomočka po meri za WordPress

Opomba: Ta vadnica je namenjena vsem uporabnikom, ki se učijo razvoja in kodiranja WordPress-a.

Kaj je WordPress Widget?

WordPress pripomočki vsebujejo koščke kode, ki jih lahko dodate na stranske vrstice ali področja, pripravljena na gradnike.

Zamislite jih kot module, ki jih lahko dodate različne elemente s preprostim vmesnikom povleci in spusti.

WordPress privzeto vsebuje standarden nabor pripomočkov, ki jih lahko uporabljate s katero koli temo WordPressa. Oglejte si navodila za začetnike o dodajanju in uporabi gradnikov v WordPressu.

Dodajanje pripomočkov v WordPress

WordPress razvijalcem omogoča tudi ustvarjanje lastnih pripomočkov po meri.

Številne vrhunske WordPress teme in vtičniki so opremljeni s svojimi pripomočki po meri, ki jih lahko dodate na stranske vrstice.

Na primer lahko na stransko vrstico dodate kontaktni obrazec, obrazec za prijavo po meri ali fotogalerijo, ne da bi napisali kodo.

Po tem si poglejmo, kako preprosto ustvariti svoje pripomočke po meri v WordPressu.

Video vadnica

Naročite se na WPBeginner

Če imate raje pisna navodila, prosim, nadaljujte z branjem.

Ustvarjanje pripomočka po meri v WordPressu

Če se učite kodiranja WordPressa, boste potrebovali lokalno razvojno okolje. V računalnik lahko namestite WordPress (Mac ali Windows).

Obstaja več načinov za dodajanje kode pripomočka po meri v WordPress.

V idealnem primeru lahko ustvarite vtičnik za spletno mesto in vanj prilepite kodo pripomočka.

Kodo lahko prilepite tudi v datoteko function.php teme. Vendar bo na voljo le, če je aktivna določena tema.

Drugo orodje, ki ga lahko uporabite, je vtičnik Code Snippets, ki vam omogoča enostavno dodajanje kode po meri na vaše WordPress spletno mesto.

V tej vadnici bomo ustvarili preprost pripomoček, ki samo pozdravlja obiskovalce. Tukaj je cilj seznaniti se s programom WordPress widget.

Začnimo.

Ustvarjanje osnovnega gradnika WordPress

WordPress ima vgrajen razred WordPress Widget. Vsak nov WordPress pripomoček razširja razred gradnikov WordPress.

V priročniku za razvijalce WordPress je omenjenih 18 načinov, ki jih je mogoče uporabiti pri razredu WP Widget.

Vendar se bomo zaradi te vaje osredotočili na naslednje metode.

  • __construct (): To je del, v katerem ustvarimo ID, naslov in opis gradnika.
  • widget: Tu definiramo izhod, ki ga ustvari gradnik.
  • obrazec: Ta del kode ustvarjamo obrazec z možnostmi gradnikov za zaledje.
  • posodobitev: To je del, kamor shranimo možnosti gradnikov v bazo podatkov.

Preučimo naslednjo kodo, kjer smo uporabili te štiri metode znotraj razreda WP_Widget.

// Ustvarjanje pripomočka
razred wpb_widget razširja WP_Widget {

// Konstrukcijski del
funkcija __construct () {

}

// Ustvarjanje pripomočka spredaj
widget za javno funkcijo ($ args, $ instance) {

}

// Ustvarjanje pripomočka Backend
obrazec javne funkcije ($ primerek) {

}

// Posodobitev pripomočka, ki nadomešča stare primerke z novimi
posodobitev javne funkcije ($ new_instance, $ old_instance) {

}

// Tu se konča razred wpb_widget
}

Končni del kode je, kje bomo dejansko registrirali gradnik in ga naložili v WordPress.

funkcija wpb_load_widget () {
register_widget (‘wpb_widget’);
}
dodajanje (‘widgets_init’, ‘wpb_load_widget’);

Zdaj pa vse to sestavimo skupaj, da ustvarimo osnovni pripomoček WordPress.

To kodo lahko kopirate in prilepite v datoteko vtičnika po meri ali teme funkcije.php teme.

// Ustvarjanje pripomočka
razred wpb_widget razširja WP_Widget {

funkcija __construct () {
nadrejeni :: __ konstruct (

// Osnovni ID vašega pripomočka
‘wpb_widget’,

// Ime gradnika se bo prikazalo v uporabniškem vmesniku
__ (‘WPBeginner widget’, ‘wpb_widget_domain’),

// Opis gradnika
array (‘opis’ =)> __ („Vzorec pripomočka na podlagi WPBeginner Tutorial“, „wpb_widget_domain“),)
);
}

// Ustvarjanje pripomočka spredaj

widget za javno funkcijo ($ args, $ instance) {
$ title = apply_filters (‘widget_title’, $ instance [‘title’]);

// pred in po argumentih pripomočkov so določene teme
echo $ args [‘before_widget’];
if (! prazno ($ title))
echo $ args [‘pred_title’]. $ naslov. $ args [‘after_title’];

// Tukaj zaženete kodo in prikažete izhod
echo __ (‘Pozdravljeni, svet!’, ‘wpb_widget_domain’);
echo $ args [‘after_widget’];
}

// Pripomoček za gradnike
obrazec javne funkcije ($ primerek) {
if (isset ($ instance [‘title’])) {
$ title = $ instance [‘title’];
}
drugače {
$ title = __ (‘Nov naslov’, ‘wpb_widget_domain’);
}
// Administrator obrazec za gradnike
?>

<?php _e (‘Naslov:’); ?>

<?php
}

// Posodobitev pripomočka, ki nadomešča stare primerke z novimi
posodobitev javne funkcije ($ new_instance, $ old_instance) {
$ instance = array ();
$ instance [‘title’] = (! prazno ($ new_instance [‘title’]))? strip_tags ($ new_instance [‘naslov’]): ”;
vrniti primerek $;
}

// Tu se konča razred wpb_widget
}

// Registrirajte in naložite gradnik
funkcija wpb_load_widget () {
register_widget (‘wpb_widget’);
}
dodajanje (‘widgets_init’, ‘wpb_load_widget’);

Ko dodate kodo, na katero morate stopiti Videz »gradniki stran. Novo Widget WPBeginner boste opazili na seznamu razpoložljivih pripomočkov. Ta pripomoček morate povleči in spustiti na stransko vrstico.

Demo pripomoček

Ta pripomoček ima samo eno polje obrazca, ki ga lahko izpolnite, lahko dodate besedilo in za shranjevanje sprememb kliknite gumb Shrani.

Zdaj lahko obiščete vaše spletno mesto in si ogledate akcijo.

Predogled vašega pripomočka po meri

Zdaj preučimo kodo še enkrat.

Najprej smo registrirali ‘wpb_widget’ in naložili naš widget po meri. Po tem smo opredelili, kaj ta pripomoček počne, in kako prikazovati pripomoček.

Nazadnje smo določili, kako ravnati s spremembami v pripomočku.

Zdaj je nekaj stvari, ki jih boste morda želeli vprašati. Na primer, kaj je namen wpb_text_domain?

WordPress uporablja gettext za prevajanje in lokalizacijo. Ta wpb_text_domain in __e pove gettext-u, da omogoči niz na voljo za prevod. Oglejte si, kako lahko najdete teme, pripravljene za prevod.

Če ustvarjate pripomoček po meri za svojo temo, lahko wpb_text_domain zamenjate z besedilno domeno teme..

Upamo, da vam je ta članek pomagal naučiti, kako preprosto ustvariti pripomoček po meri WordPress. Mogoče bi radi videli tudi naš seznam najbolj uporabnih pripomočkov WordPress za vaše spletno mesto.

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