{"id":28718,"date":"2024-11-25T15:59:33","date_gmt":"2024-11-25T07:59:33","guid":{"rendered":"https:\/\/fwq.ai\/blog\/28718\/"},"modified":"2024-11-25T15:59:33","modified_gmt":"2024-11-25T07:59:33","slug":"%e6%80%8e%e4%b9%88%e4%b8%bawordpress%e5%b0%8f%e5%b7%a5%e5%85%b7%e6%b7%bb%e5%8a%a0css%e7%b1%bb%e9%80%89%e9%a1%b9","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/28718\/","title":{"rendered":"\u600e\u4e48\u4e3aWordPress\u5c0f\u5de5\u5177\u6dfb\u52a0CSS\u7c7b\u9009\u9879"},"content":{"rendered":"

\u4e0b\u9762\u7531\/” target=”_blank”>wordpress\u6559\u7a0b<\/strong>\u680f\u76ee\u7ed9\u5927\u5bb6\u4ecb\u7ecd\u600e\u4e48\u4e3awordpress\u5c0f\u5de5\u5177\u6dfb\u52a0css\u7c7b\u9009\u9879\uff0c\u5e0c\u671b\u5bf9\u9700\u8981\u7684\u670b\u53cb\u6709\u6240\u5e2e\u52a9\uff01<\/p>\n

WordPress \u5c0f\u5de5\u5177\u53ef\u4ee5\u91cd\u590d\u4f7f\u7528\uff0c\u76f8\u540c\u7684\u5c0f\u5de5\u5177\u6837\u5f0f\u4e5f\u662f\u76f8\u540c\u7684\uff0c\u5982\u679c\u60f3\u81ea\u5b9a\u4e49\u67d0\u4e2a\u524d\u53f0\u6dfb\u52a0\u7684\u5c0f\u5de5\u5177\u6837\u5f0f\uff0c\u4e0e\u5176\u5b83\u4e0d\u540c\uff0c\u53ef\u4ee5\u901a\u8fc7\u67e5\u770b\u539f\u4ee3\u7801\uff0c\u627e\u5230\u5b83\u7684id\uff0c\u6bd4\u5982\u641c\u7d22\u5c0f\u5de5\u5177\u4f1a\u770b\u5230\u7c7b\u4f3c\u7684\uff1a<\/p>\n

<section><\/section><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u5176\u4e2dsearch-2\u5c31\u662f\u8fd9\u4e2a\u5c0f\u5de5\u5177\u7684ID\uff0c\u53ef\u4ee5\u7528#search-2\u5b9a\u4e49\u6837\u5f0f\uff0c\u4e0d\u8fc7\u8fd9\u4e2a\u540e\u7f00\u7684\u7f16\u53f7\u5e76\u4e0d\u662f\u56fa\u5b9a\u7684\uff0c\u4e0b\u6b21\u6dfb\u52a0\u53ef\u80fd\u4f1a\u53d8\uff0c\u9700\u8981\u518d\u6b21\u7f16\u8f91\u4e4b\u524d\u7684\u6837\u5f0f\uff0c\u6709\u4e9b\u9ebb\u70e6\u3002<\/p>\n
\u53ef\u4ee5\u901a\u8fc7\u4e0b\u9762\u7684\u4ee3\u7801\uff0c\u7ed9\u73b0\u6709\u7684\u5c0f\u5de5\u5177\u7edf\u4e00\u589e\u52a0CSS\u7c7b\u9009\u9879\uff0c\u5c06\u4ee3\u7801\u6dfb\u52a0\u5230\u5f53\u524d\u4e3b\u9898\u51fd\u6570\u6a21\u677ffunctions.php\u4e2d\u5373\u53ef\uff0c\u6548\u679c\u5982\u56fe\uff1a<\/p>\n
\"\u600e\u4e48\u4e3aWordPress\u5c0f\u5de5\u5177\u6dfb\u52a0CSS\u7c7b\u9009\u9879\u63d2\u56fe\"<\/p>\n
\u7acb\u5373\u5b66\u4e60<\/span>\u201c\u201d\uff1b<\/p>\n
\u4ee3\u7801\u4e00\u3000<\/p>\n
\u53ea\u52a0\u4e00\u4e2aCSS\u7c7b\u9009\u9879<\/p>\n
function zm_widget_form_extend( $instance, $widget ) {\n  if ( !isset($instance['classes']) )\n$instance['classes'] = null;\n$row = \"<p>\n\";\n$row .= \"\t<label>id_base}-{$widget-&gt;number}-classes'&gt;CSS\u7c7b<\/label>\n\";\n$row .= \"\t<input>id_base}[{$widget-&gt;number}][classes]' id='widget-{$widget-&gt;id_base}-{$widget-&gt;number}-classes' class='widefat' value='{$instance['classes']}'\/&gt;\n\";\n$row .= \"<\/p>\n\";\necho $row;\nreturn $instance;\n}\nadd_filter('widget_form_callback', 'zm_widget_form_extend', 10, 2);\n \nfunction zm_widget_update( $instance, $new_instance ) {\n$instance['classes'] = $new_instance['classes'];\nreturn $instance;\n}\nadd_filter( 'widget_update_callback', 'zm_widget_update', 10, 2 );\n \nfunction zm_dynamic_sidebar_params( $params ) {\nglobal $wp_registered_widgets;\n$widget_id    = $params[0]['widget_id'];\n$widget_obj    = $wp_registered_widgets[$widget_id];\n$widget_opt    = get_option($widget_obj['callback'][0]-&gt;option_name);\n$widget_num    = $widget_obj['params'][0]['number'];\n \nif ( isset($widget_opt[$widget_num]['classes']) &amp;&amp; !empty($widget_opt[$widget_num]['classes']) )\n$params[0]['before_widget'] = preg_replace( '\/class=\"\/', \"class=\"{$widget_opt[$widget_num]['classes']} \", $params[0]['before_widget'], 1 );\nreturn $params;\n}\nadd_filter( 'dynamic_sidebar_params', 'zm_dynamic_sidebar_params' );<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
 <\/p>\n
\u4ee3\u7801\u4e8c\u3000<\/p>\n
\u6dfb\u52a0ID\u53caCSS\u7c7b\u4e0b\u62c9\u9009\u9879<\/p>\n
function zm_widget_form_extend( $instance, $widget ) {\nif ( !isset( $instance['classes'] ) )\n$instance['classes'] = null;\n \nif ( !isset( $instance['custom_id'] ) )\n$instance['custom_id'] = null;\n \n$class_prefix = 'widget-'; \n$myclass = array(\n'default'  =&gt; '\u9ed8\u8ba4',\n'blue'     =&gt; '\u84dd\u8272',\n'yellow'   =&gt; '\u9ec4\u8272',\n'black'    =&gt; '\u9ed1\u8272',\n);\n \n$row = \"<p>\n\";\n$row .= \"\t<label>id_base}-{$widget-&gt;number}-custom_id'&gt;\u6dfb\u52a0ID<\/label>\n\";\n$row .= \"\t<input>id_base}[{$widget-&gt;number}][custom_id]' id='widget-{$widget-&gt;id_base}-{$widget-&gt;number}-custom_id' class='widefat' value='{$instance['custom_id']}' \/&gt;\n\";\n$row .= \"\t<label>id_base}-{$widget-&gt;number}-classes'&gt;CSS\u7c7b<\/label>\n\";\n$row .= \"\t<select>id_base}[{$widget-&gt;number}][classes]' id='widget-{$widget-&gt;id_base}-{$widget-&gt;number}-classes' class='widefat'&gt;\";\nforeach( $myclass as $key =&gt; $class ) {\n$selected = null;\nif( $class_prefix.$key == $instance['classes'] ) $selected = 'selected = \"selected\"';\n$row .= \"\t<option>$class\n\";\n}\n$row .= \"<\/option><\/select>\n\";\necho $row;\nreturn $instance;\n}\nadd_filter('widget_form_callback', 'zm_widget_form_extend', 10, 2);\n \nfunction zm_widget_update( $instance, $new_instance ) {\n$instance['classes'] = $new_instance['classes'];\n$instance['custom_id'] = $new_instance['custom_id'];\nreturn $instance;\n}\nadd_filter( 'widget_update_callback', 'zm_widget_update', 10, 2 );\n \nfunction zm_dynamic_sidebar_params( $params ) {\nglobal $wp_registered_widgets;\n$widget_id  = $params[0]['widget_id'];\n$widget_obj = $wp_registered_widgets[$widget_id];\n$widget_opt = get_option($widget_obj['callback'][0]-&gt;option_name);\n$widget_num = $widget_obj['params'][0]['number'];\n \nif ( isset( $widget_opt[$widget_num]['classes'] ) &amp;&amp; !empty( $widget_opt[$widget_num]['classes'] ) )\n$params[0]['before_widget'] = preg_replace( '\/class=\"\/', \"class=\"{$widget_opt[$widget_num]['classes']} \", $params[0]['before_widget'], 1 );\nif ( isset($widget_opt[$widget_num]['custom_id']) &amp;&amp; !empty($widget_opt[$widget_num]['custom_id']) )\n$params[0]['before_widget'] = preg_replace( '\/id=\".*?\"\/', \"id=\"{$widget_opt[$widget_num]['custom_id']}\"\", $params[0]['before_widget'], 1 );\nreturn $params;\n}\nadd_filter( 'dynamic_sidebar_params', 'zm_dynamic_sidebar_params' );<\/p><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4ee3\u7801\u4e2d\u9884\u8bbe\u4e86CSS\u7c7b\u540d\u79f0\uff0c\u53ef\u80fd\u4f7f\u7528\u66f4\u65b9\u4fbf\u4e9b\u3002<\/p>\n
\u7f3a\u70b9\uff1a\u6dfb\u52a0\u7684\u9009\u9879\u4f4d\u7f6e\u5728\u5176\u5b83\u5c0f\u5de5\u5177\u9009\u9879\u7684\u4e0a\u9762\uff0c\u9700\u8981\u6539\u8fdb\u4e00\u4e0b\u3002<\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u600e\u4e48\u4e3aWordPress\u5c0f\u5de5\u5177\u6dfb\u52a0CSS\u7c7b\u9009\u9879\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u4e0b\u9762\u7531\/” target=”_blank”>wordpress\u6559\u7a0b\u680f\u76ee\u7ed9\u5927\u5bb6\u4ecb\u7ecd\u600e\u4e48\u4e3awordpress\u5c0f\u5de5\u5177\u6dfb\u52a0css\u7c7b\u9009\u9879\uff0c\u5e0c\u671b\u5bf9\u9700\u8981\u7684\u670b\u53cb\u6709\u6240\u5e2e\u52a9\uff01 WordPress \u5c0f\u5de5\u5177\u53ef\u4ee5\u91cd\u590d\u4f7f\u7528\uff0c\u76f8\u540c\u7684\u5c0f\u5de5\u5177\u6837\u5f0f\u4e5f\u662f\u76f8\u540c\u7684\uff0c\u5982\u679c\u60f3\u81ea\u5b9a\u4e49\u67d0\u4e2a\u524d\u53f0\u6dfb\u52a0\u7684\u5c0f\u5de5\u5177\u6837\u5f0f\uff0c\u4e0e\u5176\u5b83\u4e0d\u540c\uff0c\u53ef\u4ee5\u901a\u8fc7\u67e5\u770b\u539f\u4ee3\u7801\uff0c\u627e\u5230\u5b83\u7684id\uff0c\u6bd4\u5982\u641c\u7d22\u5c0f\u5de5\u5177\u4f1a\u770b\u5230\u7c7b\u4f3c\u7684\uff1a <section><\/section> \u767b\u5f55\u540e\u590d\u5236 \u5176\u4e2dsearch-2\u5c31\u662f\u8fd9\u4e2a\u5c0f\u5de5\u5177\u7684ID\uff0c\u53ef\u4ee5\u7528#search-2\u5b9a\u4e49\u6837\u5f0f\uff0c\u4e0d\u8fc7\u8fd9\u4e2a\u540e\u7f00\u7684\u7f16\u53f7\u5e76\u4e0d\u662f\u56fa\u5b9a\u7684\uff0c\u4e0b\u6b21\u6dfb\u52a0\u53ef\u80fd\u4f1a\u53d8\uff0c\u9700\u8981\u518d\u6b21\u7f16\u8f91\u4e4b\u524d\u7684\u6837\u5f0f\uff0c\u6709\u4e9b\u9ebb\u70e6\u3002 \u53ef\u4ee5\u901a\u8fc7\u4e0b\u9762\u7684\u4ee3\u7801\uff0c\u7ed9\u73b0\u6709\u7684\u5c0f\u5de5\u5177\u7edf\u4e00\u589e\u52a0CSS\u7c7b\u9009\u9879\uff0c\u5c06\u4ee3\u7801\u6dfb\u52a0\u5230\u5f53\u524d\u4e3b\u9898\u51fd\u6570\u6a21\u677ffunctions.php\u4e2d\u5373\u53ef\uff0c\u6548\u679c\u5982\u56fe\uff1a \u7acb\u5373\u5b66\u4e60\u201c\u201d\uff1b \u4ee3\u7801\u4e00\u3000 \u53ea\u52a0\u4e00\u4e2aCSS\u7c7b\u9009\u9879 function zm_widget_form_extend( $instance, $widget ) {   if ( !isset($instance[‘classes’]) ) $instance[‘classes’] = null; $row = “<p> “; $row .= ” <label>id_base}-{$widget-&gt;number}-classes’&gt;CSS\u7c7b<\/label> “; $row .= ” <input>id_base}[{$widget-&gt;number}][classes]’ id=’widget-{$widget-&gt;id_base}-{$widget-&gt;number}-classes’ class=’widefat’ value='{$instance[‘classes’]}’\/&gt; “; $row .= “<\/p> “; echo $row; return $instance; } add_filter(‘widget_form_callback’, ‘zm_widget_form_extend’, 10, 2);   function zm_widget_update( $instance, $new_instance ) { $instance[‘classes’] = $new_instance[‘classes’]; return $instance; } add_filter( ‘widget_update_callback’, ‘zm_widget_update’, 10, 2 );   function zm_dynamic_sidebar_params( $params ) { global $wp_registered_widgets; $widget_id    = $params[0][‘widget_id’]; $widget_obj    = $wp_registered_widgets[$widget_id]; $widget_opt    = get_option($widget_obj[‘callback’][0]-&gt;option_name); $widget_num    = $widget_obj[‘params’][0][‘number’];   if ( isset($widget_opt[$widget_num][‘classes’]) &amp;&amp; !empty($widget_opt[$widget_num][‘classes’]) ) $params[0][‘before_widget’] = preg_replace( ‘\/class=”\/’, “class=”{$widget_opt[$widget_num][‘classes’]} “, $params[0][‘before_widget’], 1 ); return $params; } add_filter( ‘dynamic_sidebar_params’, ‘zm_dynamic_sidebar_params’ ); \u767b\u5f55\u540e\u590d\u5236   \u4ee3\u7801\u4e8c\u3000 \u6dfb\u52a0ID\u53caCSS\u7c7b\u4e0b\u62c9\u9009\u9879 function zm_widget_form_extend( $instance, $widget ) { if ( !isset( $instance[‘classes’] ) ) $instance[‘classes’] = null;   […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"class_list":["post-28718","post","type-post","status-publish","format-standard","hentry","category-cms"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/28718","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=28718"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/28718\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=28718"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=28718"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=28718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}