Quando mi sono seduto per iniziare questo post, avevo programmato di scrivere qualcosa di molto pi\u00f9 coinvolto che io condivider\u00f2. Inizialmente, volevo esaminare una di queste due cose:<\/p>\n
Il primo sarebbe concentrarsi su una variet\u00e0 di altre cose di cui ho parlato, collegarle tutte insieme e avere un riferimento definitivo. Ma questo \u00e8 qualcosa che voglio dedicare del tempo a mettere insieme per assicurarmi che sia fatto bene.<\/p>\n
Il secondo \u00e8 quello che ritengo importante, ma sono in una fase un po’ di transizione con alcuni dei miei strumenti. Fino a quando non sar\u00e0 fatto, preferirei non scriverne.<\/p>\n
Anche ancora, c’\u00e8 sempre qualcosa da coprire, giusto? Quindi oggi ho optato per qualcosa di pi\u00f9 semplice: abbattere l’uso di classi, modelli e parziali nei plugin di WordPress usando un semplice esempio.<\/p>\n
Per questo particolare argomento, una domanda immediata che potrebbe venire in mente \u00e8 semplice: perch\u00e9 preoccuparsi di parlarne?<\/p>\n
Perch\u00e9 \u00e8 il 2018 e stiamo ancora vedendo un mix grossolano di PHP, CSS, markup e JavaScript in un unico file. Questo non \u00e8 per bussare ad altre tecnologie che lo fanno per impostazione predefinita (come React). Sto parlando specificamente dei plugin di WordPress e della scrittura di codice gestibile in modo tale che sia facile [ovviamente] mantenere, scrivere e leggere.<\/p>\n
Diciamo che stai lavorando su una pagina di sottomenu per qualcosa che apparir\u00e0 in un menu personalizzato. Registra la tua pagina<\/a> utilizzando l’API di WordPress:<\/p>\n Ma quando si imposta una funzione di richiamata per visualizzare la pagina, non si<\/strong> utilizza la funzione per mescolare insieme tutte le varie lingue. Invece, lo usi per includere un file.<\/a><\/strong><\/p>\n Nota che nel file sopra, faccio riferimento a una propriet\u00e0 $this->pluginPath<\/strong>. Questo \u00e8 impostato nel costruttore della classe in modo che io possa accedere facilmente alla radice del plugin.<\/p>\n Ad ogni modo, come potrebbe essere questo file?<\/p>\n In questo caso, presumo che il tuo modello sia ci\u00f2 che fornir\u00e0 informazioni all’utente e richieder\u00e0 il loro input. Il parziale sar\u00e0 responsabile della visualizzazione di un messaggio di successo, errore o avviso all’utente.<\/p>\n Per semplificare, manterr\u00f2 sia il modello che il parziale il pi\u00f9 snelli possibile. In questo caso, supponiamo di eseguire il rendering di una pagina, chiedere all’utente di salvare un valore e, se il valore viene salvato correttamente (e quindi esiste nella tabella wp_options<\/strong> ), visualizzeremo il messaggio di successo.<\/p>\n Questo significa:<\/p>\n Dai un’occhiata al codice per il modello qui sotto:<\/a><\/strong><\/p>\n Nota che, s\u00ec, ha un input, un pulsante di salvataggio e un nonce che sono tutti importanti (ma oltre lo scopo di questo post) per salvare le informazioni.<\/p>\n Ma nota anche che ha una funzione di supporto che utilizzo per verificare la presenza di informazioni salvate con successo. Questa funzione risiede nella stessa classe responsabile del rendering del modello.<\/p>\n Sembra qualcosa del genere:<\/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>\nUn modello e un parziale<\/h3>\n
Un modello<\/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>\nParziale<\/h4>\n
<?php\n\npublic function showSuccessMessage()\n{\n return (false !== get_option('acme_custom_setting'));\n}\n<\/code><\/pre>\n