Kui ma seda postitust alustama istusin, plaanisin kirjutada midagi palju kaasahaaravamat, kui seda, mida ma jagan. Esialgu tahtsin l\u00e4bi k\u00e4ia \u00fche kahest asjast:<\/p>\n
Esimene oleks keskendumine paljudele muudele asjadele, millest olen r\u00e4\u00e4kinud, siduda need k\u00f5ik kokku ja omada l\u00f5plikku viidet. Kuid see on midagi, mille kokkupanekuks tahan aega v\u00f5tta, et veenduda, et see on \u00f5igesti tehtud.<\/p>\n
Teine on minu arvates oluline, kuid olen m\u00f5ne oma t\u00f6\u00f6riistaga \u00fcleminekufaasis. Kuni see pole tehtud, ma pigem ei kirjuta sellest.<\/p>\n
Siiski on alati midagi katta, eks? Nii et t\u00e4na valisin midagi lihtsamat: klasside, mallide ja osade kasutamise jaotamine WordPressi pistikprogrammides lihtsa n\u00e4ite abil.<\/p>\n
Selle konkreetse teema puhul v\u00f5ib kohe p\u00e4he tulla lihtne k\u00fcsimus: miks sellest r\u00e4\u00e4kida?<\/p>\n
Kuna on aasta 2018 ja me n\u00e4eme endiselt \u00fches failis PHP, CSS-i, m\u00e4rgistuse ja JavaScripti j\u00e4medat segu. See ei puuduta teisi tehnoloogiaid, mis seda vaikimisi teevad (nt React). Ma r\u00e4\u00e4gin konkreetselt WordPressi pistikprogrammidest ja hooldatava koodi kirjutamisest nii, et seda oleks [ilmselt] lihtne hooldada, kirjutada ja lugeda.<\/p>\n
Oletame, et t\u00f6\u00f6tate alammen\u00fc\u00fc lehel millegi jaoks, mis kuvatakse kohandatud men\u00fc\u00fc all. Registreerite oma lehe<\/a> WordPressi API abil:<\/p>\n Kuid kui seadistate lehe kuvamiseks tagasihelistamise funktsiooni, ei<\/strong> kasuta te seda funktsiooni erinevate keelte segamiseks. Selle asemel kasutate seda faili kaasamiseks.<\/a><\/strong><\/p>\n Pange t\u00e4hele, et \u00fclaltoodud failis viitan atribuudile $this->pluginPath<\/strong>. See on seatud klassi konstruktoris, et saaksin h\u00f5lpsasti juurde p\u00e4\u00e4seda pistikprogrammi juurtele.<\/p>\n Igatahes, milline see fail v\u00e4lja n\u00e4eb?<\/p>\n Sel juhul eeldan, et teie mall on see, mis annab kasutajale teavet ja taotleb nende sisestust. Osaline vastutab kasutajale edu-, vea- v\u00f5i hoiatusteate kuvamise eest.<\/p>\n Lihtsuse huvides hoian nii malli kui ka osa v\u00f5imalikult lahjana. Sel juhul oletame, et renderdame lehe, palume kasutajal v\u00e4\u00e4rtus salvestada ja kui v\u00e4\u00e4rtus \u00f5nnestub salvestada (ja on seega tabelis wp_options<\/strong> olemas ), kuvame \u00f5nnestumisteate.<\/p>\n See t\u00e4hendab:<\/p>\n Vaadake alloleva malli koodi:<\/a><\/strong><\/p>\n Pange t\u00e4hele, et jah, sellel on sisend, salvestamisnupp ja mitte midagi, mis k\u00f5ik on teabe salvestamiseks olulised (kuid v\u00e4ljaspool selle postituse ulatust).<\/p>\n Kuid pange t\u00e4hele ka seda, et sellel on abifunktsioon, mida kasutan edukalt salvestatud teabe olemasolu kontrollimiseks. See funktsioon asub samas klassis, mis vastutab malli renderdamise eest.<\/p>\n See n\u00e4eb v\u00e4lja umbes selline:<\/a><\/strong><\/p>\n<?php\n\npublic function addMenuPage()\n{\n add_menu_page(\n 'Acme Menu',\n 'Acme Menu',\n 'manage_options',\n 'acme-custom-menu',\n array($this, 'display'),\n 'dashicons-dashboard',\n 30\n );\n\n add_submenu_page(\n 'acme-custom-menu',\n 'Acme Menu',\n 'Acme Menu',\n 'Acme Menu',\n 'acme-custom-menu',\n array($this, 'display')\n );\n}\n<\/code><\/pre>\n<?php\n\npublic function display()\n{\n include_once $this->pluginPath. 'views\/acme-settings.php';\n}\n<\/code><\/pre>\nMall ja osaline<\/h3>\n
Mall<\/h4>\n
\n
<?php\n\/**\n * Renders the settings page for the plugin.\n *\/\n?>\n<div class=\"wrap\">\n <h1 class=\"wp-heading-inline\"><?php echo get_admin_page_title(); ?><\/h1>\n <?php if ($this->showSuccessMessage()) { ?>\n <?php include_once 'partials\/settings-saved.php'; ?>\n ?>\n <div id=\"acme-settings-schedule\">\n <form id=\"acme-form\" method=\"post\" action=\"<?php echo esc_html(admin_url('admin-post.php')); ?>\"\">\n <!-- This is where your settings go. -->\n <p>\n <?php\n submit_button(\n 'Save',\n 'primary',\n 'acme-save-settings',\n false\n );\n wp_nonce_field(\n 'acme-save',\n 'acme-save-nonce'\n );\n ?>\n <\/p>\n <\/form>\n <\/div>\n<\/div>\n<\/code><\/pre>\nOsaline<\/h4>\n
<?php\n\npublic function showSuccessMessage()\n{\n return (false !== get_option('acme_custom_setting'));\n}\n<\/code><\/pre>\n