Seuraavaksi jatkamme widgetin hallinnollisen alueen toiminnallisuuden rakentamista. T\u00e4m\u00e4n j\u00e4lkeen kiinnit\u00e4mme huomiomme widgetin julkiseen puoleen sek\u00e4 serialisointitoimintoihin.<\/p>\n<\/blockquote>\n
Ja t\u00e4m\u00e4 asettaa meid\u00e4t tarkalleen mihin olemme menossa t\u00e4ss\u00e4 postauksessa. Aiomme nimitt\u00e4in kirjoittaa hallinnollisen k\u00e4ytt\u00f6liittym\u00e4n, jonka avulla voimme:<\/p>\n
- \n
- m\u00e4\u00e4rit\u00e4 widgetille otsikko,<\/li>\n
- m\u00e4\u00e4ritt\u00e4\u00e4 widgetin tekstisis\u00e4lt\u00f6\u00e4,<\/li>\n
- ja vaihda, haluammeko n\u00e4ytt\u00e4\u00e4 otsikon vai emme.<\/li>\n<\/ul>\n
Sen ei ole tarkoitus olla innovatiivinen eik\u00e4 se ole sellainen widget, jota kukaan muu saattaa haluta myyd\u00e4. Sen sijaan sen tarkoitus on n\u00e4ytt\u00e4\u00e4, kuinka voimme hy\u00f6dynt\u00e4\u00e4 sit\u00e4, mit\u00e4 meill\u00e4 on, luodaksemme jotain samanlaista kuin olemme jo n\u00e4hneet WordPressiss\u00e4 ja kuinka k\u00e4yt\u00e4mme vankkoja ohjelmointik\u00e4yt\u00e4nt\u00f6j\u00e4.<\/p>\n
K\u00e4ytt\u00f6liittym\u00e4: Ensimm\u00e4inen passi<\/h3>\n
Edellisen ty\u00f6mme j\u00e4lkeen meill\u00e4 on widget, joka n\u00e4kyy WordPressin hallintoalueella ja sen voi jopa siirt\u00e4\u00e4 sivupalkkiin tai muulle widgetoidulle alueelle; se ei kuitenkaan tee mit\u00e4\u00e4n.<\/p>\n
Toistaiseksi menn\u00e4\u00e4n eteenp\u00e4in ja lis\u00e4t\u00e4\u00e4n k\u00e4ytt\u00f6liittym\u00e4\u00e4n kolme elementti\u00e4:<\/p>\n
- \n
- lis\u00e4\u00e4 tekstisy\u00f6tt\u00f6 widgetin otsikoksi,<\/li>\n
- sis\u00e4lt\u00e4\u00e4 tekstialueelementin, joka n\u00e4ytt\u00e4\u00e4, mik\u00e4 saattaa olla tekstikappale,<\/li>\n
- ja lopuksi lis\u00e4\u00e4 valintaruutu vaihtaaksesi otsikkotietoja.<\/li>\n<\/ol>\n
T\u00e4t\u00e4 varten meid\u00e4n on muokattava Views<\/strong> – hakemistossa olevaa tiedostoa. Aiomme nimitt\u00e4in p\u00e4ivitt\u00e4\u00e4 Admin.php-<\/strong> tiedoston. Aloitamme elementeist\u00e4<\/a> t\u00e4sm\u00e4lleen tarpeen mukaan ilman ylim\u00e4\u00e4r\u00e4isi\u00e4 merkint\u00f6j\u00e4.<\/p>\n
<input type=\"text\" name=\"widget-title\" value=\"\" \/>\n\n<textarea name=\"widget-content\"><\/textarea>\n\n<label>\n <input\n type=\"checkbox\"\n value=\"1\"\n name=\"widget-title-enabled\"\n \/>\n Display Title?\n<\/label><\/code><\/pre>\nSe ei tee viel\u00e4 paljoa katsottavaa etup\u00e4\u00e4ss\u00e4, mutta se vie meid\u00e4t l\u00e4hemm\u00e4s haluamaamme paikkaa.<\/p>\n
Luokka j\u00e4rjestelm\u00e4nvalvojille<\/h3>\n
Seuraavaksi haluamme varmistaa, ett\u00e4 pysymme johdonmukaisesti korkean tason yhteenkuuluvuuden yll\u00e4pit\u00e4misess\u00e4 luokkiemme kanssa. T\u00e4m\u00e4 tarkoittaa, ett\u00e4 emme tarvitse yht\u00e4 luokkaa tekem\u00e4\u00e4n kaikkea hallintaan, n\u00e4ytt\u00e4miseen ja muihin WordPress API:n vaatimiin t\u00f6ihin.<\/p>\n
T\u00e4t\u00e4 varten luomme WordPress<\/strong> – hakemistoon ja nimiavaruuteen toisen luokan nimelt\u00e4 WidgetAdmin .<\/strong><\/p>\n
T\u00e4h\u00e4n tiedostoon sis\u00e4llyt\u00e4mme seuraavan koodin<\/a> :<\/p>\n
<?php\n\n\/*\n * This file is part of WordPress Widget Boilerplate\n * (c) Tom McFarlin <tom@tommcfarlin.com>\n *\n * This source file is subject to the GPL license that is bundled\n * with this source code in the file LICENSE.\n *\/\n\nnamespace WordPressWidgetBoilerplateWordPress;\n\n\/**\n * Manages the administrative functionality of the widget.\n *\/\nclass WidgetAdmin extends Widget\n{\n \/**\n * {@inheritdoc}\n *\/\n public function __construct($widgetSlug)\n {\n parent::__construct($widgetSlug);\n }\n\n \/**\n * Displays the administrative view of the form and includes the options\n * for the instance of the widget as arguments passed into the function.\n *\n * @param array $instance the options for the instance of this widget.\n *\/\n public function form($instance)\n {\n include plugin_dir_path(__FILE__).'Views\/Admin.php';\n }\n}\n<\/code><\/pre>\nSitten alkuper\u00e4isess\u00e4 widgetin luomiskoodissa muutamme t\u00e4m\u00e4n rivin<\/a> :<\/p>\n
<?php\n\n\/**\n * Registers the core Widget class using the WordPress APIs.\n *\/\npublic function load()\n{\n register_widget(new Widget('widget-name'));\n}<\/code><\/pre>\nN\u00e4ytt\u00e4\u00e4ksesi t\u00e4lt\u00e4<\/a> :<\/p>\n
<?php\n\/**\n * Registers the core Widget class using the WordPress APIs.\n *\/\npublic function load()\n{\n register_widget(new WidgetAdmin('widget-name'));\n}<\/code><\/pre>\nMuutaman seuraavan artikkelin aikana t\u00e4m\u00e4 kehittyy edelleen, mutta kuten n\u00e4et, varmistamme, ett\u00e4 meill\u00e4 on yksi perustoimintoluokka WordPressin kanssa keskustelua varten ja luokka erityisesti hallinnollisen lomakkeen render\u00f6inti\u00e4 varten.<\/p>\n
K\u00e4ytt\u00f6liittym\u00e4: Toinen passi<\/h3>\n
Lopuksi siivotaan lomake niin, ett\u00e4 siin\u00e4 on hieman enemm\u00e4n kiinte\u00e4\u00e4 k\u00e4ytt\u00f6kokemusta, joka sulautuu hyvin WordPressin hallintoalueeseen kokonaisuudessaan.<\/p>\n
Ota seuraava koodi<\/a> :<\/p>\n
<input type=\"text\" name=\"widget-title\" value=\"\" \/>\n\n<textarea name=\"widget-content\"><\/textarea>\n\n<label>\n <input\n type=\"checkbox\"\n value=\"1\"\n name=\"widget-title-enabled\"\n \/>\n Display Title?\n<\/label><\/code><\/pre>\n
![\"WordPress-widgetit:](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-160909-61e71613309d7.png\")
<\/a><\/p>\n