WP administraatoririba stiilide manipuleerimine sündmustega

Mul on WordPressi administraatoririba suhtes erinevad tunded, kuid see on seotud sellega, kuidas kolmandate osapoolte lahendused sellele oma valikud lisavad (lisaks saab selle keelata, kui te pole selle suur fänn).

Hiljuti avaldasin väikese pistikprogrammi, mis on mõeldud peamiselt arendajatele, mis võimaldab kasutajatel WordPressiga töötades administraatorite märguandeid vahetada (ideaaljuhul kohalikus keskkonnas, kuigi selle saab installida kõikjal, kus WordPress on installitud).

Pistikprogramm on lihtne:

• See lisab üksuse WP administraatoriribale,
• Kui klõpsate üksusel, lülitab see välja kõik kuvatavad teated või sõnumid,
• Kui klõpsate sellel uuesti, lülitab see nende nähtavuse sisse.

Kuid on väike nüanss, mida minu arvates tasub käsitleda ja mis on seotud WP administraatoririba stiilide manipuleerimisega kliendipoolse koodi abil.

Seda kõike käsitletakse esialgses postituses, kuid üks koodi aspekt, mida minu arvates tasub jagada nii neile, kes töötavad administraatoriribaga ja JavaScriptiga.

WP administraatoririba stiilid

Kui vaatate pistikprogrammiga kaasas oleva JavaScripti lähtekoodi, näete järgmist :

(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 );

Üldiselt, kui kasutaja klõpsab WP administraatoriribal üksusel, suunab see ta teisele [serveri] lehele või kuvab alammenüü üksuse, mis teeb sama. Selle pistikprogrammi puhul töötab see aga kliendi poolel, seega on see kõik JavaScript.

See tähendab, et peame olema teadlikud esemega seotud sündmustest, et saaksime nendega manipuleerida. Ja see on eesmärk, milleni ma selles postituses jõuan.

Lühidalt:

Menüüüksustele on lisatud hägustamise sündmus, mis võimaldab meil käivitada, et saaksime WP administraatoririba stiile manipuleerida.

Tõsi, see ei pea olema isoleeritud kliendipoolse funktsionaalsusega, kuid kui soovite enne teise lehe laadimist kursorit üksuse kohal hõljutades manipuleerida menüüelemendi stiilidega, on see sündmus, mida soovite kasutada (aadressil vähemalt selle postituse kirjutamise ajal).

Kui töötate menüüribaga integreeritava pistikprogrammi kallal ja soovite manipuleerida WP administraatoririba stiilidega JavaScriptiga, on hägusussündmus see, mida soovite kasutada alati, kui teie konkreetne menüüriba üksus sündmuse käivitab.