N\u00e4r det g\u00e4ller refaktoreringen av WordPress Widget Boilerplate \u00e4r vi p\u00e5 en bra plats. Mycket arbete har gjorts s\u00e5 att det borde vara mycket l\u00e4ttare att introducera nya klasser, funktioner och funktioner.<\/p>\n
Och inte nog med det: Det borde vara l\u00e4ttare att f\u00f6lja.<\/p>\n
Tack vare arbetet i f\u00f6rra inl\u00e4gget<\/a> har vi mycket arbete att bygga vidare p\u00e5 \u2013 n\u00e4mligen ett grundl\u00e4ggande administrativt gr\u00e4nssnitt.<\/p>\n Till sist stod det i f\u00f6rra inl\u00e4gget:<\/p>\n Under 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<\/blockquote>\n Och det \u00e4r d\u00e4r vi ska ta upp i den h\u00e4r artikeln. Specifikt kommer vi att titta p\u00e5 sanering och serialisering av data samt att h\u00e4mta data som sparats i widgeten.<\/p>\n Innan vi g\u00e5r in p\u00e5 serialisering, finns det en del mindre arbete som vi kommer att beh\u00f6va g\u00f6ra f\u00f6r v\u00e5r administrativa syn. Minns fr\u00e5n tidigare inl\u00e4gg i serien att vi har byggt ett formul\u00e4r som accepterar:<\/p>\n Detta visas bra, men det utesluter vissa nyckelfunktioner i Widgets API<\/a>. Vi m\u00e5ste n\u00e4mligen se till att vi namnger v\u00e5ra element korrekt med hj\u00e4lp av f\u00f6ljande funktioner:<\/p>\n Och sedan kommer vi att skriva v\u00e5r funktion som helt enkelt heter get<\/a> som jag kommer att f\u00f6rklara ett \u00f6gonblick.<\/p>\n Funktionerna ovan \u00e4r n\u00f6dv\u00e4ndiga eftersom det hj\u00e4lper WordPress att h\u00e5lla reda p\u00e5 hur m\u00e5nga instanser av widgeten som anv\u00e4nds och vilken anv\u00e4ndaren redigerar. Vi f\u00e5r med andra ord mycket funktionalitet gratis.<\/p>\n Innan jag visar dig koden vill jag kort diskutera syftet med get<\/strong> – funktionen som vi ska introducera. Kort sagt, det \u00e4r ett s\u00e4tt f\u00f6r oss att skicka en nyckel (som i nyckeln i ett nyckel\/v\u00e4rdepar) till en funktion och sedan f\u00e5 den enkelt att h\u00e4mta ett v\u00e4rde \u00e5t oss s\u00e5 att det h\u00e5ller v\u00e5rt gr\u00e4nssnitt s\u00e5 rent som m\u00f6jligt.<\/p>\n S\u00e5 f\u00f6rst, get-metoden<\/a> :<\/p>\n Det viktiga att notera \u00e4r att den h\u00e4r metoden inte bara accepterar nyckeln f\u00f6r v\u00e4rdet vi l\u00e4ser utan en array som refererar till instansen av arrayen.<\/p>\n Och nu, det omstrukturerade anv\u00e4ndargr\u00e4nssnittet<\/a> :<\/p>\n Men detta l\u00e4mnar fortfarande funktionalitet bristande och det l\u00e4mnar arbete f\u00f6r oss att g\u00f6ra. Vi m\u00e5ste n\u00e4mligen sanera data och skicka tillbaka den till WordPress, s\u00e5 att den sparar data.<\/p>\n F\u00f6r v\u00e5rt exempel kommer vi att vara v\u00e4ldigt strikta i vad vi till\u00e5ter. Vi kommer n\u00e4mligen bara att st\u00f6dja grundl\u00e4ggande text, och vi kommer att ta bort allt aggressivt.<\/p>\n Det betyder att vi inte kommer att till\u00e5ta uppm\u00e4rkning eller n\u00e5got liknande. Ist\u00e4llet ska vi ta bort allt som inte \u00e4r grundl\u00e4ggande text. Vi kan dekorera den lite n\u00e4r det \u00e4r dags att visa den p\u00e5 fronten, men vi l\u00e4mnar det tills l\u00e4mpligt inl\u00e4gg.<\/p>\n F\u00f6r att g\u00f6ra detta kommer vi att anv\u00e4nda f\u00f6ljande funktioner:<\/p>\n Kom ih\u00e5g att vi har tv\u00e5 f\u00e4lt i v\u00e5r widget \u2013 titelf\u00e4ltet och inneh\u00e5llsf\u00e4ltet. Beroende p\u00e5 vilken typ av widget du bygger, kanske du bara beh\u00f6ver en enda klass eller funktion f\u00f6r att rensa data. I andra situationer kan du beh\u00f6va n\u00e5got mer komplext.<\/p>\n T\u00e4nk p\u00e5 det n\u00e4r vi g\u00e5r igenom den h\u00e4r koden eftersom detta inte kommer att vara en l\u00f6sning som passar alla. Ist\u00e4llet kommer det att vara specifikt f\u00f6r detta.<\/p>\n Hur som helst, f\u00f6r att rensa data, kommer vi att skriva en klass specifikt f\u00f6r detta \u00e4ndam\u00e5l, och sedan g\u00f6r vi den tillg\u00e4nglig f\u00f6r v\u00e5r WidgetAdmin-klass.<\/p>\n\n
WordPress Widget Boilerplate: Refactoring del 10<\/h2>\n
Refaktorering av anv\u00e4ndargr\u00e4nssnittet<\/h3>\n
\n
\n
<?php\n\n\/**\n * If the value for the key exists in the current instance of the widget, then it will\n * retrieve it. Otherwise, it will return an empty value.\n *\n * @param string $key the used to identify the value of the widget.\n * @param array $instance the options for the instance of this widget\n *\/\nprotected function get($key, $instance)\n{\n return empty($instance[$key])? '': $instance[$key];\n}<\/code><\/pre>\n<?php\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?>\n\n<div class=\"widget-content\">\n <p>\n <input\n type=\"text\"\n id=\"<?php echo esc_attr($this->get_field_id('title')); ?>\"\n name=\"<?php echo esc_attr($this->get_field_name('title')); ?>\"\n value=\"<?php echo $this->get('title', $instance) ?>\"\n placeholder=\"Widget Title\"\n class=\"widefat\"\n \/>\n <\/p>\n\n <p>\n <textarea\n id=\"<?php echo esc_attr($this->get_field_id('content')); ?>\"\n name=\"<?php echo esc_attr($this->get_field_name('content')); ?>\"\n placeholder=\"Widget Content\"\n style=\"width:100%;\"><?php echo $this->get('content', $instance) ?><\/textarea>\n <\/p>\n\n <p>\n <input\n type=\"checkbox\"\n value=\"on\"\n name=\"<?php echo esc_attr($this->get_field_name('display-title')); ?>\"\n id=\"<?php echo esc_attr($this->get_field_id('display-title')); ?>\"\n <?php checked('on', $this->get('display-title', $instance), true); ?>\n class=\"checkbox\"\n \/>\n <label for=\"<?php echo esc_attr($this->get_field_id('display-title')); ?>\">Display Title?<\/label>\n <\/p>\n<\/div><!-- .widget-content -->\n<\/code><\/pre>\nSanering och serialisering<\/h3>\n
\n