Nast\u0119pnie b\u0119dziemy kontynuowa\u0107 tworzenie funkcjonalno\u015bci obszaru administracyjnego wid\u017cetu. Nast\u0119pnie zwr\u00f3cimy uwag\u0119 na publiczn\u0105 stron\u0119 wid\u017cetu oraz na funkcj\u0119 serializacji.<\/p>\n<\/blockquote>\n
A to ustawia nas dok\u0142adnie w tym, dok\u0105d zmierzamy w tym konkretnym po\u015bcie. Mianowicie napiszemy front-end administracyjny, kt\u00f3ry pozwoli nam:<\/p>\n
- \n
- zdefiniowa\u0107 tytu\u0142 wid\u017cetu,<\/li>\n
- zdefiniowa\u0107 tre\u015b\u0107 tekstow\u0105 wid\u017cetu,<\/li>\n
- i prze\u0142\u0105cz, czy chcemy pokaza\u0107 tytu\u0142.<\/li>\n<\/ul>\n
Nie ma by\u0107 innowacyjny ani nie ma by\u0107 rodzajem wid\u017cetu, kt\u00f3ry ktokolwiek inny mo\u017ce chcie\u0107 sprzedawa\u0107. Zamiast tego ma pokaza\u0107, jak mo\u017cemy z tego, co mamy, stworzy\u0107 co\u015b podobnego do tego, co widzieli\u015bmy ju\u017c w WordPressie i jak stosujemy solidne praktyki programistyczne.<\/p>\n
Interfejs u\u017cytkownika: pierwsze przej\u015bcie<\/h3>\n
Po naszej ostatniej pracy mamy wid\u017cet, kt\u00f3ry pojawia si\u0119 w obszarze administracyjnym WordPressa i mo\u017cna go nawet przenie\u015b\u0107 do paska bocznego lub innego wid\u017cetowanego obszaru; jednak tak naprawd\u0119 nic nie robi.<\/p>\n
Na razie \u015bmia\u0142o dodajmy do interfejsu u\u017cytkownika trzy elementy:<\/p>\n
- \n
- doda\u0107 tekst w tytule wid\u017cetu,<\/li>\n
- zawiera\u0107 element textarea do wy\u015bwietlania tego, co mo\u017ce by\u0107 akapitem tekstu,<\/li>\n
- i na koniec dodaj pole wyboru, aby prze\u0142\u0105cza\u0107 informacje o tytule.<\/li>\n<\/ol>\n
Aby to zrobi\u0107, musimy edytowa\u0107 plik w\u00a0 katalogu Views<\/strong>. Mianowicie b\u0119dziemy aktualizowa\u0107\u00a0 plik Admin.php<\/strong>. Zaczniemy od element\u00f3w<\/a> dok\u0142adnie tak, jak s\u0105 potrzebne, bez zb\u0119dnych znacznik\u00f3w.<\/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>\nNie b\u0119dzie to jeszcze wiele do ogl\u0105dania na froncie, ale zbli\u017ca nas do miejsca, w kt\u00f3rym chcemy by\u0107.<\/p>\n
Klasa dla administrator\u00f3w<\/h3>\n
Nast\u0119pnie chcemy si\u0119 upewni\u0107, \u017ce pozostajemy konsekwentni w utrzymywaniu wysokiego poziomu sp\u00f3jno\u015bci z naszymi klasami. Oznacza to, \u017ce nie potrzebujemy jednej klasy do wykonania wszystkiego w celu administrowania, wy\u015bwietlania i wszystkich innych prac wymaganych przez API WordPress.<\/p>\n
W tym celu utworzymy drug\u0105 klas\u0119 o nazwie WidgetAdmin<\/strong> w katalogu i przestrzeni nazw WordPressa .<\/strong><\/p>\n
W tym pliku umie\u015bcimy nast\u0119puj\u0105cy 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>\nNast\u0119pnie w oryginalnym kodzie tworzenia instancji naszego wid\u017cetu zmienimy t\u0119 lini\u0119<\/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>\nAby wygl\u0105da\u0107 tak<\/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>\nW ci\u0105gu kilku nast\u0119pnych artyku\u0142\u00f3w b\u0119dzie to ewoluowa\u0107, ale jak wida\u0107, upewniamy si\u0119, \u017ce mamy jedn\u0105 podstawow\u0105 klas\u0119 funkcjonalno\u015bci do komunikacji z WordPressem i klas\u0119 specjalnie do renderowania formularza administracyjnego.<\/p>\n
Interfejs u\u017cytkownika: drugie przej\u015bcie<\/h3>\n
Na koniec oczy\u015b\u0107my formularz, aby mia\u0142 troch\u0119 wi\u0119cej solidnego UX, kt\u00f3ry dobrze komponuje si\u0119 z obszarem administracyjnym WordPressa jako ca\u0142o\u015bci.<\/p>\n
We\u017a nast\u0119puj\u0105cy 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
![\"Wid\u017cety](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-160909-61e71613309d7.png\")
<\/a><\/p>\n