\u0414\u0430\u043d\u043d\u044b\u0439 \u0441\u043d\u0438\u043f\u043f\u0435\u0442 \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0442\u044c \u043a\u043b\u0430\u0441\u0441 \u0434\u0435\u0432\u0430\u0439\u0441\u0430 \u0434\u043b\u044f \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d \u0442\u043e\u0442 \u0438\u043b\u0438 \u0438\u043d\u043e\u0439 \u0432\u0438\u0434\u0436\u0435\u0442.<\/p>\n
DISCLAMER:<\/strong> \u041c\u043e\u0436\u0435\u0442 \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u0432\u0438\u0434\u0436\u0435\u0442\u0430\u043c\u0438 \u0432 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u0445 (\u0442\u0435\u043c\u0430\u0445) \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u0432\u0438\u0434\u0430.<\/strong> \u042d\u0442\u043e \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u043a\u043e \u043c\u043d\u043e\u0433\u0438\u043c \u0441\u043d\u0438\u043f\u043f\u0435\u0442\u0430\u043c \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u043c CSS, \u043a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e.<\/p>\n \u041a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0444\u0430\u0439\u043b\u0430 \u0438 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u043c \u0435\u0433\u043e \u0432 \u043d\u043e\u0432\u044b\u0439 \u0441\u043d\u0438\u043f\u043f\u0435\u0442 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u043b\u0430\u0433\u0438\u043d\u0430 Code Snippets.<\/p>\n \u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0441\u0442\u043e\u0438\u0442 All Devices, \u0442.\u0435. \u0432\u0441\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430, \u0430 \u043f\u043e\u0442\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0442\u043e, \u0447\u0442\u043e \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e.<\/p>\n Enjoy!<\/p>\n","protected":false},"excerpt":{"rendered":" \u0414\u0430\u043d\u043d\u044b\u0439 \u0441\u043d\u0438\u043f\u043f\u0435\u0442 \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0442\u044c \u043a\u043b\u0430\u0441\u0441 \u0434\u0435\u0432\u0430\u0439\u0441\u0430 \u0434\u043b\u044f \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d \u0442\u043e\u0442 \u0438\u043b\u0438 \u0438\u043d\u043e\u0439 \u0432\u0438\u0434\u0436\u0435\u0442.<\/p>\n \u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435<\/a>","protected":false},"author":1,"featured_media":4279,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77],"tags":[39,37],"class_list":["post-4335","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-widgets","tag-snippets","tag-shortcodes"],"_links":{"self":[{"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/posts\/4335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/comments?post=4335"}],"version-history":[{"count":7,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/posts\/4335\/revisions"}],"predecessor-version":[{"id":5166,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/posts\/4335\/revisions\/5166"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/media\/4279"}],"wp:attachment":[{"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/media?parent=4335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/categories?post=4335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/tags?post=4335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<?php\n\n\/**\n * Snippet Name: Widget Device Visibility Controls\n * Description: Adds device visibility controls (Desktop\/Tablet\/Mobile) to all widgets\n * Version: 1.0\n * Author: newsbee\n * Author URI: https:\/\/newsbee.blog\/wp-tips\/\n * Snippet URI: https:\/\/newsbee.blog\/wp-tips\/snippets\/widget-classes.txt\n * License: GPLv2 or later\n * Network: false\n * \n * This snippet adds device visibility controls to WordPress widgets,\n * allowing you to control which devices each widget appears on.\n *\/\n\n\/\/ Exit if accessed directly\nif (!defined('ABSPATH')) {\n exit;\n}\n\n\/\/ Add device visibility controls to widget form\nfunction widget_device_controls($widget, $return, $instance) {\n $visibility = isset($instance['device_visibility']) ? $instance['device_visibility'] : 'all';\n ?>\n <div class="widget-visibility-control">\n <p>\n <label for="<?php echo $widget->get_field_id('device_visibility'); ?>">\n <strong>Display on:<\/strong>\n <\/label>\n <select \n class="widefat" \n id="<?php echo $widget->get_field_id('device_visibility'); ?>" \n name="<?php echo $widget->get_field_name('device_visibility'); ?>">\n <option value="all" <?php selected($visibility, 'all'); ?>>All Devices<\/option>\n <option value="desktop" <?php selected($visibility, 'desktop'); ?>>Desktop Only<\/option>\n <option value="mobile" <?php selected($visibility, 'mobile'); ?>>Mobile Only<\/option>\n <option value="tablet" <?php selected($visibility, 'tablet'); ?>>Tablet Only<\/option>\n <\/select>\n <\/p>\n <\/div>\n <?php\n return $instance;\n}\nadd_action('in_widget_form', 'widget_device_controls', 10, 3);\n\n\/\/ Save widget visibility settings\nfunction save_widget_visibility($instance, $new_instance) {\n $instance['device_visibility'] = isset($new_instance['device_visibility']) ? $new_instance['device_visibility'] : 'all';\n return $instance;\n}\nadd_filter('widget_update_callback', 'save_widget_visibility', 10, 2);\n\n\/\/ Filter widget display based on device\nfunction filter_widget_visibility($instance, $widget) {\n if (!isset($instance['device_visibility']) || $instance['device_visibility'] === 'all') {\n return $instance;\n }\n\n \/\/ Get current device type\n $ua = $_SERVER['HTTP_USER_AGENT'] ?? '';\n $current_device = 'desktop';\n \n if (preg_match('\/(android|bb\\d+|meego).+mobile|avantgo|bada\\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino\/i', $ua)) {\n $current_device = 'mobile';\n } elseif (preg_match('\/android|ipad|playbook|silk\/i', $ua)) {\n $current_device = 'tablet';\n }\n\n \/\/ Hide widget if it doesn't match current device\n if ($instance['device_visibility'] !== $current_device) {\n return false;\n }\n\n return $instance;\n}\nadd_filter('widget_display_callback', 'filter_widget_visibility', 10, 2);\n\n\/\/ Add device-specific CSS classes to widgets\nfunction add_device_visibility_classes($params) {\n if (!isset($params[0]['widget_id'])) {\n return $params;\n }\n\n \/\/ Get widget details\n $widget_id = $params[0]['widget_id'];\n $id_base = preg_replace('\/-[0-9]+$\/', '', $widget_id);\n $widget_number = (int) str_replace($id_base . '-', '', $widget_id);\n $widget_obj = get_option('widget_' . $id_base);\n\n \/\/ Add device class if visibility is set\n if (isset($widget_obj[$widget_number]['device_visibility'])) {\n $params[0]['before_widget'] = preg_replace(\n '\/class="\/',\n 'class="device-' . $widget_obj[$widget_number]['device_visibility'] . ' ',\n $params[0]['before_widget'],\n 1\n );\n }\n\n return $params;\n}\nadd_filter('dynamic_sidebar_params', 'add_device_visibility_classes');\n\n\/\/ Add CSS for device visibility\nfunction add_device_visibility_styles() {\n ?>\n <style>\n \/* Desktop *\/\n @media (min-width: 1024px) {\n .device-mobile, \n .device-tablet {\n display: none !important;\n }\n }\n \n \/* Tablet *\/\n @media (min-width: 768px) and (max-width: 1023px) {\n .device-desktop, \n .device-mobile {\n display: none !important;\n }\n }\n \n \/* Mobile *\/\n @media (max-width: 767px) {\n .device-desktop, \n .device-tablet {\n display: none !important;\n }\n }\n <\/style>\n <?php\n}\nadd_action('wp_head', 'add_device_visibility_styles');<\/code><\/pre>\n