add_filter('widget_update_callback', function($instance, $new_instance, $old_instance) {\n $instance['awp-custom-setting'] = isset($new_instance['awp-custom-setting']);\n return $instance;\n}, 10, 3);<\/code><\/pre>\nKom ih\u00e5g att justera ing\u00e5ngsnamnen till dina egna inst\u00e4llningsnamn. Om du l\u00e4gger till flera ing\u00e5ngar m\u00e5ste du upprepa detta f\u00f6r varje.<\/p>\n
Nu b\u00f6r du se att dina anpassade inst\u00e4llningar sparas i admin!<\/p>\n
Anv\u00e4nder sparade anpassade widgetinst\u00e4llningar<\/h2>\n
Som n\u00e4mnts tidigare beror denna del verkligen p\u00e5 vad du vill att dina inst\u00e4llningar ska g\u00f6ra. Det \u00e4r tyv\u00e4rr inte lika enkelt eftersom de flesta widgets inte l\u00e4gger till filter eller krokar i sina utg\u00e5ngar. L\u00e5t oss b\u00f6rja med n\u00e5got enkelt; undvik att rendera widgeten beroende p\u00e5 inst\u00e4llningarna.<\/p>\n
F\u00f6rhindra renderingswidget beroende p\u00e5 anpassad inst\u00e4llning<\/h3>\n
S\u00e4g att du l\u00e4gger till inst\u00e4llningar f\u00f6r n\u00e4r widgeten ska vara synlig; till exempel att g\u00f6mma det i vissa mallar (g\u00f6m i s\u00f6kresultatmallen, men visa p\u00e5 framsidan och singel), eller reagera p\u00e5 andra WordPress-tillst\u00e5nd.<\/p>\n
F\u00f6r detta kan vi anv\u00e4nda filtret [widget_display_callback](https:\/\/developer.wordpress.org\/reference\/hooks\/widget_display_callback\/)<\/code>. Allt vi beh\u00f6ver g\u00f6ra \u00e4r att kontrollera den angivna instansparametern f\u00f6r v\u00e5r inst\u00e4llning och \u00e5terv\u00e4nda false<\/code>om vi inte vill rendera widgeten.<\/p>\nDen h\u00e4r enkla koden kommer att undvika att widgeten renderas om den anpassade kryssrutan som vi lade till ovan \u00e4r markerad:<\/p>\n
add_filter('widget_display_callback', function($instance, $widget, $args) {\n if ($instance['awp-custom-setting']) {\n return false;\n }\n return $instance;\n}, 10, 3);<\/code><\/pre>\nDu vill f\u00f6rmodligen j\u00e4mf\u00f6ra andra stater. Det h\u00e4r \u00e4r ett enkelt exempel d\u00e4r v\u00e5r kryssruta \u00e4r en kryssruta f\u00f6r "G\u00f6m i enstaka inl\u00e4ggsvyer". Vi kontrollerar helt enkelt om vi f\u00f6r n\u00e4rvarande \u00e4r p\u00e5 en enskild inl\u00e4ggsvy med [is_singular](https:\/\/developer.wordpress.org\/reference\/functions\/is_singular\/)()<\/code>och om kryssrutan \u00e4r markerad \u00e5terkommer vi false<\/code>.<\/p>\nadd_filter('widget_display_callback', function($instance, $widget, $args) {\n if (is_singular() && $instance['awp-custom-setting']) {\n return false;\n }\n return $instance;\n}, 10, 3);<\/code><\/pre>\n\u00c4ndra befintliga widgets inst\u00e4llningar eller utdata<\/h3>\n
Ett kraftfullt filter att anv\u00e4nda f\u00f6r att leka med befintliga widgets \u00e4r [dynamic_sidebar_params](https:\/\/developer.wordpress.org\/reference\/hooks\/dynamic_sidebar_params\/)<\/code>. Ta en titt p\u00e5 dokumentationssidan f\u00f6r att se vilka parametrar du kan \u00e4ndra. Du kan till exempel l\u00e4gga till anpassade klasser, du kan \u00e4ndra before_widget<\/code>, after_widget<\/code>eller HTML before_title<\/code>– after_title<\/code>str\u00e4ngarna. Detta g\u00e4ller dock alla widgets, \u00e4ven admin och frontend. Och med detta filter har du inte tillg\u00e5ng till widgetens instans (sparade inst\u00e4llningar) eller widgetinst\u00e4llningar (t.ex. typ av widget).<\/p>\nSj\u00e4lvklart m\u00e5ste vi \u00e5tminstone kontrollera v\u00e5ra anpassade inst\u00e4llningar. S\u00e5 vi m\u00e5ste g\u00f6ra en hel del kod f\u00f6r att h\u00e4mta de v\u00e4rden vi beh\u00f6ver.<\/p>\n
Det f\u00f6rsta vi kan g\u00f6ra \u00e4r att komma \u00e5t en global variabel $wp_registered_widgets<\/code>. Detta \u00e4r en array som inneh\u00e5ller alla registrerade, tillg\u00e4ngliga widgets. Genom att anv\u00e4nda det registret kan vi anv\u00e4nda filtrets parameter f\u00f6r att hitta den specifika widgeten vi f\u00f6r n\u00e4rvarande befinner oss p\u00e5. N\u00e4r vi har hittat den aktuella widgeten har vi tillg\u00e5ng till widgetparametrarna, s\u00e5som id_base<\/code>\u2013 som som vi s\u00e5g tidigare talar om f\u00f6r oss vilken typ av widget.<\/p>\nadd_filter('dynamic_sidebar_params', function($params) {\n global $wp_registered_widgets;\n\u00a0\n $this_widget_id = $params[0]['widget_id']; \/\/ Current widget ID\n $this_widget = $wp_registered_widgets[$this_widget_id];\n $widget_object = $this_widget['callback'][0]; \/\/ Current widget object\n\u00a0\n \/\/ With $widget_object we have access to e.g. id_base for checking type of widget\n if ($widget_object->id_base != 'nav_menu') {\n return $params;\n }\n\u00a0\n return $params;\n});<\/code><\/pre>\nSom du kan se i rad #9<\/code>kan vi \u00e4ntligen kontrollera vilken typ av widget vi befinner oss p\u00e5 f\u00f6r n\u00e4rvarande. I koden ovan \u00e5terkommer jag om widgettypen inte \u00e4r en navigationswidget eftersom v\u00e5r anpassade inst\u00e4llning endast lades till f\u00f6r dessa widgetar.<\/p>\nH\u00e4mtar sparade widgetinst\u00e4llningar<\/h3>\n
Men vi m\u00e5ste ocks\u00e5 h\u00e4mta de sparade inst\u00e4llningarna per widget (inklusive v\u00e5r anpassade inst\u00e4llning). Alla widgets sparade inst\u00e4llningar lagras i alternativdatabasen grupperade efter typ av widget. Med hj\u00e4lp av en egenskap i widgetregistret kan vi anv\u00e4nda [get_option](https:\/\/developer.wordpress.org\/reference\/functions\/get_option\/)()<\/code>f\u00f6r att h\u00e4mta de sparade inst\u00e4llningarna f\u00f6r den aktuella widgettypen. Returen kommer att vara en indexerad array d\u00e4r vi beh\u00f6ver anv\u00e4nda ytterligare en perameter fr\u00e5n filtret f\u00f6r att hitta det aktuella indexet (eftersom du kan l\u00e4gga till flera av samma widgettyp i samma eller olika sidof\u00e4lt). Det \u00e4r l\u00e4ttare att visa med kod \u00e4n att f\u00f6rklara det:<\/p>\n ...\n if ($widget_object->id_base != 'nav_menu') {\n return $params;\n }\n\u00a0\n $all_settings = get_option($widget_object->option_name);\n $saved_settings = $all_settings[$params[1]['number']];\n if ($saved_settings['my-custom-thing']) {\n \/\/ Do your thing\n }\n\u00a0\n return $params;\n});<\/code><\/pre>\n\u00c4ntligen f\u00e5r vi tag p\u00e5 widgetens sparade inst\u00e4llningar! I exempelkoden ovan, p\u00e5 rad #9<\/code>, kontrollerar vi om v\u00e5r anpassade kryssruta \u00e4r markerad eller inte.<\/p>\nExempel<\/h3>\n
Vid det h\u00e4r laget \u00e4r det upp till dig vad du vill g\u00f6ra. Du kan till exempel rendera en utdata efter widgettitel, men f\u00f6re widgetinneh\u00e5ll:<\/p>\n
...\n if ($saved_settings['my-custom-thing']) {\n $params[0]['after_title'] .= '<div>This appears before widget content<\/div>';\n }\n ...<\/code><\/pre>\nF\u00f6r mer verkliga anv\u00e4ndningsfall skulle du normalt l\u00f6sa det mesta genom att l\u00e4gga till vissa filter vid denna tidpunkt, genom att anropa add_filter()<\/code>vid denna tidpunkt.<\/p>\nNedan \u00e4r ett exempel p\u00e5 hur du \u00e4ndrar navigeringsmenyns argument genom att l\u00e4gga till ett filter om v\u00e5r inst\u00e4llning var markerad. Om det var avmarkerat ser vi till att filtret tas bort. Filtret f\u00f6r att \u00e4ndra argumenten f\u00f6r att rendera en navigeringsmeny \u00e4r widget_nav_menu_args<\/code>. I koden nedan har jag definierat en funktion f\u00f6r detta filter som l\u00e4gger till ett nytt argument till menyargumenten; en rullator:<\/p>\n ...\n if ($saved_settings['my-custom-thing']) {\n add_filter('widget_nav_menu_args', 'awp_add_menu_walker', 10, 3);\n } else {\n remove_filter('widget_nav_menu_args', 'awp_add_menu_walker', 10);\n }\n return $params;\n});\nfunction awp_add_menu_walker($nav_menu_args, $nav_menu, $args) {\n $nav_menu_args['walker'] = new AWP_Custom_Walker();\n return $nav_menu_args;\n}<\/code><\/pre>\nKoden ovan \u00e4r ett exempel p\u00e5 ett anv\u00e4ndningsfall d\u00e4r den anpassade kryssrutan styr huruvida en menyrullare ska till\u00e4mpas p\u00e5 menyn eller inte. Utm\u00e4rkt om du vill att alla menyer ska renderas normalt men vill att alternativet f\u00f6r specifika menywidgets ska renderas annorlunda. Vad rollatorn g\u00f6r med menyutg\u00e5ngen \u00e4r upp till dig.<\/p>\n
Se nedan f\u00f6r den fullst\u00e4ndiga koden f\u00f6r att l\u00e4gga till en anpassad inst\u00e4llning till alla navigeringsmenyer, uppdatera den och anv\u00e4nda en menypassare.<\/p>\n
F\u00f6rhoppningsvis r\u00e4cker detta f\u00f6r att du ska komma p\u00e5 hur du kodar det du vill g\u00f6ra. Det beror verkligen p\u00e5 vad du vill g\u00f6ra och vilken typ av widget du arbetar med. Som n\u00e4mnts ovan brukar de flesta av \u00e4ndringarna l\u00f6sas genom att l\u00e4gga till filter f\u00f6r att g\u00f6ra din grej i dynamic_sidebar_params<\/code>.<\/p>\nFullst\u00e4ndigt exempel: Anpassad kryssruteinst\u00e4llning p\u00e5 Navigationswidgets f\u00f6r att anv\u00e4nda en menypassare<\/h2>\n
H\u00e4r \u00e4r den fullst\u00e4ndiga koden f\u00f6r att l\u00e4gga till en anpassad kryssruta till alla WordPresss navigeringsmenywidgetar f\u00f6r att anv\u00e4nda en registrerad menyrullare. (Walkerkod ing\u00e5r ej)<\/p>\n
\/\/ Add custom setting to menu widgets\nadd_action('in_widget_form', function($widget, $return, $instance) {\n \/\/ Add setting only to menu widgets\n if ($widget->id_base != 'nav_menu') {\n return;\n }\n\u00a0\n ?>\n <p>\n <input type=\"checkbox\" class=\"checkbox\" name=\"<?php echo $widget->get_field_name('activate-walker'); ?>\" id=\"<?php echo $widget->get_field_name('activate-walker'); ?>\" <?php checked(isset($instance['activate-walker'])? $instance['activate-walker']: 0); ?> \/>\n <label for=\"<?php echo $widget->get_field_name('activate-walker'); ?>\"><?php __('Activate walker', 'txtdomain'); ?><\/label>\n <\/p>\n <?php\n}, 10, 3);\n\u00a0\n\u00a0\n\/\/ Update custom setting\nadd_filter('widget_update_callback', function($instance, $new_instance, $old_instance) {\n $instance['activate-walker'] = isset($new_instance['activate-walker']);\n return $instance;\n}, 10, 3);\n\u00a0\n\u00a0\n\/\/ Filter sidebar params to add filter if custom setting was activated\nadd_filter('dynamic_sidebar_params', function($params) {\n global $wp_registered_widgets;\n\u00a0\n $this_widget_id = $params[0]['widget_id'];\n $this_widget = $wp_registered_widgets[$this_widget_id];\n $widget_object = $this_widget['callback'][0];\n\u00a0\n \/\/ Bail if not a menu widget\n if ($widget_object->id_base != 'nav_menu') {\n return $params;\n }\n\u00a0\n $all_settings = get_option($widget_object->option_name);\n $saved_settings = $all_settings[$params[1]['number']];\n\u00a0\n if ($saved_settings['activate-walker']) {\n add_filter('widget_nav_menu_args', 'awp_add_menu_walker', 10, 3);\n } else {\n remove_filter('widget_nav_menu_args', 'awp_add_menu_walker', 10);\n }\n\u00a0\n return $params;\n});\n\u00a0\n\u00a0\n\/\/ Filter nav menu arguments to add walker\nfunction awp_add_menu_walker($nav_menu_args, $nav_menu, $args) {\n $nav_menu_args['walker'] = new AWP_Custom_Walker();\n return $nav_menu_args;\n}<\/code><\/pre>\nSlutsats<\/h2>\n
F\u00f6rhoppningsvis har det h\u00e4r inl\u00e4gget varit till hj\u00e4lp f\u00f6r att antingen l\u00f6sa dina behov eller ge dig n\u00e5gra tips om hur du kan g\u00e5 tillv\u00e4ga f\u00f6r att g\u00f6ra det du beh\u00f6ver g\u00f6ra!<\/p>\n
Inspelningsk\u00e4lla:
awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"Hur man l\u00e4gger till anpassade inst\u00e4llningar till n\u00e5gon av WordPresss standardwidgets. Med dessa inst\u00e4llningar l\u00e4r vi oss hur man manipulerar widgetarnas beteende d\u00e4refter.<\/p>\n","protected":false},"author":1,"featured_media":223663,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[932,901,724,838,848,901,1110,807,807,838,932,848,724,868,868],"tags":[1173],"class_list":["post-233467","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aemnen","category-koda","category-utvecklaren","category-guide-foer-nyboerjare","category-handledningar","category-n-a","category-php-9","category-wordpress-9","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/233467","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=233467"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/233467\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/223663"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=233467"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=233467"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=233467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Hur](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153158-61e509045fded.png\")
<\/a><\/p>\n