{"id":228214,"date":"2022-10-13T20:33:00","date_gmt":"2022-10-13T17:33:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228214"},"modified":"2022-11-09T01:19:35","modified_gmt":"2022-11-08T22:19:35","slug":"wordpressi-jaoks-kohandatud-cmb2-lingivalija-juhtelemendi-loomine","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/wordpressi-jaoks-kohandatud-cmb2-lingivalija-juhtelemendi-loomine\/","title":{"rendered":"WordPressi jaoks kohandatud CMB2 lingivalija juhtelemendi loomine"},"content":{"rendered":"\n

Selles \u00f5petuses vaatlen, kuidas saate luua kohandatud juhtelemendi, et laiendada WebDevStudios CMB2<\/a> (Custom Meta Boxes 2) funktsionaalsust<\/a>.<\/p>\n

Arendan veebisaite (ja veebirakendusi) WordPress<\/a> CMS-iga (sisuhalduss\u00fcsteem) ning uue projekti j\u00f5udmisel v\u00f5ite garanteerida, et mul on n\u00f5ue arendada v\u00e4lja kohandatud metakastid, mis v\u00f5imaldavad kasutajal t\u00e4pselt kontrollida saidi sisu ja paigutuse \u00fcle.<\/p>\n

Kirjeldan \u00fcksikasjalikult, kuidas ma CMB2 jaoks CMB2 juhtlingi valija loosin<\/a> (saadaval k\u00f5igist headest WordPressi pistikprogrammide hoidlatest). Ekraanipilti sellest saab n\u00e4ha allpool.<\/p>\n

"Lingivalija" CMB2 juhtnupp t\u00f6\u00f6s<\/p>\n

Lingivalija k\u00e4ivitab WordPressi sisseehitatud dialoogi \u201eLingi lisamine\/muutmine", kui kl\u00f5psate nupul \u201eVali”. Seda on n\u00e4ha alloleval ekraanipildil:<\/p>\n

\"WordPressiNupu vajutamine v\u00f5imaldab valida lingi hulgast (v\u00f5i lisada oma)<\/p>\n

Olen kindel, et n\u00f5ustute sellega, et selline juhtseade on v\u00e4ga mugav, kui soovite anda oma saidi toimetajatele v\u00f5imaluse lisada linki ja otsida ka WordPressist selle sisemisi linke, selle asemel, et nad peaksid lingid lingiks l\u00f5ikama ja kleepima. valdkonnas.<\/p>\n

Sissejuhatus \/ Ajalugu<\/h2>\n

Neile, kes ei tea, on WordPressi postituse redigeerimisekraanil metakast ja see sisaldab t\u00f5en\u00e4oliselt mitmesuguseid vormi juhtelemente (tekstikastid, ripploendid, m\u00e4rkeruudud jne). Need juhtelemendid v\u00f5imaldavad teie veebisaidi kasutajatel h\u00f5lpsasti muuta saidi kohandatud tekstiosa v\u00f5i funktsioone.<\/p>\n

\"WordPressi\"WordPressiErinevate vormijuhtelementidega metakasti n\u00e4ide<\/p>\n

WordPress v\u00f5imaldab luua metakaste funktsioonide (nt [add_meta_box](https:\/\/developer.wordpress.org\/reference\/functions\/add_meta_box\/)<\/code>) abil, kuid sellisel viisil metakastide loomine v\u00f5ib olla pikk protsess, millega kaasneb palju koodikordusi (eriti kui soovite kasutada samu vormijuhtelemente mitmes projektis).<\/p>\n

Miks CMB2?<\/h2>\n

M\u00f5ned teist v\u00f5ib-olla on kuulnud Advanced Custom Fields<\/a> (ACF), mis pakub GUI-d (graafiline kasutajaliides), mis v\u00f5imaldab teil luua metakaste otse WordPressiga.<\/p>\n

ACF ei ole minu arvates suurep\u00e4rane t\u00f6\u00f6riist<\/strong> \u00fchegi skaleeritava veebilahenduse jaoks. Pistikprogramm s\u00f5ltub liiga palju andmebaasis salvestatavatest andmetest. See p\u00f5hjustab saidil muudatuste juurutamisel valu, kuna te ei saa lihtsalt koodi \u00fcles l\u00fckata ja muudatusi kohe n\u00e4ha. Selle asemel peate uuesti tegema t\u00f6\u00f6d erinevates juurutuskeskkondades (lavastamine, otse\u00fclekanne jne). Seega vajasime lahendust, mis v\u00f5imaldaks meil programmiliselt metakaste luua. Sisestage CMB2.<\/p>\n

Enne CMB2 kasutuselev\u00f5ttu kasutasime varem nende armsate inimeste HM -i kohandatud metabokse<\/a> Human<\/a> Made’is (mis sai alguse WebDevStudio eelk\u00e4ija CMB2-le).<\/p>\n

Meile meeldisid HM kohandatud metakastid ja k\u00f5ige lihtsamate koodil\u00f5ikude abil saime kiiresti luua kohandatud metabokse, et teha peaaegu k\u00f5ike!<\/p>\n

\"WordPressiHM kohandatud metakastide m\u00e4rgistuse n\u00e4ide (see on Instagrami metaboksi m\u00e4rgistus esimesel ekraanipildil)<\/p>\n

Miks siis \u00fcle minna CMB2-le? Noh, HM Custom Meta Boxes ei p\u00e4lvinud kahjuks suurt armastust (r\u00e4\u00e4kisin selle peaarendajaga ja ta on v\u00e4ga h\u00f5ivatud mees), samas kui CMB2 liikus edasi uute funktsioonide, uute juhtelementidega ja see oli kogunud t\u00f5mbej\u00f5udu. WordPressi kogukonnas, kus paljud inimesed on selle kasutusele v\u00f5tnud ja selle laiendamiseks pistikprogrammid v\u00e4lja lasknud (sealhulgas mitmed meie partneragentuurid).<\/p>\n

L\u00f5puks, nagu v\u00f5isite aru saada, on CMB2-ga t\u00f6\u00f6tamine sama uskumatult lihtne, kui olime harjunud, kuna m\u00f5lemal platvormil on \u00fchine esivanem.<\/p>\n

\u00d5petus<\/h2>\n

Enne kui alustame, on iga\u00fchel oma ideaalid WordPressi pistikprogrammi loomise kohta ja ma olen proovinud m\u00f5ndagi, kuid Tom J Nowelli \u00f5petus WordPressi<\/a> juurkompositsioonist muutis t\u00e4ielikult minu t\u00f6\u00f6viisi. Minu arvates on selle l\u00e4henemine puhas, lihtne ja see muudab iga pistikprogrammi tulevase hooldamise lihtsaks. Kui otsite pistikprogrammi Link Picker for CMB2 allikast<\/a>, n\u00e4ete, milliseid meetodeid ta praktikas \u00f5petab.<\/p>\n

Vormi ehitamine<\/h3>\n

Lingivalijat renderdava vormi loomiseks peame esimese asjana haakima cmb2_render_[control_name]<\/code>toiminguga. Nagu ma nimetasin seda juhtelementi link_pickeriks, saame konksu l\u00f5pule viia j\u00e4rgmiselt:<\/p>\n

<?php\nadd_action( 'cmb2_render_link_picker', array( $this, 'cmb2_render_link_picker' ), 10, 5 );\n`\n<\/code><\/pre>\n
Neile, kes add_action<\/code>konksust tegelikult aru ei saa, toimib see j\u00e4rgmiselt:<\/p>\n
    \n
  1. Esimene argument cmb2_render_link_picker<\/code>on konksu nimi, mille k\u00fclge tahame haakida.<\/li>\n
  2. Teine argument array( $this, 'cmb2_render_link_picker' )<\/code>on funktsioon, mida tahame selle konksu k\u00e4ivitamisel kutsuda. Pange t\u00e4hele, et ma m\u00e4hkin selle massiivi, mille $this<\/code>esimene parameeter on, kuna ma kutsun funktsiooni klassi sees. Kui te ei t\u00f6\u00f6ta klassidega, v\u00f5ite lihtsalt kasutada funktsiooni nime cmb2_render_link_picker<\/code>.
    \n3., on 10<\/code>j\u00e4rjekord, mille j\u00e4rgi tahame funktsiooni k\u00e4ivitada (mida v\u00e4iksem on number, seda varem see toimingu kutsumisel k\u00e4ivitub).<\/li>\n
  3. See 5<\/code>on parameetrite hulk, mis edastatakse funktsioonile, mida ma kutsun (see selgub peagi).<\/li>\n<\/ol>\n
    J\u00e4rgmisena loome funktsiooni, mis vormi renderdab:<\/p>\n
    <?php\n\npublic function cmb2_render_link_picker( $field, $value, $object_id, $object_type, $field_type_object) {\n\u2026\n}\n`\n<\/code><\/pre>\n
    Olen j\u00e4tnud \u00fclaltoodud koodi "DocBlock", mis kirjeldab, mida iga cmb2_render_link_picker()<\/code>funktsiooni edastatud parameeter teeb.<\/p>\n
    Pange t\u00e4hele, et minu funktsioon algab public<\/code>deklaratsiooniga. See on j\u00e4llegi sellep\u00e4rast, et ma t\u00f6\u00f6tan klassis. Kui te ei t\u00f6\u00f6ta klassidega, v\u00f5ite selle vahele j\u00e4tta.<\/p>\n
    Selle v\u00e4lja v\u00e4\u00e4rtus edastatakse $value<\/code>parameetri kaudu funktsioonile. Selle v\u00e4lja puhul l\u00e4bime massiivi, kuna meie juhtelemendil on kolm eraldi elementi:<\/p>\n