Oma WordPressi teema kohandamise leht. WordPressi teema installimine ja kohandamine. Teema loomise standardid

Sellest artiklist saate teada, kuidas lisada teemale sisseehitatud seadeid kasutades WordPressi funktsioonid, nimelt teemakohandaja. Võimas tööriist, mis on WP-tuuma sisse ehitatud, teemade kohandamiseks.

Eessõna

Lõpetasin hiljuti ühe kliendi jaoks maketi tegemise ja tekkis vajadus see WP-le installida. Kulutatud eeltööd, tegi selle teema jaoks põhiskeleti ja otsustas seda katsetada kohalik server. Ja siis märkasin administraatori menüüs "Kohanda" huvitavat üksust. Jah, ma märkasin seda punkti varem ja isegi nägin, kuidas seda muudes teemades kasutati, aga ise olin selle suhtes skeptiline. Siis aga hiilis sisse mõte seadistused natiivseks teha, st. WordPressi tuuma sisseehitatud pole nii halb mõte. Ja siis hakkasin ma probleemist aru saama.

Tegelikult kirjeldati artiklis kõike, mida sellel teemal õppisin. Kui kellelgi on huvi kohe lugeda plusse/miinuseid ja minu arvamust, siis minge artikli lõppu või.

Tegevus!

Seega, kui teil pole teema aktiveerimisel menüüelementi „Välimus – kohandamine”, peate selle lisama. Seda tehakse järgmiselt:

Selleks loo ja ava teemajuures fail functions.php ning lisa sinna järgmine kood:

Add_action("admin_menu", function())( add_theme_page("Customize", "Customize", "edit_theme_options", "customize.php"); ));

Tähtis! Kogu kood peab olema vahemikus . See näitab serverile, et töötame PHP-ga.

Loo jaotis

Nüüd peame lisama oma seaded. Seda tehakse 2 käiguga. Pingutasime oma aju. Olgem hõivatud: lisage seadete jaotis.

Lisame varem loodud funktsioonide.php failile järgmise koodi:

Add_action("customize_register", function($customizer)( $customizer->add_section("example_section_one", array("title" => "Minu seaded", "description" => "Näidisjaotis", "prioriteet" => 11 ,));

Tegime konksu ja kinnitasime sellele funktsiooni. Meetod add_section() lisab lihtsalt seadete jaotise. See võtab 2 parameetrit:

$args – argumentide massiiv

pealkiri – kuidas jaotist nimetatakse

kirjeldus – jaotise kirjeldus (valikuline)

Seade lisamine jaotisele

Lisamine toimub kahes etapis. Esiteks loome sätted ise ja seejärel juhtelemendi, et see jaotises kuvada.

Seadete lisamiseks kirjutage alljärgnev kood faili functions.php kohe pärast add_section() meetodit, kuid customize_register konksu sisse:

$customizer->add_setting("example_textbox", array("default" => "Saidi sait"));

Meetod add_setting() võtab kaks parameetrit:

$id – kordumatu identifikaator

$args – argumentide massiiv

Massiivis $args võib olla mitu positsiooni, nimelt:

default – vaikeseade väärtus

tüüp — seadistuse tüüp

võime – selle parameetri muutmiseks vajalikud kasutajaõigused. Need. erinevad parameetrid saab näha erinevad rühmad kasutajad. Lahe! (ei ole vajalik)

theme_supports – näitab, et praegune teema peab toetama parameetris kirjeldatud funktsiooni (valikuline)

transport – kuidas sätte muudatust eelvaateaknas kuvatakse. Lehe värskendamine või AJAX. Vaikimisi värskendatakse lehte iga kord, kui seadet värskendatakse, kuid kui olete huvitatud, võin teile öelda, kuidas seda AJAX-is rakendada, ilma lehte uuesti laadimata. Kirjutage oma soovid kommentaaridesse.

sanitize_callback – andmebaasi sisendandmete filtreerimise funktsiooni nimi

sanitize_js_callback – andmebaasi väljundandmete filtreerimise funktsiooni nimi

Nüüd lisame seadetele juhtelemendi. Lisame alloleva koodi:

$customizer->add_control("example_textbox", array("label" => " Teksti seaded", "section" => "example_section_one", "type" => "text"));

Nüüd näeme oma seadistust.

// pilt

Meetod add_control() võtab kaks parameetrit:

$id – kordumatu identifikaator

$args – argumentide massiiv

Massiivis $args võib olla mitu positsiooni, nimelt:

silt — seadistuse nimi

kirjeldus - kirjeldus

sektsioon – jaotis, kuhu paigutatakse juhtnupp ja sätted

tüüp – juhtelemendi tüüp (vaikimisi: tekst)

valikud – märkeruutudega tüübi jaoks määratleb väärtuste loendi, mille hulgast valida

prioriteet – milline sektsioon asub või selle prioriteet (vaikimisi 10)

Kuid me ei kuvanud teemas seadet. Asume asja juurde.

Teema sätete kuvamine

Teemas seadete kuvamiseks tuleb lisada selle identifikaator õigesse kohta. Seda on lihtne teha, lisage lihtsalt järgmine struktuur:

Funktsioonil get_theme_mod() on kaks argumenti^

$nimi – saadava seadistuse nimi

$default – vaikeväärtus. Kuvatakse, kui seadet pole

Muud tüüpi juhtnupud

Märkeruut

Võimaldab teil midagi lubada või keelata.

$customizer->add_control("peida_tekst", array("tüüp" => "märkeruut", "silt" => "Peida tekst", "section" => "example_section_one"));

Teema kõlab nii:

Kui te nüüd märkeruutu ei vali, siis seda teksti ei kuvata. Kasulik, kui peate varjama. midagi.

Raadio (lülitusgrupp)

Võimaldab valida loendist 1 parameetri.

$customizer->add_setting("raadio ", array("default" => "üks_1")); $customizer->add_control("raadio ", array("type" => "raadio", "silt" => "Näide raadionuppudest", "section" => "example_section_one", "valikud" => array(" item_1" => "item_1", "item_2" => "item_2", "item_3" => "item_3",),));

Vali (loend)

Rippmenüü.

$customizer->add_setting("select", array("default" => "Wordpress")); $customizer->add_control("select", array("type" => "select", "label" => "Kes me oleme?", "section" => "example_section_one", "valikud" => array(" Inimesed " => "Inimesed", "Stahanovlased" => "Stahanovlased", "Lahedad poisid" => "Lahedad poisid", "UFO" => "UFO"),));

Lehtede rippmenüü

Loob kõigi saidi lehtede ripploendi. Lehed genereerib WordPress ise.

$customizer->add_setting("page-setting", array("sanitize_callback" => "example_sanitize_integer")); $customizer->add_control("page-setting", array("tüüp" => "rippmenüü-lehed", "silt" => "Select page:", "section" => "example_section_one"));

Palett

Võimaldab lisada värvivaliku paleti. Näiteks selleks taustal.

$customizer->add_setting("värviseade", array("default" => "#000000", "sanitize_callback" => "sanitize_hex_color")); $customizer->add_control(new WP_Customize_Color_Control($customize, "color-setting", array("label" => " Värvi seadistus", "section" => "example_section_one", "settings" => "color-setting")));

Võimaldab faile üles laadida standardse WP üleslaadija kaudu. Töötab läbi klassi WP_Customize_Upload_Control. Ole ettevaatlik.

$customizer->add_setting("faili üleslaadimine"); $customizer->add_control(new WP_Customize_Upload_Control($customize, "file-upload", array("label" => " Faili üleslaadimine", "section" => "example_section_one", "settings" => "faili üleslaadimine")));

See on sama, mis failide üleslaadimine, ainult failide õigustele on kehtestatud piirangud. Aktsepteeritakse ainult pilte. Mugav. kui peate üles laadima ainult pilte. Näiteks tausta jaoks. See toimib samamoodi nagu ülaltoodud näide, kasutatakse ainult klassi WP_Customize_Image_Control.

$wp_customize->add_setting("img-upload"); $wp_customize->add_control(new WP_Customize_Image_Control($wp_customize, "img-upload", array("label" => " Pildi üleslaadimine", "section" => "example_section_one", "settings" => "img-upload")));

See pole veel kõik

Kui arvate, et see on koht, kus sisseehitatud seadete võimalused on piiratud, siis eksite. Neis on palju huvitavat: lisamine enda seaded, lehe värskendamine AJAX-i kaudu. Võid enda ümber kaevata või kommentaaridesse kirjutada, kui soovid jätkata.

Eelised ja miinused

Nüüd teeme kokkuvõtte ja kaalume selle meetodi puudusi ja eeliseid.

Plussid:

Seaded on WordPressi tuuma sisse ehitatud. See tähendab, et saidi teisaldamisel või uuele versioonile värskendamisel on meil sätted kohe olemas ilma raamistiku värskendusi alla laadimata ja ühildumatuseta
Väga lihtne lisada. Teemale kohandamise lisamiseks piisab WP ja PHP algteadmistest. Palju lihtsam kui kolmandate osapoolte lahenduste ühendamine
Oma tüüpi seadete lisamine. Funktsionaalsust saab laiendada. Selline võimalus on, mis on väga meeldiv.
Muudatused ilmuvad kohe eelvaate aknas.

Miinused:

Toetust pole visuaalne redaktor teksti jaoks. See on keerukate projektide jaoks tõsine puudus.
Pole piisavalt seadetüüpe. On palju asju, mida meil pole, aga tahaksime saada. Näiteks sama liugur, millel on piiramatu arv slaide. Osaliselt lahendatud oma kontrolli lisamise võimalusega. Kuid need on ebavajalikud liigutused.
Import/eksport puudub. Kui soovite teema uuesti installida. siis tuleb kõik sätted uuesti käsitsi sisestada! Mis on äärmiselt ebamugav.
Teil on piiratud vabadus, mida saate klotse paigutada. Lihtsuse eest tuleb maksta. Hoiatuse või teabega plokki ei saa panna kuhu iganes tahad, kõik on etteantud formaadi piires. Mõne jaoks pole see oluline, mõne jaoks kriitiline. Igaüks otsustab ise.

Järeldus

Mis puudutab minu arvamust, siis arvan, et Theme Customizer on endiselt niiske. Jah. sellel on palju potentsiaali ja ma olen kindel, et me näeme seda tulevikus palju laiendusi ja täiustusi. Kuid nüüd pole sellel võimalik keerulisi projekte välja töötada.

Kui teete lihtsat teemat või koolitust, pöörake tähelepanu sellele WP-funktsioonile. Kui töötate kellegagi juba tõsiselt ja mõtlete, kas see on seda väärt, vahetada või mitte, siis on parem mitte. Praegu pole see seda väärt. Aga kindlasti tasub vaadata, mis see "loom" on. Lõppude lõpuks on tal suur potentsiaal.

Aga nagu öeldakse, otsustab igaüks ise, lähtudes oma kogemusest ja projektide keerukusest. Sellega jätan teiega hüvasti kuni järgmise artiklini. Kõike paremat. Ja kannatlikkust WordPressi keerulises õppimises.

See on WordPressi teemade (mallide) loomise juhendi avaleht. Põhiteave on võetud ametlikust juhendist ja isiklikust kogemusest.

Mis on teema?

WordPressi teema on css-i, js-i, php failid, mis koos WordPressi ja pluginatega kuvavad ilusal ja mugaval kujul (disain) ekraanile andmebaasi info. No või kole ja ebamugav, oleneb mis teema valid... Teistes mootorites nimetatakse teemat ka “malliks”, aga WordPressis on kombeks öelda teema - teema, mitte mall - mall . Kuigi mõlemad on sisuliselt samad...

Seega, kui muudate teemat, muudab sait oma välimust ja näeb välja teistsugune. WordPress.org-is on tuhandeid tasuta teemasid. Vaatamata lai valik teemasid, eelistavad paljud inimesed ise teemasid luua. See on eelkõige tingitud sellest, mida luua lihtne teema pole raske.

Nõutavad failid

Teema loomiseks vajate ainult kahte faili:

index.php - põhifail sisu kuvamise eest vastutavad teemad

style.css - peamine stiilifail, mis vastutab css-stiilide eest

Kuid ükski teema ei koosne tegelikult ainult kahest failist. Neid on rohkem: PHP, keelefailid, CSS-fail ja JS, tekstifailid. Teema algab kahe failiga ja seejärel laiendatakse seda mugavamaks muutmiseks, lisades selliseid faile nagu:

header.php – vastutab päise kuvamise eest
footer.php – vastutab jaluse kuvamise eest
sidebar.php – vastutab külgriba kuvamise eest
page.php - vastutab väljundi eest eraldi leht(rekordid)
jne. vaata täielikku nimekirja.

Teema funktsioonid

Teema võimalused on sisuliselt lõputud, sest saate PHP-d täielikult kasutada. AGA! Teema on mõeldud saidi sisu teatud viisil kuvamiseks, mitte saidile funktsionaalsuse lisamiseks. Seetõttu on tavaks piirata teema võimalusi nendega, kes selle eest vastutavad välimus, ja kõik muud võimalused: hääletamine, hinnangud, ümbersuunamised, SEO jne. Levinud on selle lisamine pistikprogrammidesse...

Seega saab teema:

Vastutab veebisaidi sisu kuvamise eest erinevad tüübid seadmed: monitorid ja nutitelefonid. Neid teemasid nimetatakse reageerivateks. Samuti võivad teemad olla fikseeritud, üheveerulised, kaheveerulised jne;
Teema võib kuvada mis tahes sisu;
Saab määrata, millist sisu erinevatele kasutajatele kuvatakse;
Saab kasutada mis tahes kujunduselemente (pildid, videod).

Nagu iga veebisaidi puhul, on teema midagi enamat kui lihtsalt värviskeem, paigutus ja Kena pilt. Tõeliselt kvaliteetsed teemad on ka väga funktsionaalsed. Teema funktsionaalsus seisneb selle paindlikus konfiguratsioonis. Need. see ei lisa saidile midagi uut, kuid on väga hästi kohandatav vastavalt omaniku maitsele. Näiteks: paigaldatud taustapilt, muutuvad elementide värvid, kohandatakse menüüd ja sisuplokke (vidinaid).

Mille poolest erineb teema pistikprogrammist?

Koodi seisukohast võib öelda, et mitte midagi - saate luua teemasse täieõigusliku pistikprogrammi. Aga loogilisest seisukohast – kõik! Pistikprogrammi eesmärk on lisada saidile midagi uut, näiteks lisada küsitlus. Teema ülesandeks on sisu kuvamine, sh see küsitlus...

Seega vastutab teema lehel sisu kuvamise eest ning pistikprogrammi on vaja saidi funktsionaalsuse juurutamiseks.

Ärge kunagi lisage teemale ise funktsioone, välja arvatud juhul, kui selleks on mõjuv põhjus. Kui teete seda, siis teema muutmisel kaob selle funktsionaalsus oma kohale. Näiteks on teie teemal lahe fotogalerii. Ja kui teemat vahetad, läheb see lahe pildigalerii kaotsi...

Selle artikliga jätkan veebisaitide loomise õppetundide sarja WordPressi mootor. Pärast paigaldamist uus teema ajaveebi jaoks peame selle oma vajadustele vastavaks kohandama. Seda pole sugugi raske teha. Kuid WordPressi malli redigeerimiseks peate vähemalt teadma, kuidas see töötab ja millised failid mille eest vastutavad. Olles uurinud WordPressi malli ülesehitust ja omades põhiteadmised HTML ja CSS, saate juba teemamalli redigeerida, muutes selle välimust ja funktsionaalsust. Aga kõigepealt asjad kõigepealt.

Vahetult pärast uue teema installimist pole teie ajaveebil tõenäoliselt atraktiivne välimus. Selle parandamiseks peate kohandama oma WordPressi teemat, lisades ja korraldades kõik oma ajaveebi lehtedel. vajalikud elemendid. Niisiis, alustame malli seadistamist WordPressi teemad.

WordPressi teema (malli) seadistamine.

Siseneme WordPressi tööriistaribale () ja jätkame selle uurimist, uurides üksikasjalikult kõiki WordPressi malli välimuse ja redigeerimise eest vastutava jaotise Disain üksusi:

Järgmine vahekaart on "Vidinad". Sellele üleminekul avaneb meie ees järgmine pilt:

Vasakul pool näeme kõiki saadaolevaid vidinaid: RSS, Arhiivid, Kalender, Otsi, Sildipilv, Viimased postitused, Pealkirjad, Tekst jne. Blogi külgriba on skemaatiliselt näidatud paremal. Sõltuvalt WordPressi malli ülesehitusest võib külgribasid olla üks või mitu. Blogis näeb see välja nagu külgriba, mis asub paremal või vasakul ning võib-olla mõlemal küljel korraga.

Selleks, et täita külgriba vajalike vidinatega, tuleb lihtsalt hiire vasaku nupuga valida vajalik vidin ja seda all hoides lohistada vidin vajalikule külgribale. Samamoodi saate vidinaid külgribal üles või alla liigutada.

Mida iga vidin tähendab, on nende nimedest piisavalt selge. Erilist tähelepanu väärib tekstividinat. Liigutades selle külgribale, avanevad väljad andmete ja pealkirja sisestamiseks. Siin saate kleepida meeldivaks lihttekst piltide ja erinevate HTML-koodidega. Näiteks statistikaloendurid, reklaamiplokid ja bännerid, tellimisvormid jne. Pärast vidina "Tekst" täitmist või muutmist klõpsake muudatuste jõustumiseks nuppu "Salvesta". Mitte vajalikud vidinad saab eemaldada, klõpsates nuppu "Kustuta" või lohistades need tagasi jaotisesse "Saadaolevad vidinad". Kui teil on vaja mõni vidin ajutiselt keelata, salvestades samal ajal kõik selle sätted edaspidiseks kasutamiseks, lohistage see vidin vasakule alla jaotisesse „Pasaktiivsed vidinad”. Saate selle igal ajal tagasi saata.

Järgmine on vahekaart "Menüü". Pärast selle avamist leiame end lehelt, kus saate luua oma ajaveebi menüü Täpsem kirjeldus, kuidas seda teha. Menüüsse saate lisada kategooriaid, lehti ja suvalisi linke, korraldades need vajalikus järjekorras lihtne pukseerimine. Vajutades nuppu "Salvesta menüü", luuakse ajaveebi menüü.

Loodud menüü külgribal kuvamiseks peate minema vahekaardile "Vidinad" ja lohistama vidina "Kohandatud menüü" külgribale. Seega, kui olete oma ajaveebis aktiveerinud vidinad "Kategooriad" ja "Lehed", saate need deaktiveerida. Pean ütlema, et vähesed inimesed kasutavad ajaveebi menüüd.

Viimane vahekaart "Redaktor" võimaldab teil redigeerida WordPressi mallifaile. Pärast selle avamist näete paremal kõigi WordPressi mallifailide loendit, see tähendab selle struktuuri. Kui klõpsate mõnel neist failidest, avaneb selle sisu redigeerimisaknas. Pärast vajalike muudatuste tegemist ärge unustage neid kinnitada, klõpsates nuppu „Uuenda faili“.

Niisiis, uurisime oma ajaveebi administraatoripaneeli jaotist "Disain" ja leidsime WordPressi teema (malli) seaded.

Väärib märkimist, et peaaegu iga kaasaegne teema on oma seaded. Tavaliselt paigutatakse need administraatori paneeli eraldi jaotisse koos teema nimega.

Mõnikord leiate WordPressi teemamalli kohandatud sätted jaotisest „Disain” eraldi üksustena.

Konkreetse teema konfigureerimist tuleks üksikasjalikult kirjeldada selle malli arendaja või lokaliseerija veebisaidil, kust selle alla laadisite. WordPressi teema kohandamine võimaldab teil hõlpsalt, segamata allikas malli, muuta veebisaidi kujunduselemente (logo, taust, fondid, külgriba asukoht jne), sisestada bännereid, nuppe sotsiaalsed võrgustikud ja RSS, statistikaloendurid, reklaamiüksused ja palju muud. Soovitan teil neid sätteid hoolikalt uurida, eriti kui olete HTML-i ja CSS-i uus kasutaja.

Tähelepanu! Oluline on teada, et kui olete teinud muudatusi individuaalsed seaded malli, siis tuleb uue teema installimisel need seaded tagasi pöörduda algne olek

. Tavaliselt on selleks otstarbeks nupud „Lähtesta” või „Taasta vaikeseade”, olenevalt valitud WordPressi teemast.

Nüüd vaatame, millistest failidest teemamall koosneb, ja uurime selle struktuuri. Iga WordPressi mallifail vastutab saidi veebilehel üksikute plokkide kujundamise eest. Seejärel monteeritakse nendest plokkidest nagu ehituskomplekti blogilehed ühtseks tervikuks. Kuna WordPressi teemad (mallid) loovad erinevad arendajad

, siis võib nende mallide struktuur olla erinev. Mõned teemamallide failid peavad olema igal veebilehel, samas kui teisi kuvatakse ainult teatud juhtudel.

Alloleval pildil näete WordPressi malli ligikaudset ülesehitust.

Siin on failide loend, mis tavaliselt esinevad kõigis mallides, ja nende lühikirjeldus:
header.php (päis) – on olemas kõikidel veebilehtedel ja vastutab saidi ülaosa kuvamise eest.
index.php – vastutab põhilehe sisu kuvamise eest.
single.php – kuvab iga konkreetse artikli.
page.php – staatilise veebisaidi lehe sisu.
category.php – fail, mis kuvab kindla kategooria postitusi.
tag.php – kuvab postituste arhiivi siltide kaupa.
arhiiv.php – ajutine artiklite arhiiv (kuuks või aastaks). Mõnikord asendab see fail category.php ja tag.php.
search.php – kuvab saidi otsingutulemuste kirjed.
comments.php – kommentaarimalli fail.
sidebar.php – saidi külgveerg, kus vidinad asuvad. Sõltuvalt WordPressi malli struktuurist võib olla mitu külgriba. See fail on olemas saidi kõigil lehtedel. 404.php – 404 veafail, mis ilmub sisestamisel vale aadress
veebilehte või seda pole olemas.
Functions.php – see fail sisaldab tavaliselt funktsioone, mida kutsutakse välja saidi kuvamisel või administraatoripaneeliga töötamisel.
footer.php (jalus) – saidi alumine osa, mis asub kõigil selle lehtedel. Vaatasime seda WordPressi mallifaili juba soovimatu eemaldamisel. style.css – laadilehe fail, mis vastutab väline disain

Nüüd, teades WordPressi malli struktuuri ja selle, mille eest iga selle fail vastutab, saate muuta saidi teatud osa välimust ja funktsionaalsust.

Oluline on seda mõista, vähemalt ilma põhiteadmised HTML-i ja CSS-i puhul on parem mitte proovida WordPressi teema (malli) faile redigeerida. Ja kui teil on siiski vaja mõnda mallifaili redigeerida, tehke seda kindlasti kõigepealt varukoopia. Kui midagi läheb valesti, saate alati algse faili taastada.

Panen selle muudatuse omaette tähele WordPressi mall See on mugavam mitte ajaveebi administraatori paneelilt, vaid faili avades Notepad programm++, kasutades ühendust hostiserveriga FTP-kliendi kaudu. Selle kohta, kuidas seda teha, saate lugeda artiklist "".

See on tänaseks kõik. Nüüd näeb teie loodud sait palju atraktiivsem välja. Kohtumiseni ajaveebi lehtedel.

Jätke oma kommentaarid ja ärge unustage klõpsata artikli allosas olevaid sotsiaalmeedia nuppe, nii aitate seda ajaveebi arendada. Ette tänades!

Loomine oma teema WordPressi jaoks – suurepärane viis andke oma ajaveebi või muu WordPressi veebisait originaalpilt. Kuid isegi kõige ilusam teema ei ole nii tore, kui väiksemate muudatuste tõttu peate minema katte alla ja muutma teema HTML- või PHP-koodi. Eriti kui tegemist on maksva kliendiga, kes kasutab teie teemat. Õnneks pole WordPressis oma teema jaoks seadete lehe loomine WordPressis sugugi keeruline ja pärast selle õpetuse lugemist saate selle kiiresti luua!

1. samm Vajalike sätete otsustamine

Kõik algab vajadusest: luua selge ja kasulik leht seaded, peate välja mõtlema, mida saab muuta, ja jätma ülejäänud. Iga uus parameeter, mis on lisatud administraatori menüüsse, muudab kasutajaliidese keerulisemaks ja muudab teema kasutamise keerulisemaks. Seetõttu on kõige parem olla ettevaatlik ja valida käsitsi sageli muutuvad seaded ning mitte arvestada väikeste sätetega, mida saab hõlpsasti muuta ühe teema sees oleva failiga.

Veel üks küsimus, mida meeles pidada, on järgmine: "Kes neid seadeid muudab?" Kui kasutaja on PHP ja WordPressiga tuttav, võib eeldada, et manusega ei teki probleeme Google Analytics koodi sisse, kuid te ei tohiks seda nõuda graafiline disainer, rääkimata kirjanikust, kes ei peaks isegi HTML-ist ja CSS-ist midagi teadma.

Üldised ideed objektide määratlemiseks teema seadetes:

Google Analyticsi jälgimiskood saidil
Külgribade arv ja nende paigutus (vasakule, paremale, võib-olla isegi üles ja alla)
Lehekülje laius
Teie jaluse sisu
Teemaspetsiifiliste funktsioonide (nt kohandatud tiiserivormingud) valikud.

Kui olete seadete lehel koostanud loendi teemafunktsioonidest, mida soovite juhtida, olete peaaegu valmis juurutamise juurde liikuma. Enne seadete lehe loomist saate aega säästa, veendudes, et see pole juba a WordPressi funktsioonid kohandamise jaoks, mida kavatsete rakendada. Vidinad, kohandatud menüüd, kohandatud taustad ja päisepildid on kõik kasulikke tööriistu et kohandada oma teemat palju vähemaga, kui kulub oma kohanduste loomiseks. Need on aga teise õpetuse teemad.

Selles õpetuses loodud seaded

Selles õpik Mõtlesin välja teema avalehe, mis koosneb ruudustikust koos erinevad kogused valitud postitused, mida administraator saab lehte kasutades valida, redigeerida ja ümber korraldada kohandatud seaded.

Redaktoris olevad kodulehe elemendid kuvatakse elementide loendina, millele saab uusi lisada JavaScripti kasutades ja jQuery.

Mulle meeldib HTML-koodi arendamisel vaadata WordPressi administraatori paneelis olevat administraatori lehte, seega alustan tavaliselt seadete lehe linkimisest WordPressiga ja jätkan siis lehe sisu konstrueerimisega. Nii et järgmises etapis loome seadete lehe tünni ja ühendame selle WordPressiga.

2. samm Seadete lehe ühendamine WordPressiga

Seadete lehe loomine algab funktsiooni loomisega, mis konfigureerib menüü ja ühendab selle toiminguga admin_menu. See käsib WordPressil teie funktsiooni kutsuda, kui menüü tuleb luua, et kõik oleks tehtud õige aeg. Lisage see kood oma teema funktsioonis.php faili:

Funktsioon setup_theme_admin_menus() ( // Kirjutame funktsiooni sisu varsti. ) // See käsib WordPressil kutsuda välja funktsioon nimega "setup_theme_admin_menus" // kui on aeg menüülehed luua. add_action("admin_menu", " setup_theme_admin_menus");

Nüüd lisame koodi, et luua seadete lehed just loodud funktsiooni sees.

Seadete lehe loomisel saate lehe lisada alammenüüna mõnda olemasolevasse seadete rühma või luua oma menüü kõrgeim tase.

Alammenüü lisamine toimub funktsiooni add_submenu_page abil:

$parent_slug – unikaalne lehe identifikaator ülemine menüü, millele see alammenüü on lapsena lisatud.
$page_title – lisatava lehe pealkiri
$menu_title on menüüs kuvatav pealkiri (sageli $page_title lühem versioon
$võimekus - miinimumnõuded et kasutaja pääseks sellele menüüle.
$menu_slug – kordumatu identifikaator loodud menüü
$function on selle menüülehe töötlemiseks (ja renderdamiseks) kutsutud funktsiooni nimi

Kui otsustate lisada menüülehe mõnele alammenüüna WordPressi rühmad, sa võid kasutada järgmised väärtused$parent_slug parameetrina:

Tööriistariba: index.php
Sõnumid: edit.php
Meedia: upload.php
Lingid: link-manager.php
Lehed: edit.php?post_type=page
Kommentaarid: edit-comments.php
Välimus: themes.php
Pluginad: plugins.php
Kasutajad: users.php
Tööriistad: tools.php
Seadistused: options-general.php

Grupp Välimus näib olevat hea kandidaat meie seadete lehe majutamiseks. Proovime seda ja loome oma esimese seadete lehe. Siin uuendatud versioon meie menüü kohandamise funktsioon:

Funktsioon setup_theme_admin_menus() ( add_submenu_page("themes.php", "Esilehe elemendid", "Esileht", "manage_options", "front-page-elements", "theme_front_page_settings"); )

Selleks peame siiski looma funktsiooni theme_front_page_settings. Siin on see kõige lihtsamal kujul:

Funktsioon theme_front_page_settings() ( kaja "Tere, maailm!"; )

Ja see näeb tegevuses välja selline:

Samuti peame kontrollima, kas kasutajal on seadete lehe muutmiseks vajalikud õigused. Selleks lisage seadete lehe funktsiooni algusesse järgmine kood:

// Kontrollige, kas kasutajal on lubatud suvandeid värskendada if (!current_user_can("manage_options")) ( wp_die("Teil pole sellele lehele juurdepääsuks piisavalt õigusi."); )

Kui nüüd seadete lehele jõuab kasutaja, kellel pole õigust seadeid hallata, ei näe ta muud kui teadet "Teil pole sellele lehele juurdepääsuks piisavalt õigusi".

Kui teie teema nõuab mitut lehekülge seadistusi, võib kasutaja jaoks segadust tekitada see, et peab neid menüüstruktuuris hajutatult otsima. Sel juhul muudab oma seadete rühma loomine teema kasutajal lihtsamaks kõigi teema menüülehtede leidmise.

Et lisada oma oma grupp seaded, peate looma tipptaseme menüülehe ja siduma sellega alammenüülehed. Siin uus versioon meie menüü kohandamise funktsioon. Funktsioon add_menu_page, mida kasutatakse tipptaseme menüü loomiseks, sarnaneb funktsiooniga add_submenu_page, välja arvatud see, et see ei aktsepteeri parameetrit $parent_slug.

Funktsioon setup_theme_admin_menus() ( add_menu_page("Teema sätted", "Näidisteema", "halda_valikud", "tut_theme_settings", "theme_settings_page"); add_submenu_page("tut_theme_settings", "Esilehe elemendid", "Esileht", "Manage_options" , "front-page-elements", "theme_front_page_settings" ) // Peame lisama ka töötleja funktsiooni ülataseme menüü funktsioonile theme_settings_page() ( kaja "Seadete leht"; )

Kui kontrollite koodi ja värskendate oma WordPressi administraatoripaneeli, näete, et teie uus grupp Menüü kuvatakse menüüloendi allosas:

Kuid midagi pole veel päris korras. Ülemisel menüüelemendil klõpsamine ei vii teid menüüsse " Avaleht” ja menüülehele „Näideteema”. See ei sobi kokku sellega, kuidas teised toimivad WordPressi menüü nii et teeme veel ühe asja: muutes add_submenu_page kõnes atribuudi $menu_slug sama väärtusega, mis ülataseme menüüs, saame need kaks menüüd siduda nii, et ülemise menüü valimine valib põhilehe menüü:

Funktsioon setup_theme_admin_menus() ( add_menu_page("Teema sätted", "Näidisteema", "halda_valikud", "tut_theme_settings", "theme_settings_page"); add_submenu_page("tut_theme_settings", "Esilehe elemendid", "Esileht", "Manage_options" , "tut_theme_settings", "theme_front_page_settings" ) funktsioon theme_settings_page() ( )

Praegu näeb parem välja. Kui soovite oma menüürühma välimust parandada, on funktsioonis add_menu_page kaks valikulist välja, mis on teile kasulikud. Lihtsalt lisage väärtused funktsiooni nime järele meetodikutses:

$icon_url määrab ülataseme menüü ikooni URL-i.
$positsioon määrab teie menüürühma asukoha menüüloendis. Mida suurem väärtus, seda madalam on positsioon menüüs.

3. samm Loomine HTML vormid seadete lehtede jaoks

Nüüd, kui oleme seadete lehe loonud ja see kuvatakse õigesti külgmenüü, on aeg hakata sisu lisama. Lähme tagasi seadete loendi juurde, mida pidasime silmas, ja loome nende muutmiseks lehe.

Selles õpetuses vajame välja, et määratleda, mitu elementi tuleks ühel real loetletud, ja loendit tegelike elementide määratlemiseks. Lihtsamaks alustamiseks loome tekstivälja ühe rea üksuste arvu jaoks. Muutke seadete lehe funktsiooni:

Funktsioon theme_front_page_settings() ( ?> Esilehe elemendid

Elementide arv reas:

Esiletõstetud postitus: esilehe elemendid Elementide arv reas:

Esiletõstetud postitused Lisa esiletõstetud postitus