D\u00e4refter forts\u00e4tter vi att bygga ut funktionalitet f\u00f6r det administrativa omr\u00e5det f\u00f6r widgeten. Efter det kommer vi att rikta v\u00e5r uppm\u00e4rksamhet mot den offentliga sidan av widgeten samt serialiseringsfunktionalitet.<\/p>\n<\/blockquote>\n
Och detta g\u00f6r oss redo f\u00f6r exakt vart vi \u00e4r p\u00e5 v\u00e4g i det h\u00e4r inl\u00e4gget. Vi kommer n\u00e4mligen att skriva ett administrativt gr\u00e4nssnitt som l\u00e5ter oss:<\/p>\n
- \n
- definiera en titel f\u00f6r widgeten,<\/li>\n
- definiera textinneh\u00e5ll f\u00f6r widgeten,<\/li>\n
- och v\u00e4xla om vi vill visa titeln eller inte.<\/li>\n<\/ul>\n
Det \u00e4r inte t\u00e4nkt att vara innovativt och det \u00e4r inte heller t\u00e4nkt att vara den typ av widget som n\u00e5gon annan kanske vill s\u00e4lja. Ist\u00e4llet \u00e4r det t\u00e4nkt att visa hur vi kan ta det vi har f\u00f6r att skapa n\u00e5got som liknar det vi redan har sett i WordPress och hur vi anv\u00e4nder solida programmeringsmetoder.<\/p>\n
Anv\u00e4ndargr\u00e4nssnittet: Ett f\u00f6rsta pass<\/h3>\n
Efter v\u00e5rt arbete f\u00f6rra g\u00e5ngen har vi en widget som visas i det administrativa omr\u00e5det f\u00f6r WordPress och den kan till och med flyttas till en sidof\u00e4lt eller annat widgetiserat omr\u00e5de; men det g\u00f6r faktiskt ingenting.<\/p>\n
F\u00f6r nu, l\u00e5t oss g\u00e5 vidare och l\u00e4gga till tre element till anv\u00e4ndargr\u00e4nssnittet:<\/p>\n
- \n
- l\u00e4gg till en textinmatning f\u00f6r titeln p\u00e5 widgeten,<\/li>\n
- inkludera ett textomr\u00e5deselement f\u00f6r att visa vad som kan vara ett textstycke,<\/li>\n
- och slutligen, l\u00e4gg till en kryssruta f\u00f6r att v\u00e4xla titelinformationen.<\/li>\n<\/ol>\n
F\u00f6r att g\u00f6ra detta m\u00e5ste vi redigera en fil i katalogen Views .<\/strong> Vi kommer n\u00e4mligen att uppdatera\u00a0 filen Admin.php<\/strong>. Vi b\u00f6rjar med elementen<\/a> exakt efter behov utan ovidkommande uppm\u00e4rkning.<\/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>\nDet kommer inte att ge mycket att titta p\u00e5 i front-end \u00e4n, men det kommer oss n\u00e4rmare dit vi vill vara.<\/p>\n
En klass f\u00f6r administrat\u00f6rer<\/h3>\n
D\u00e4refter vill vi se till att vi h\u00e5ller oss konsekventa med att uppr\u00e4tth\u00e5lla en h\u00f6g niv\u00e5 av sammanh\u00e5llning med v\u00e5ra klasser. Det betyder att vi inte beh\u00f6ver en enda klass f\u00f6r att g\u00f6ra allt f\u00f6r administration, visning och allt annat arbete som kr\u00e4vs av WordPress API.<\/p>\n
F\u00f6r det \u00e4ndam\u00e5let skapar vi en andra klass som heter WidgetAdmin<\/strong> i WordPress<\/strong> – katalogen och namnutrymmet.<\/p>\n
I den h\u00e4r filen kommer vi att inkludera f\u00f6ljande kod<\/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>\nSedan, i den ursprungliga koden f\u00f6r att instansiera v\u00e5r widget, kommer vi att \u00e4ndra den h\u00e4r raden<\/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>\nF\u00f6r att se ut s\u00e5 h\u00e4r<\/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>\nUnder de kommande artiklarna kommer detta att forts\u00e4tta att utvecklas, men som du kan se ser vi till att vi har en enda basklass av funktionalitet f\u00f6r att prata med WordPress och en klass specifikt f\u00f6r att rendera den administrativa formen.<\/p>\n
Anv\u00e4ndargr\u00e4nssnittet: Ett andra pass<\/h3>\n
Slutligen, l\u00e5t oss rensa upp formul\u00e4ret s\u00e5 att det har lite mer solid UX som sm\u00e4lter in v\u00e4l med WordPress administrationsomr\u00e5det som helhet.<\/p>\n
Ta f\u00f6ljande kod<\/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-widgets:](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-160909-61e71613309d7.png\")
<\/a><\/p>\n