Quand je me suis assis pour commencer ce post, j’avais pr\u00e9vu d’\u00e9crire quelque chose de beaucoup plus impliqu\u00e9 que ce que je vais partager. Au d\u00e9part, je voulais parcourir l’une des deux choses suivantes\u00a0:<\/p>\n
La premi\u00e8re serait de se concentrer sur une vari\u00e9t\u00e9 d’autres choses dont j’ai parl\u00e9, de les lier toutes ensemble et d’avoir une r\u00e9f\u00e9rence d\u00e9finitive. Mais c’est quelque chose que je veux prendre le temps de mettre en place pour m’assurer que c’est bien fait.<\/p>\n
Le second est celui que je pense \u00eatre important mais je suis un peu dans une phase de transition avec certains de mes propres outils. Tant que ce n’est pas fait, je pr\u00e9f\u00e8re ne pas \u00e9crire \u00e0 ce sujet.<\/p>\n
M\u00eame quand m\u00eame, il y a toujours quelque chose \u00e0 couvrir, n’est-ce pas? Alors aujourd’hui, j’ai opt\u00e9 pour quelque chose de plus simple: d\u00e9composer l’utilisation des classes, des mod\u00e8les et des partiels dans les plugins WordPress \u00e0 l’aide d’un exemple simple.<\/p>\n
Pour ce sujet particulier, une question imm\u00e9diate qui peut venir \u00e0 l’esprit est simple: pourquoi s’emb\u00eater \u00e0 en parler ?<\/p>\n
Parce que nous sommes en 2018 et que nous voyons toujours un m\u00e9lange grossier de PHP, CSS, balisage et JavaScript dans un seul fichier. Ce n’est pas pour frapper sur d’autres technologies qui le font par d\u00e9faut (comme React). Je parle sp\u00e9cifiquement des plugins WordPress et de l’\u00e9criture de code maintenable de mani\u00e8re \u00e0 ce qu’il soit facile [\u00e9videmment] \u00e0 maintenir, \u00e9crire et lire.<\/p>\n
Disons que vous travaillez sur une page de sous-menu pour quelque chose qui va appara\u00eetre sous un menu personnalis\u00e9. Vous enregistrez votre page<\/a> \u00e0 l’aide de l’API WordPress\u00a0:<\/p>\n Mais lorsque vous configurez une fonction de rappel pour afficher la page, vous n’utilisez pas<\/strong> la fonction pour m\u00e9langer toutes les diff\u00e9rentes langues ensemble. Au lieu de cela, vous l’utilisez pour inclure un fichier.<\/a><\/strong><\/p>\n Notez que dans le fichier ci-dessus, je r\u00e9f\u00e9rence une propri\u00e9t\u00e9 $this->pluginPath<\/strong>. Ceci est d\u00e9fini dans le constructeur de la classe afin que je puisse facilement acc\u00e9der \u00e0 la racine du plugin.<\/p>\n Quoi qu’il en soit, \u00e0 quoi pourrait ressembler ce fichier\u00a0?<\/p>\n Dans ce cas, je suppose que votre mod\u00e8le est ce qui va fournir des informations \u00e0 l’utilisateur et va demander sa contribution. Le partiel sera responsable de l’affichage d’un message de r\u00e9ussite, d’erreur ou d’avertissement \u00e0 l’utilisateur.<\/p>\n Pour rester simple, je vais garder \u00e0 la fois le mod\u00e8le et le partiel aussi l\u00e9gers que possible. Dans ce cas, supposons que nous allons afficher une page, demander \u00e0 l’utilisateur d’enregistrer une valeur, et si la valeur est enregistr\u00e9e avec succ\u00e8s (et existe donc dans la table wp_options<\/strong> ), nous afficherons le message de r\u00e9ussite.<\/p>\n \u00c7a signifie:<\/p>\n Jetez un \u0153il au code du mod\u00e8le ci-dessous\u00a0:<\/a><\/strong><\/p>\n Notez que, oui, il a une entr\u00e9e, un bouton d’enregistrement et un nonce qui sont tous importants (mais au-del\u00e0 de la port\u00e9e de cet article) pour enregistrer des informations.<\/p>\n Mais notez \u00e9galement qu’il a une fonction d’assistance que j’utilise pour v\u00e9rifier la pr\u00e9sence d’informations enregistr\u00e9es avec succ\u00e8s. Cette fonction r\u00e9side dans la m\u00eame classe responsable du rendu du mod\u00e8le.<\/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 mod\u00e8le et un partiel<\/h3>\n
Un mod\u00e8le<\/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>\nPartiel<\/h4>\n