{"id":229474,"date":"2022-10-28T16:35:00","date_gmt":"2022-10-28T13:35:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229474"},"modified":"2022-11-09T07:14:40","modified_gmt":"2022-11-09T04:14:40","slug":"manipolazione-degli-stili-della-barra-di-amministrazione-di-wp-con-gli-eventi","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/manipolazione-degli-stili-della-barra-di-amministrazione-di-wp-con-gli-eventi\/","title":{"rendered":"Manipolazione degli stili della barra di amministrazione di WP con gli eventi"},"content":{"rendered":"\n<p>Ho sentimenti contrastanti sulla <a href=\"https:\/\/codex.wordpress.org\/Class_Reference\/WP_Admin_Bar\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">barra di amministrazione di WordPress<\/a>, ma questo ha a che fare con il modo in cui le soluzioni di terze parti aggiungono le loro opzioni (inoltre, pu\u00f2 essere disabilitato se non ne sei un grande fan).<\/p>\n<p>Di recente, ho pubblicato <a href=\"https:\/\/tommcfarlin.com\/wordpress-admin-notices\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">un piccolo plug<\/a> -in, pensato principalmente per gli sviluppatori, che consente agli utenti di attivare o disattivare gli avvisi dell&#8217;amministratore ogni volta che lavorano con WordPress (idealmente nel loro ambiente locale, sebbene possa essere installato ovunque sia installato WordPress).<\/p>\n<p>Il plugin \u00e8 semplice:<\/p>\n<ul>\n<li>Introduce un elemento nella barra di amministrazione di WP,<\/li>\n<li>Quando si fa clic su un elemento, si alternano gli avvisi o i messaggi visualizzati,<\/li>\n<li>Quando fai di nuovo clic su di esso, cambier\u00e0 la loro visibilit\u00e0.<\/li>\n<\/ul>\n<p>Ma c&#8217;\u00e8 una piccola sfumatura che penso valga la pena coprire e che ha a che fare con la manipolazione degli stili della barra di amministrazione di WP usando il codice lato client.<\/p>\n<p>Tutto questo \u00e8 trattato nel post iniziale, ma un aspetto del codice che penso valga la pena condividere per chi lavora con la barra di amministrazione e per chi lavora con JavaScript.<\/p>\n<h2>Stili della barra di amministrazione di WP<\/h2>\n<p>Se dai un&#8217;occhiata al codice sorgente del JavaScript incluso nel plugin, vedrai <a href=\"https:\/\/gist.github.com\/tommcfarlin\/a867844aeb9b32efbe3e38b43e19bb52\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">quanto segue<\/a> :<\/p>\n<pre><code>(function( $) {\n    'use strict';\n\n    \/**\n     * Hide all of the messages when the option is include and restore the menu items'\n     * default hover state style.\n     *\/\n    var hide_menu_notices = function() {\n\n        \/\/ Setup references to the plugin menu item and all admin notices.\n        var $admin_button = $( '#wp-admin-bar-toggle-admin-notices a' ),\n            $messages     = $( '.notice, .warning, .error' );\n\n        $admin_button.on( 'click', function( evt) {\n            evt.preventDefault();\n\n            $messages.toggle( 'medium' );\n            $( this ).trigger( 'blur' );\n        });\n    };\n\n    $(function() {\n    hide_admin_notices();\n    });\n})( jQuery );\n<\/code><\/pre>\n<p>In generale, ogni volta che un utente fa clic su un elemento nella barra di amministrazione di WP, lo reindirizzer\u00e0 a un&#8217;altra pagina [server] o visualizzer\u00e0 una voce di sottomenu che fa lo stesso. Nel caso di questo plugin, tuttavia, funziona sul lato client, quindi \u00e8 tutto JavaScript.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167472-61e7a43266814.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167472-61e7a43266814.png\" alt=\"Manipolazione degli stili della barra di amministrazione di WP con gli eventi\" ><\/a><\/p>\n<p>Ci\u00f2 significa che dobbiamo essere consapevoli degli eventi legati all&#8217;oggetto in modo da poterli manipolare. Ed \u00e8 questo il punto a cui arrivo in questo post.<\/p>\n<p>In breve:<\/p>\n<p>Le voci di menu hanno un evento sfocatura allegato che ci consente di attivare in modo da poter manipolare gli stili della barra di amministrazione di WP.<\/p>\n<p>Certo, questo non deve essere isolato dalla funzionalit\u00e0 lato client, ma se vuoi manipolare gli stili della voce di menu quando passi il mouse sopra la voce prima di caricare un&#8217;altra pagina, questo \u00e8 l&#8217;evento che vuoi usare (a almeno nel momento in cui scrivo questo post).<\/p>\n<p>Se stai lavorando su un plug-in che si integra con la barra dei menu e desideri manipolare gli stili della barra di amministrazione di WP con JavaScript, l&#8217;evento sfocatura \u00e8 quello che desideri utilizzare ogni volta che la tua particolare voce della barra dei menu attiva l&#8217;evento.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>C&#8217;\u00e8 una piccola sfumatura che penso valga la pena coprire e che ha a che fare con la manipolazione degli stili della barra di amministrazione di WP usando il codice lato client.<\/p>\n","protected":false},"author":1,"featured_media":220825,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[918,896,731,751,720,865],"tags":[1168],"class_list":["post-229474","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-altro","category-codice","category-javascript-6","category-open-source-projektmanagement-3","category-sviluppatore","category-wordpress-6","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/229474","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/comments?post=229474"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/229474\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/220825"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=229474"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=229474"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=229474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}