{"id":233962,"date":"2023-02-27T16:38:00","date_gmt":"2023-02-27T13:38:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233962"},"modified":"2022-11-11T13:26:04","modified_gmt":"2022-11-11T10:26:04","slug":"taepsemate-kohandatud-vaeljade-kodeerimine-sissejuhatus","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/taepsemate-kohandatud-vaeljade-kodeerimine-sissejuhatus\/","title":{"rendered":"T\u00e4psemate kohandatud v\u00e4ljade kodeerimine: sissejuhatus"},"content":{"rendered":"\n

Advanced Custom Fields<\/a> (ACF) on WordPressi pistikprogramm, mis on suurep\u00e4rane t\u00f6\u00f6riist kohandatud postituse meta seadistamiseks. See v\u00f5imaldab teil h\u00f5lpsasti luua ja konfigureerida keerulisi ja kasutajas\u00f5bralikke metakaste, mis sisaldavad k\u00f5ikv\u00f5imalikke v\u00e4ljade ja s\u00e4tteid postituste t\u00fc\u00fcpide, taksonoomia, kasutajaekraanide ja valikute lehtede jaoks. Ja see on \u00fclimalt arendajas\u00f5bralik.<\/p>\n

N\u00fc\u00fcd saate oma metakastid v\u00f5i s\u00e4tted k\u00e4sitsi seadistada, kuid keerukamate seadete jaoks on vaja \u00fcsna palju kodeerida, sealhulgas stiili, Javascripti, valideerimist ja salvestamist. Kujutage n\u00e4iteks ette, et kirjutate k\u00e4sitsi korduse seadete r\u00fchmaga, teatud p\u00e4ringu j\u00e4rgi mitu postitust. V\u00f5i seadete kuvamine, mis s\u00f5ltuvad teatud muutujatest, n\u00e4iteks sellest, milline termin v\u00f5i lehemall on m\u00e4\u00e4ratud (see n\u00f5uab Javascripti). Advanced Custom Fields tegeleb selle k\u00f5igega ja teeb seda kaunilt.<\/p>\n

Pidage meeles, et t\u00e4psemad kohandatud v\u00e4ljad ei v\u00e4ljasta teie mallidesse teie kohandatud metat. ACF-iga seadistatud v\u00e4ljade ja s\u00e4tete p\u00f5hjal millegi v\u00e4ljastamine v\u00f5i tegemine on teie kui arendaja enda teha. Kuid seda on lihtne teha, kasutades mis tahes ACF-i meetodeid. Samuti on tore teada, et ACF kasutab WordPressi tuuma (postitus, termin, kasutaja) metafunktsioone. See t\u00e4hendab, et see salvestab nt postituste s\u00e4tted postituse meta-vormingus, mida saate kasutada p\u00f5hifunktsioonide, n\u00e4iteks, abil get_post_meta()<\/code>.<\/p>\n

T\u00e4psemad kohandatud v\u00e4ljad on saadaval tasuta versioonis<\/a> ja tasulises Pro versioonis<\/a>. Tasuta versioonist on enamikul juhtudel enam kui piisav, kuid Pro versioonis saate m\u00f5ned lisafunktsioonid, nagu repiiteri v\u00e4li, galerii v\u00e4li, Gutenbergi plokid (vt hiljem) ja v\u00f5imalus kasutada ACF-i oma kohandatud administraatori seadistamiseks. valikute lehek\u00fcljed. ACF on ka nii populaarne, et leiate h\u00f5lpsalt kvaliteetseid laiendusi<\/a> k\u00f5igele, mida p\u00f5hi-ACF ei kata.<\/p>\n

T\u00e4psemad kohandatud v\u00e4ljad: administraatori osa<\/h2>\n

Kui installite Advanced Custom Fields plugina, saate uue administraatori men\u00fc\u00fc "Kohandatud v\u00e4ljade" jaoks. Siin saate seadistada ja konfigureerida oma "metabokse" v\u00f5i seadete r\u00fchmi.<\/p>\n

Grupi sees saate seadistada nii palju eri t\u00fc\u00fcpi v\u00e4lju, kui soovite. Levinumad on tekstisisestus, tekstiala, rikastekstiredaktor, fail, pilt, t\u00f5ene\/v\u00e4\u00e4r (l\u00fcliti), m\u00e4rkeruudud, raadionupud ja valikukast. Teised levinumad on mitmel viisil postituste valimine, taksonoomia, kasutajate valimine, kuup\u00e4evavalija, v\u00e4rvivalija, Google Maps ja palju muud. S\u00f5ltuvalt valitud v\u00e4ljat\u00fc\u00fcbist saate v\u00e4lja kohandamiseks t\u00e4iendavaid valikuid. Samuti saate mis tahes v\u00e4ljale lisada tingimusliku loogika. Tingimuslik loogika on m\u00f5eldud v\u00e4ljade peitmiseks v\u00f5i kuvamiseks s\u00f5ltuvalt r\u00fchma muudest valikutest.<\/p>\n

Iga seadete r\u00fchma jaoks saate m\u00e4\u00e4rata, millistel juhtudel need seaded ilmuvad. N\u00e4iteks postituste, taksonoomiatermini v\u00f5i kasutaja muutmine. Saate oma seadete n\u00e4htavust veelgi kohandada, n\u00e4iteks postituse t\u00fc\u00fcbi j\u00e4rgi. V\u00f5i kui postitusele on m\u00e4\u00e4ratud teatud termin v\u00f5i lehemall, kui postitus on teatud autorilt, kui kasutaja roll on nii v\u00f5i nii, siis praeguse sisselogitud kasutaja roll v\u00f5i kui leht on emaleht v\u00f5i mitte. Samuti saate kohandada seda, kus metakast peaks ilmuma. Kuid see funktsioon on n\u00fc\u00fcd uue Gutenbergi redaktoriga m\u00f5nev\u00f5rra v\u00e4henenud.<\/p>\n

\"T\u00e4psemate<\/a><\/p>\n

Grupi loomine<\/p>\n

\"T\u00e4psemate<\/a><\/p>\n

\u00dche v\u00e4lja s\u00e4tted<\/p>\n

T\u00e4psemad kohandatud v\u00e4ljad: koodiosa<\/h2>\n

Vaatame huvitavamat osa: kuidas saate t\u00e4psemaid kohandatud v\u00e4lju koodi j\u00e4rgi kasutada. Nagu varem mainitud, on ACF \u00fclimalt arendajas\u00f5bralik ja pakub laias valikus kohandatavust.<\/p>\n

V\u00e4\u00e4rtuste leidmine ja nende mallidesse sisestamine on lihtne ACF-i meetodeid kasutades. N\u00e4iteks the_field('your_meta_key')<\/code>selle otseseks kajamiseks v\u00f5i get_field('your_meta_key')<\/code>PHP muutujasse salvestamiseks. Kui teil on vaja andmeid hankida v\u00e4ljaspool ahelat, esitage teise argumendina postituse ID. Lihtne. V\u00f5ite kasutada get_post_meta()<\/code>, kuid soovitatav on kasutada ACF-i meetodeid, kuna ACF v\u00f5ib enne selle teile tagastamist muuta v\u00e4\u00e4rtuse millekski t\u00e4hendusrikkamaks.<\/p>\n

Teine asi, mida peaksite teadma, on ACF-i ekspordit\u00f6\u00f6riist. Loodud r\u00fchmi saate eksportida kahte vormingusse; kas allalaaditav JSON-fail v\u00f5i puhas PHP-kood. JSON-fail on kasulik, kui peate eksportima seadeid test- ja reaalajas serverite v\u00f5i m\u00f5ne muu WordPressi vahel. Eksportimine puhtas PHP-s annab teile v\u00f5imaluse kleepida see otse oma teema v\u00f5i plugina PHP-failidesse.<\/p>\n

Nagu v\u00f5ite sellest j\u00e4reldada; PHP-koodi saate kasutada oma r\u00fchmade ja v\u00e4ljade lisamiseks kas k\u00e4sitsi kirjutades v\u00f5i p\u00e4rast nende administraatoris seadistamist eksportides. See v\u00f5imaldab rohkem kontrolli ja v\u00f5imalusi kohandatud valikute loomiseks.<\/p>\n

Aga oota, seal on veel! ACF pakub ka laia valikut toiminguid ja filtreid v\u00e4ljade v\u00f5i nende v\u00e4\u00e4rtuste edasiseks kohandamiseks. Seal on konksud v\u00e4lja salvestamiseks v\u00f5i renderdamiseks, samuti konksud r\u00fchmade koodi j\u00e4rgi registreerimiseks (mainitud \u00fclal) ja filtrid v\u00e4lja v\u00e4\u00e4rtuste, s\u00e4tete v\u00f5i valikute kohandamiseks enne salvestamist v\u00f5i enne renderdamist. Lisaks saate m\u00e4\u00e4rata, kas filter peaks m\u00f5jutama k\u00f5iki v\u00e4lju, teatud t\u00fc\u00fcpi v\u00e4lju v\u00f5i teatud metav\u00f5tmega v\u00e4lju. K\u00f5ikide konksude ja filtrite ees on acf\/<\/code>.<\/p>\n

Vaadake ACF-i dokumentatsioonilehte<\/a> ; \u00fclevaate saamiseks kl\u00f5psake "Funktsioonid", "Toimingud" v\u00f5i "Filtrid". Sellelt saidilt leiate ka suurep\u00e4raseid \u00f5petusi ja juhendeid.<\/p>\n

M\u00e4rkus t\u00e4psemate kohandatud v\u00e4ljade ja Gutenbergi kohta<\/h2>\n

Kohandatud Gutenbergi plokkide loomine on praegu \u00fcsna hirmutav. Dokumentatsioon ei ole p\u00e4ris paigas, muudatusi tuleb selles sageli ette ja selle kodeerimiseks on vaja \u00fcsna palju Javascripti teadmisi. Eelistatavalt vajate teadmisi Reactist ja JSX\/ES6 kompilaatori seadistamisest veebipaketi ja Babeliga.<\/p>\n

Kuid versioonis 5.8 tutvustas ACF Pro<\/a> funktsiooni v\u00e4ljar\u00fchma seadistamiseks Gutenbergi plokina, mis v\u00f5imaldab teil lisada kohandatud plokke puhtalt ACF-i ja PHP-koodiga. Javascripti teadmisi pole vaja!<\/p>\n

K\u00f5ik, mida pead tegema, on seadistada r\u00fchmad administraatoris v\u00f5i koodi j\u00e4rgi nagu tavaliselt. Kuid siis m\u00e4\u00e4ratledes nende asukoha Gutenbergi kvartalina. J\u00e4\u00e4b \u00fcle vaid lisada PHP-kood, et registreerida need kohandatud Gutenbergi plokina rakendusega acf_register_block()<\/code>. Sellele funktsioonile m\u00e4\u00e4rate tagasihelistamise PHP-funktsioonile v\u00f5i mallifailile, mis vastutab ploki v\u00e4ljundi renderdamise eest. Kirjutate selle funktsiooni v\u00f5i malli osa t\u00e4ielikult PHP-s ja kasutate tuttavaid meetodeid, n\u00e4iteks get_field()<\/code>seadistusv\u00e4\u00e4rtuste hankimiseks.<\/p>\n

\"T\u00e4psemate<\/a><\/p>\n

Kuidas ACF-plokk Gutenbergi redaktoris v\u00e4lja n\u00e4eb<\/p>\n

Selle pistikprogrammi kasutamise \u00f5petuste saamiseks hoidke end kursis kategoorias T\u00e4psemad kohandatud v\u00e4ljad !<\/a><\/p>\n

: awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Selles algajatele m\u00f5eldud juhendis k\u00e4sitletakse WordPressi pistikprogrammi Advanced Custom Fields (ACF) ja seda, kuidas saate arendajana seda kasutada.<\/p>\n","protected":false},"author":1,"featured_media":224889,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[718,894,718,894,916,916,1110,842,812,812,842,863,863],"tags":[1165],"class_list":["post-233962","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arendaja","category-kood","category-muud","category-n-a","category-opetused","category-pistikprogrammid","category-wordpress-4","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/233962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=233962"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/233962\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/224889"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=233962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=233962"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=233962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}