J\u00e4rgmisena vaatame sisu renderdamist esiotsas. Oleme Boilerplate’i \u00fcmbert\u00f6\u00f6tlemise l\u00f5pule j\u00f5udmas, kuid veel on vaja natuke teha, enne kui oleme valmis \u00fchendama selle koodibaasi p\u00f5hiharuga.<\/p>\n<\/blockquote>\n
Nii et selles postituses j\u00e4tkame seal. N\u00fc\u00fcd, kui olete seda siiani j\u00e4lginud, peaks teil arendusharust k\u00f5ik vajalik olema.<\/p>\n
Kui ei, siis t\u00f5mmake see kindlasti v\u00e4lja, sest see on koht, kus me postituse \u00fclej\u00e4\u00e4nud osas \u00fcles v\u00f5tame.<\/p>\n
WordPressi vidina katlaplaat: \u00fcmberkujundamine, 12. osa<\/h2>\n
N\u00fc\u00fcd, mis puudutab esiosa, on lihtne pidada esiotsaks k\u00f5ike, mida kasutaja enda ees n\u00e4eb, olenemata sellest, kas see asub haldusalas v\u00f5i mitte.<\/p>\n
See seeria on aga selge, et jagame selle, mida kasutaja n\u00e4eb, saidi haldusala ja avalikkusele suunatud ala vahel.<\/p>\n
Seega t\u00f6\u00f6tame selle koodi ala kallal, mis annab kasutajale teavet saidi avalikul alal. Alustame lihtsalt teabe lugemisest ja selle kuvamisest.<\/p>\n
J\u00e4rgmises postituses vaatleme m\u00f5ne valiku osas t\u00f6\u00f6tamist tingimusliku loogikaga, et n\u00e4ha, kas meil on midagi vaja teha.<\/p>\n
Seda \u00f6eldes liigume koodi juurde.<\/p>\n
Andmete kohta, mida me kuvame<\/h3>\n
Pidage meeles, et vidinal on praegu kolm asja, mis m\u00f5jutavad selle kuvamist.<\/p>\n
- \n
- vidina pealkiri,<\/li>\n
- vidina sisu,<\/li>\n
- l\u00fcliti selle kohta, kas peaksime pealkirja kuvama v\u00f5i mitte<\/li>\n<\/ol>\n
Kolmas v\u00f5imalus on eelk\u00f5ige n\u00e4idata, kuidas kasutada teist t\u00fc\u00fcpi elemente. Sest tehniliselt, kui me ei tahaks vidina pealkirja n\u00e4idata, siis me lihtsalt ei paneks vidinasse midagi.<\/p>\n
Kuid ma arvan, et see aitab n\u00e4idata erinevate elementide t\u00fc\u00fcpide ja nende v\u00e4\u00e4rtuste praktilist (v\u00f5i poolpraktilist) kasutamist.<\/p>\n
Igatahes teame, et iga vidina eksemplari kohta salvestatakse andmed koos pealkirja<\/strong>, sisu<\/strong> ja kuvatava pealkirja<\/strong> nime ja ID-dega, nagu WordPress pakub.<\/p>\n
Seega kasutame v\u00e4\u00e4rtuste kuvamiseks neid oma esiotsa koodis.<\/p>\n
Kuvamisfunktsioonide ettevalmistamine<\/h3>\n
Tavaliselt\u00a0 vastutab vidina<\/strong> funktsioon vidina v\u00e4ljundi kuvamise eest. Kuid \u00fcks asi, mida oleme p\u00fc\u00fcdnud teha, on jagada oma vidinaga seotud probleemid rohkem keskendunud klasside ja funktsioonide kogumiks.<\/p>\n
Esimene asi, mida tahame teha, on kirjutada WidgetDisplay<\/strong> klass, mis vastutab, nagu on ilmselge, vidina sisu kuvamise eest.<\/p>\n
Praegu h\u00f5lmab see tingimusteta pealkirja, sisu ja pealkirja lisamise v\u00f5i mitte kaasamise v\u00e4\u00e4rtust. WordPress teeb k\u00e4ttesaadavaks ka teatud sisu, n\u00e4iteks m\u00e4rgistuse, mis peaks ilmuma enne vidinat ja p\u00e4rast vidinat, seega lisame kindlasti ka selle.<\/p>\n
Aga k\u00f5igepealt l\u00f5petame klassi<\/a> :<\/p>\n
<?php\n\nnamespace WordPressWidgetBoilerplateWordPress;\n\nclass WidgetDisplay\n{\n private $widgetSlug;\n\n public function __construct(string $widgetSlug)\n {\n $this->widgetSlug = $widgetSlug;\n }\n\n public function show($args, $instance)\n {\n \/\/ More to come\n }\n}\n<\/code><\/pre>\nP\u00e4rast seda peame veenduma, et kirjutame selle ka teistele klassidele. Esiteks lisame selle kindlasti oma vidinaklassi<\/a> :<\/p>\n
<?php\npublic function widget($args, $instance)\n{\n return $this->widgetDisplay->show($args, $instance);\n}<\/code><\/pre>\nJa siis lisame selle WidgetAdmini klassi<\/a> (kuna siin asuvad vidina API p\u00f5hifunktsioonid \u2013 see lihtsalt delegeerib vastutuse \u00f5igele klassile):<\/p>\n
<?php\n\npublic function __construct($widgetSlug)\n{\n parent::__construct($widgetSlug);\n $this->widgetSerializer = new WidgetSerializer($this->getWidgetSlug());\n $this->widgetDisplay = new WidgetDisplay($this->getWidgetSlug());\n}<\/code><\/pre>\nPraegu me veel midagi ei kuva. Oleme l\u00e4hedal ja keskendume sellele varsti.<\/p>\n
Andmete kuvamine<\/h3>\n
Eeldades, et saate \u00fclaltoodud koodi vigadeta lisada, on aeg kuvada vidina sisu.<\/p>\n
Saame seda teha mitmel erineval viisil alates lihtsast var_dump<\/strong> -st kuni sisu kasutajas\u00f5bralikumaks kuvamiseks. Ja ma olen palju rohkem viimase f\u00e4nn.<\/p>\n
Nii et teeme seda.<\/p>\n
Lisage<\/strong> oma WidgetDisplay klassi kuvamisfunktsiooni<\/strong> j\u00e4rgmine kood<\/a> :<\/a><\/p>\n
<?php\npublic function show($args, $instance)\n{\n include_once 'Views\/Widget.php';\n}<\/code><\/pre>\n
![\"WordPressi](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-160763-61e7125f80aab.png\")
<\/a><\/p>\n