Suhtlemine WordPressi teema kohandajaga

  1. 1. Sissejuhatus WordPressi teema kohandajasse
  2. 2. Praegu loeb: Suhtlemine WordPressi teema kohandajaga
  3. 3. WordPressi teema kohandaja katlaplaat
  4. 4. WordPressi teema kohandaja boileri laiendamine
  5. 5. Teema kohandaja katlaplaat – tingimuslikud valikud, alamteemad ja pistikprogrammid

WordPressi teema kohandaja seeria 1. osas mainisin, et teema kohandajaga suhtlemiseks peate laadima $ wp_customize objekt, mis on WP_Customize_Manager klass. Selleks peate kasutama kohanda_registreerimine tegevuskonks:


add_action ('kohanda_registreerimine', 'minu_teema_kohanda_register');
funktsioon my_theme_customize_register ($ wp_customize) {

// Suheldes objektiga $ wp_customize

}

Saate selle koodi paigutada oma teema function.php või sinna lisatud faili.

Teema kohandaja elementide (jaotised, seaded ja juhtelemendid) lisamine või eemaldamine

Kui olete laadinud $ wp_customize objekti, mida saate kasutada mis tahes selle meetodi abil selles olevate sätete, juhtelementide ja lõikude lisamiseks, hankimiseks või eemaldamiseks (add_setting, get_setting, remove_setting, add_control … saate punkti).

Niisiis, kui soovite saada või eemalda sektsiooni, juhtelementi või seadistust, vajate vaid ID-d. See rida eemaldab jaotise Värvid (paigutage see funktsiooni my_theme_customize_register funktsiooni esimesest koodilõigust):

$ wp_customize-> remove_section ('värvid');

Jao, juhtelementide või sätete lisamine on pisut erinev, kuna see nõuab veel mõnda parameetrit. Ma ei käi neid kõiki siin läbi kahel põhjusel:

  1. See pole tegelikult selle sarja eesmärk, loome teema kohandaja katlaplaadi, mille saate selle asemel lihtsalt oma teema sisse viia
  2. Alex Mansfield hõlmas seda juba oma 6000 sõnaga koletis a Teema Kohandaja õpetus mida iga WordPressi teema arendaja peab lugema ja seejärel piiksuma (tõsiselt, kui te seda veel teinud pole, minge lugege seda kohe).

Vaatame siiski seda, kuidas saate lisada uue sätte jaotises Teema kohandaja omaenda sätted juhtnupuga ja ka mõned argumendid. Kuna tõeliste näidetega on palju lihtsam töötada, toimime järgmiselt.

  • Uus jaotis sildiga “Paigutus”
  • Uus seade, mis salvestab teie teema paigutuse
  • Uus kahe juhtimisvõimalusega raadiojuhtimispult – vasakul külgriba ja paremal külgriba

Esimene teema, mida teema kohandajale lisada, on jaotis „Paigutus”:

$ wp_customize-> add_section (
// ID
'paigutuse_sektsioon',
// Argumentide massiiv
massiiv (
'pealkiri' => __ ('Paigutus', 'my_theme'),
'võimekus' => 'edit_theme_options',
'description' => __ ('Võimaldab muuta teema kujundust.', 'my_theme')
)
);

Ärge proovige seda veel kohandajas näha, jaotist näidatakse ainult siis, kui sellele on lisatud seade ja juhtelemendid. Lisagem mõlemad:

$ wp_customize-> add_setting (
// ID
'my_theme_settings [layout_setting]',
// Argumentide massiiv
massiiv (
'vaikimisi' => 'parem külgriba',
'type' => 'variant'
)
);
$ wp_customize-> add_control (
// ID
'paigutuse_kontroll',
// Argumentide massiiv
massiiv (
'tüüp' => 'raadio',
'label' => __ ('Teema paigutus', 'my_theme'),
'section' => 'layout_section',
'valikud' => massiiv (
'vasak külgriba' => __ ('Vasak külgriba', 'my_theme'),
'parem külgriba' => __ ('parem külgriba', 'my_theme')
),
// Viimane peab ülalt ülalt vastama seadistuse ID-le
'settings' => 'my_theme_settings [layout_setting]'
)
);

Kui eeldate, et lugesite Alexi õppematerjale ja / või Codexi lehti, on add_setting argumentide massiivis ainult üks parameeter – tüüp -, millele tahaksin keskenduda. Teil on siin kaks võimalust, „variant” ja „teema_mod”, ja saate need alla laadida kasutades get_option ja get_theme_mod, vastavalt. Ma kasutan alati suvandit lihtsalt sellepärast, et see võimaldab teil seada oma teema sätete väärtused, andes neile ID-sid my_theme_settings [seade_1], my_theme_settings [seade_2] Nii salvestatakse kõik väärtused teie andmebaasi wp_options ühe andmebaasi kirjena.

Ja lõpuks, pärast nende kahe koodilõigu lisamist, et funktsioneerida, olete sisse logitud kohanda_registreerimine tegevuskonks (esimene koodijupp selles postituses), teema kohandaja on kohandatud:

Uus jaotis lisati teema kohandajasse

Uus jaotis lisati teema kohandajasse

Teema kohandaja sätete väärtuste kasutamine oma teemas

Pärast seda, kui olete kasutajatele andnud võimaluse seda seadet salvestada, saate selle väärtuse haarata ja selle külge haarata keha_klass filtreerige konks ja lisage see olemasolevate korpuste klassidesse:

add_filter ('body_class', 'my_theme_body_classes');
funktsioon my_theme_body_classes ($ klassid) {

/ *
* Kuna me kasutasime lisavarustuse argumentide massiivis suvandit „variant”
* selle väärtuse saame funktsiooni get_option abil
* /
$ my_theme_settings = get_option ('my_theme_settings');

$ class [] = $ my_theme_settings ['layout_setting'];

tagastama $ klassid;

}

See lisab teie teema kehaklasside massiivi kas vasakpoolse või parempoolse külgriba. Kui kasutate neid kahte klassi oma faili style.css failis, saate luua kaks erinevat paigutust. Näiteks:

/ * Parempoolne külgriba on vaikimisi paigutus * /
#sisu {
ujuk: vasak;
laius: 60%;
}
# külgriba {
ujuk: paremal;
laius: 30%;
}

/ * Vasaku külgriba klassi kasutamine vaikimisi paigutuse alistamiseks * /
.vasak külgriba # sisu {
ujuk: paremal;
}
.vasak külgriba # külgriba {
ujuk: vasak;
}

Mis kõige parem, tänu WordPressi teemakohandajale saavad kasutajad enne mis tahes salvestamist eelistada mõlemat paigutust. Võtke see teema seadete lehed!

Kokkuvõte ja täiendav lugemine

Selle postituse TL; DR-versioon läheks umbes nii: Võite saada objekti $ wp_customize ja seejärel midagi sinna lisada (osa, säte või juhtelement) või sealt eemaldada. Kõik muu taandub seadete parameetritele.

Kolmas osa on see seeria, kus see sari muutub huvitavaks, kuna hakkame kogu protsessi automatiseerima ja töötame teema Kohandaja boileriplaadil, mille saate oma teema sisse lülitada ja kohe kasutama hakata. Olge kursis!

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