WP-hallintapalkin tyylien manipulointi tapahtumilla

Minulla on ristiriitaisia ​​tunteita WordPressin hallintapalkista, mutta se liittyy siihen, kuinka kolmannen osapuolen ratkaisut lisäävät siihen vaihtoehtoja (ja se voidaan poistaa käytöstä, jos et ole sen suuri fani).

Julkaisin äskettäin pienen – ensisijaisesti kehittäjille tarkoitetun – laajennuksen, jonka avulla käyttäjät voivat vaihtaa järjestelmänvalvojan ilmoituksia aina, kun he työskentelevät WordPressin kanssa (ihannetapauksessa heidän paikallisessa ympäristössään, vaikka se voidaan asentaa minne tahansa, missä WordPress on asennettu).

Plugin on yksinkertainen:

• Se tuo kohteen WP-hallintapalkkiin,
• Kun napsautat kohdetta, se vaihtaa kaikki näytettävät ilmoitukset tai viestit,
• Kun napsautat sitä uudelleen, se muuttaa niiden näkyvyyttä.

Mutta siellä on pieni vivahde, joka on mielestäni kattamisen arvoinen ja joka liittyy WP:n hallintapalkin tyylien manipulointiin asiakaspuolen koodin avulla.

Kaikki tämä on käsitelty alkuperäisessä viestissä, mutta yksi koodin näkökohta, joka mielestäni on jakamisen arvoinen niille, jotka työskentelevät hallintapalkin ja JavaScriptin kanssa.

WP-hallintapalkin tyylit

Jos katsot laajennuksen mukana tulevan JavaScriptin lähdekoodia, näet seuraavan :

(function( $) {
    'use strict';

    /**
     * Hide all of the messages when the option is include and restore the menu items'
     * default hover state style.
     */
    var hide_menu_notices = function() {

        // Setup references to the plugin menu item and all admin notices.
        var $admin_button = $( '#wp-admin-bar-toggle-admin-notices a' ),
            $messages     = $( '.notice, .warning, .error' );

        $admin_button.on( 'click', function( evt) {
            evt.preventDefault();

            $messages.toggle( 'medium' );
            $( this ).trigger( 'blur' );
        });
    };

    $(function() {
    hide_admin_notices();
    });
})( jQuery );

Yleisesti ottaen aina, kun käyttäjä napsauttaa kohdetta WP-hallintapalkissa, se ohjaa hänet toiselle [palvelin]-sivulle tai näyttää alivalikon kohdan, joka tekee saman. Tämän laajennuksen tapauksessa se kuitenkin toimii asiakaspuolella, joten se on kaikki JavaScriptiä.

Tämä tarkoittaa, että meidän on oltava tietoisia esineeseen liittyvistä tapahtumista, jotta voimme manipuloida niitä. Ja se on se pointti, johon pyrin tässä postauksessa.

Lyhyesti:

Valikkokohtiin on liitetty sumennustapahtuma, jonka avulla voimme laukaista, jotta voimme manipuloida WP-hallintapalkin tyylejä.

Myönnettäköön, että tämän ei tarvitse olla eristetty asiakaspuolen toiminnallisuudesta, mutta jos haluat muokata valikkokohdan tyylejä viedessäsi hiiren kohteen päällä ennen toisen sivun lataamista, tämä on tapahtuma, jota haluat käyttää (at ainakin tätä viestiä kirjoitettaessa).

Jos työskentelet valikkopalkkiin integroitavan laajennuksen parissa ja haluat muokata WP:n hallintapalkin tyylejä JavaScriptillä, sumennustapahtuma on se, jota haluat käyttää aina, kun tietty valikkopalkin kohde laukaisee tapahtuman.