{"id":229257,"date":"2022-10-28T16:27:00","date_gmt":"2022-10-28T13:27:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229257"},"modified":"2022-11-09T06:10:20","modified_gmt":"2022-11-09T03:10:20","slug":"wp-hallintapalkin-tyylien-manipulointi-tapahtumilla","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/wp-hallintapalkin-tyylien-manipulointi-tapahtumilla\/","title":{"rendered":"WP-hallintapalkin tyylien manipulointi tapahtumilla"},"content":{"rendered":"\n<p>Minulla on ristiriitaisia \u200b\u200btunteita <a href=\"https:\/\/codex.wordpress.org\/Class_Reference\/WP_Admin_Bar\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPressin hallintapalkista<\/a>, mutta se liittyy siihen, kuinka kolmannen osapuolen ratkaisut lis\u00e4\u00e4v\u00e4t siihen vaihtoehtoja (ja se voidaan poistaa k\u00e4yt\u00f6st\u00e4, jos et ole sen suuri fani).<\/p>\n<p>Julkaisin \u00e4skett\u00e4in <a href=\"https:\/\/tommcfarlin.com\/wordpress-admin-notices\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">pienen<\/a> &#8211; ensisijaisesti kehitt\u00e4jille tarkoitetun &#8211; laajennuksen, jonka avulla k\u00e4ytt\u00e4j\u00e4t voivat vaihtaa j\u00e4rjestelm\u00e4nvalvojan ilmoituksia aina, kun he ty\u00f6skentelev\u00e4t WordPressin kanssa (ihannetapauksessa heid\u00e4n paikallisessa ymp\u00e4rist\u00f6ss\u00e4\u00e4n, vaikka se voidaan asentaa minne tahansa, miss\u00e4 WordPress on asennettu).<\/p>\n<p>Plugin on yksinkertainen:<\/p>\n<ul>\n<li>Se tuo kohteen WP-hallintapalkkiin,<\/li>\n<li>Kun napsautat kohdetta, se vaihtaa kaikki n\u00e4ytett\u00e4v\u00e4t ilmoitukset tai viestit,<\/li>\n<li>Kun napsautat sit\u00e4 uudelleen, se muuttaa niiden n\u00e4kyvyytt\u00e4.<\/li>\n<\/ul>\n<p>Mutta siell\u00e4 on pieni vivahde, joka on mielest\u00e4ni kattamisen arvoinen ja joka liittyy WP:n hallintapalkin tyylien manipulointiin asiakaspuolen koodin avulla.<\/p>\n<p>Kaikki t\u00e4m\u00e4 on k\u00e4sitelty alkuper\u00e4isess\u00e4 viestiss\u00e4, mutta yksi koodin n\u00e4k\u00f6kohta, joka mielest\u00e4ni on jakamisen arvoinen niille, jotka ty\u00f6skentelev\u00e4t hallintapalkin ja JavaScriptin kanssa.<\/p>\n<h2>WP-hallintapalkin tyylit<\/h2>\n<p>Jos katsot laajennuksen mukana tulevan JavaScriptin l\u00e4hdekoodia, n\u00e4et <a href=\"https:\/\/gist.github.com\/tommcfarlin\/a867844aeb9b32efbe3e38b43e19bb52\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">seuraavan<\/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>Yleisesti ottaen aina, kun k\u00e4ytt\u00e4j\u00e4 napsauttaa kohdetta WP-hallintapalkissa, se ohjaa h\u00e4net toiselle [palvelin]-sivulle tai n\u00e4ytt\u00e4\u00e4 alivalikon kohdan, joka tekee saman. T\u00e4m\u00e4n laajennuksen tapauksessa se kuitenkin toimii asiakaspuolella, joten se on kaikki JavaScripti\u00e4.<\/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=\"WP-hallintapalkin tyylien manipulointi tapahtumilla\" ><\/a><\/p>\n<p>T\u00e4m\u00e4 tarkoittaa, ett\u00e4 meid\u00e4n on oltava tietoisia esineeseen liittyvist\u00e4 tapahtumista, jotta voimme manipuloida niit\u00e4. Ja se on se pointti, johon pyrin t\u00e4ss\u00e4 postauksessa.<\/p>\n<p>Lyhyesti:<\/p>\n<p>Valikkokohtiin on liitetty sumennustapahtuma, jonka avulla voimme laukaista, jotta voimme manipuloida WP-hallintapalkin tyylej\u00e4.<\/p>\n<p>My\u00f6nnett\u00e4k\u00f6\u00f6n, ett\u00e4 t\u00e4m\u00e4n ei tarvitse olla eristetty asiakaspuolen toiminnallisuudesta, mutta jos haluat muokata valikkokohdan tyylej\u00e4 viedess\u00e4si hiiren kohteen p\u00e4\u00e4ll\u00e4 ennen toisen sivun lataamista, t\u00e4m\u00e4 on tapahtuma, jota haluat k\u00e4ytt\u00e4\u00e4 (at ainakin t\u00e4t\u00e4 viesti\u00e4 kirjoitettaessa).<\/p>\n<p>Jos ty\u00f6skentelet valikkopalkkiin integroitavan laajennuksen parissa ja haluat muokata WP:n hallintapalkin tyylej\u00e4 JavaScriptill\u00e4, sumennustapahtuma on se, jota haluat k\u00e4ytt\u00e4\u00e4 aina, kun tietty valikkopalkin kohde laukaisee tapahtuman.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Siin\u00e4 on pieni vivahde, joka on mielest\u00e4ni kattamisen arvoinen ja joka liittyy WP-hallintapalkin tyylien manipulointiin asiakaspuolen koodin avulla.<\/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":[750,730,719,895,917,864],"tags":[1166],"class_list":["post-229257","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-avoin-laehdekoodi","category-javascript-5","category-kehittaejae","category-koodi","category-muut","category-wordpress-5","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/229257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/comments?post=229257"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/229257\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/220825"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=229257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=229257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=229257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}