{"id":4607,"date":"2019-01-13T20:24:30","date_gmt":"2019-01-13T12:24:30","guid":{"rendered":"https:\/\/www.npc.ink\/4607.html"},"modified":"2021-01-09T10:33:15","modified_gmt":"2021-01-09T02:33:15","slug":"%e6%ad%a3%e7%a1%ae%e5%8a%a0%e8%bd%bd-css-%e5%88%b0-wordpress","status":"publish","type":"post","link":"https:\/\/www.npc.ink\/4607.html","title":{"rendered":"WordPress\u600e\u4e48\u52a0\u8f7d CSS \u548cJS\uff1f - WordPress\u5f00\u53d1"},"content":{"rendered":"\n<p>\u5728\u5f00\u53d1wordpress\u4e3b\u9898\u65f6\uff0c\u5982\u679c\u8fd8\u5728\u7528\u5199\u7f51\u9875\u65f6\u7684\u65b9\u6cd5\u8fdb\u884c\u52a0\u8f7d\uff0c\u5c31\u4e0d\u592a\u7b26\u5408\u5b98\u65b9\u5efa\u8bae\u4e86\uff0c\u5176\u5b9e\u5b98\u65b9\u63d0\u4f9b\u4e86\u4e00\u7cfb\u5217\u7684\u51fd\u6570\uff0c\u5e2e\u52a9\u6211\u4eec\u66f4\u597d\u7684\u52a0\u8f7d\u8fd9\u4e9b\u6587\u4ef6\uff0c\u8fd9\u4e00\u6b21\u7684wordpress\u5f00\u53d1\u6559\u5927\u5bb6\u600e\u4e48\u52a0\u8f7d CSS \u548cJS\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>\u76f8\u5173\u6587\u6863\uff1a<\/strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.npc.ink\/go_to\/?url=https%3A%2F%2Fdeveloper.wordpress.org%2Fthemes%2Fbasics%2Fincluding-css-javascript%2F%23stylesheets\" target=\"_blank\" target=\"_blank\" rel=\"external nofollow\" target=\"_blank\">\u5b98\u65b9\u6587\u6863<\/a><\/li><li><strong>\u76f8\u5173\u6587\u6863\uff1a<\/strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.npc.ink\/go_to\/?url=https%3A%2F%2Fdeveloper.wordpress.org%2Freference%2Ffunctions%2Fwp_enqueue_style%2F\" target=\"_blank\" target=\"_blank\" rel=\"external nofollow\" target=\"_blank\">\u5b98\u65b9\u6587\u6863<\/a><\/li><li><strong>\u8be6\u7ec6\u4ecb\u7ecd\uff1a<\/strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.npc.ink\/go_to\/?url=https%3A%2F%2Fwww.wpdaxue.com%2Floading-css-into-wordpress.html\" target=\"_blank\" target=\"_blank\" rel=\"external nofollow\" target=\"_blank\">\u8be6\u60c5<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u4e3b\u9898<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>\/**\n * \u52a0\u8f7dCSS\n *\/\nwp_enqueue_style( 'index', get_template_directory_uri() . '\/css\/index.css',false,'1.0','all');<\/code><\/pre>\n\n\n\n<p>\u6b63\u786e\u52a0\u8f7d CSS \u5230 WordPress\u7684\u4f8b\u5b50\uff08\u653e\u4e8e\u4e3b\u9898\u6839\u76ee\u5f55\u7684functions.php\u6587\u4ef6\u5185\u7684<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/\u52a0\u8f7d\u989d\u5916\u7684css\u5230wordpress\nfunction my_new_css(){\n\twp_register_style('comments',get_template_directory_uri().'\/css\/comments.css');\n\twp_enqueue_style('comments', get_template_directory_uri().'\/css\/comments.css');\n}\nadd_action('wp_enqueue_scripts','my_new_css');<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">\u52a0\u8f7dJS\uff1a<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>\/**\n * \u5c06\u811a\u672c\u548c\u6837\u5f0f\u6392\u961f\u3002\n *\/\nfunction lifet_scripts() {\n\n\twp_enqueue_script( 'lifet-navigation', get_template_directory_uri() . '\/js\/navigation.js', array(), '20151215', true );\n\n\twp_enqueue_script( 'lifet-skip-link-focus-fix', get_template_directory_uri() . '\/js\/skip-link-focus-fix.js', array(), '20151215', true );\n\t\/\/\u7b80\u7e41\u5207\u6362\n\twp_enqueue_script( 'zh-cn-tw', get_template_directory_uri() . '\/js\/zh-cn-tw.js', array(), '20200506', true );\n\n}\nadd_action( 'wp_enqueue_scripts', 'lifet_scripts' );<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u5b50\u4e3b\u9898<\/h2>\n\n\n\n<p><strong>\u52a0\u8f7dcss<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/\u52a0\u8f7d\u5b50\u4e3b\u9898\u7684css\u5230\u4e3b\u9898\u4e2d\nfunction my_theme_enqueue_styles(){\n  wp_enqueue_style( 'bootstrap', get_stylesheet_directory_uri().'\/css\/n.css' );\n  wp_enqueue_style( 'nice', get_stylesheet_directory_uri().'\/css\/nice.css' );\n}\nadd_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );<\/code><\/pre>\n\n\n\n<p><strong>\u52a0\u8f7dJS<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/\u52a0\u8f7d\u5b50\u4e3b\u9898\u7684js\u5230\u4e3b\u9898\u4e2d\nfunction lifet_scripts() {\n\t\/\/\u5f15\u5bfc\u63d0\u793a\n\twp_enqueue_script( 'intro', get_stylesheet_directory_uri() . '\/assets\/intro\/intro.js', array(), '20200506', true );\n}\nadd_action( 'wp_enqueue_scripts', 'lifet_scripts' );<\/code><\/pre>\n\n\n\n<p><strong>\u52a0\u8f7dPHP<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>require_once( get_stylesheet_directory(). '\/inc\/n_xunzhang.php' );<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">\u5224\u65ad\u52a0\u8f7dcss\uff1a<\/h3>\n\n\n\n<p>\u80af\u5b9a\u6709\u66f4\u597d\u7684\u529e\u6cd5\uff0c\u6b22\u8fce\u5728\u8bc4\u8bba\u533a\u4ea4\u6d41\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ \u5728\u7f51\u7ad9head\u52a0\u8f7dcss\nif ( ! function_exists( 'lifet_css_head' ) ) :\n   function lifet_css_head() {\n      $link_head = \"    &lt;link rel='stylesheet' href='\";\n      $link_footer = \"' type='text\/css' media='all' \/&gt;\";\n      $css_url = get_template_directory_uri();\n\n      \/\/\u662f\u5426\u4e3a\u9996\u9875\n      if( is_home() ){echo \"$link_head$css_url\/css\/index.css$link_footer\";}\n   \n      \/\/\u662f\u5426\u4e3a\u65e5\u5fd7\u9875\n      if( is_single() ){echo \"$link_head$css_url\/css\/single.css$link_footer\";}\n   \n      \/\/\u662f\u5426\u4e3a\u4e00\u822c\u9875\u9762\n      if( is_page() ){echo \"$link_head$css_url\/css\/page.css$link_footer\";}\n   }\n  endif;\nadd_action('wp_head', 'lifet_css_head');<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">\u600e\u4e48\u5f15\u5165jquery.js\uff1f<\/h3>\n\n\n<div class=\"insert-post b2-radius post\">\r\n        <span class=\"insert-post-bg\">\r\n        <picture class=\"picture\" ><source type=\"image\/webp\" data-srcset=\"https:\/\/n.getimg.net\/www\/2019\/01\/1e097508786515.jpg?x-oss-process=image\/resize,m_fill,h_120,w_120\/sharpen,120\/format,webp\" srcset=\"https:\/\/www.npc.ink\/wp-content\/themes\/b2\/Assets\/fontend\/images\/default-img.jpg\" \/><img alt=\"WordPress\u600e\u4e48\u52a0\u8f7d CSS \u548cJS\uff1f - WordPress\u5f00\u53d1-Npcink\" decoding=\"async\"  class=\"b2-radius lazy\" data-src=\"https:\/\/n.getimg.net\/www\/2019\/01\/1e097508786515.jpg?x-oss-process=image\/resize,m_fill,h_120,w_120\/sharpen,120\"   alt=\"\" src=\"https:\/\/www.npc.ink\/wp-content\/themes\/b2\/Assets\/fontend\/images\/default-img.jpg\"\/><\/picture>\r\n        <\/span><div class=\"insert-post-thumb\">\r\n            <a href=\"https:\/\/www.npc.ink\/15981.html\" target=\"_blank\">\r\n            <picture class=\"picture\" ><source type=\"image\/webp\" data-srcset=\"https:\/\/n.getimg.net\/www\/2019\/01\/1e097508786515.jpg?x-oss-process=image\/resize,m_fill,h_120,w_120\/sharpen,120\/format,webp\" srcset=\"https:\/\/www.npc.ink\/wp-content\/themes\/b2\/Assets\/fontend\/images\/default-img.jpg\" \/><img alt=\"WordPress\u600e\u4e48\u52a0\u8f7d CSS \u548cJS\uff1f - WordPress\u5f00\u53d1-Npcink\" decoding=\"async\"  class=\"b2-radius lazy\" data-src=\"https:\/\/n.getimg.net\/www\/2019\/01\/1e097508786515.jpg?x-oss-process=image\/resize,m_fill,h_120,w_120\/sharpen,120\"   alt=\"\" src=\"https:\/\/www.npc.ink\/wp-content\/themes\/b2\/Assets\/fontend\/images\/default-img.jpg\"\/><\/picture>\r\n            <\/a>\r\n        <\/div><a href=\"https:\/\/www.npc.ink\/15981.html\" class=\"mp-hidden\" data-type=\"post\" data-id=\"15981\"><\/a><a href=\"javascript:void(0)\" class=\"mp-show\" data-type=\"post\" data-id=\"15981\"><\/a><div class=\"insert-post-content\">\r\n                <h2><a href=\"https:\/\/www.npc.ink\/15981.html\" target=\"_blank\">\u600e\u4e48\u5f15\u5165jquery.js\uff1f - wordpress\u5f00\u53d1<\/a><\/h2>\r\n                <div class=\"insert-post-meta\">\r\n                    <div class=\"insert-post-meta-avatar mp-hidden-all\"><img alt=\"WordPress\u600e\u4e48\u52a0\u8f7d CSS \u548cJS\uff1f - WordPress\u5f00\u53d1-Npcink\" decoding=\"async\" class=\"avatar\" src=\"https:\/\/thirdqq.qlogo.cn\/g?b=oidb&k=43S19BKxK3XCz9d0wia1SfQ&s=100&t=1559412136\" \/><a href=\"https:\/\/www.npc.ink\/users\/1\">Muze<\/a><\/div>\r\n                    <ul class=\"post-meta\">\r\n                        <li class=\"single-date\">\r\n                            <time class=\"b2timeago\" datetime=\"2020-05-19 23:23:25\" itemprop=\"datePublished\">20\u5e745\u670819\u65e5<\/time>\r\n                        <\/li>\r\n                        <li class=\"single-like\">\r\n                            <i class=\"b2font b2-heart-fill \"><\/i><span class=\"mp-show\">\u559c\u6b22\uff1a<\/span>0\r\n                        <\/li>\r\n                        <li class=\"single-eye\">\r\n                            <i class=\"b2font b2-eye-fill \"><\/i><span class=\"mp-show\">\u6d4f\u89c8\uff1a<\/span>1.2k\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">css\/js\u65b9\u6cd5\u603b\u7ed3<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>\u539f\u6587\u6765\u6e90\uff1a<\/strong><a href=\"https:\/\/www.npc.ink\/go_to\/?url=https%3A%2F%2Fwww.solagirl.net%2Fwordpress-ways-to-load-js-css.html\" target=\"_blank\" rel=\"noreferrer noopener\" target=\"_blank\" rel=\"external nofollow\" target=\"_blank\">\u8be6\u60c5<\/a><\/li><\/ul>\n\n\n\n<p>WordPress\u5f15\u5165css\/js\u65b9\u6cd5\u5f88\u591a\uff0c\u6761\u4ef6\u5f88\u591a\u3002\u5982\u4f55\u5168\u5c40\u52a0\u8f7d\uff0c\u6216\u4ec5\u5728\u67d0\u4e9b\u9875\u9762\u7cbe\u51c6\u52a0\u8f7d\uff0c\u4ec0\u4e48\u65f6\u5019\u9700\u8981\u5148\u6ce8\u518c\u811a\u672c\u518d\u52a0\u8f7d\uff0c\u672c\u6587\u5e0c\u671b\u627e\u5230\u6700\u7b80\u5355\u7684\u65b9\u5f0f\uff0c\u5e76\u7ed9\u51fa\u63a2\u7d22\u66f4\u591a\u65b9\u6cd5\u7684\u9014\u5f84\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u5728\u524d\u53f0\u52a0\u8f7dcss\/js<\/h3>\n\n\n\n<p>\u7528<strong>wp_enqueue_script()<\/strong>\u51fd\u6570\u52a0\u8f7djs\uff0c\u7528<strong>wp_enqueue_style()<\/strong>\u52a0\u8f7dcss\uff0c\u52a0\u8f7d\u8d44\u6e90\u7684\u4f4d\u7f6e\uff08action\uff09\u53ea\u6709\u4e00\u4e2a\u2014\u2014<strong>wp_enqueue_scripts<\/strong>\u3002<\/p>\n\n\n\n<p>\u7528wp_enqueue_\u7cfb\u5217\u51fd\u6570\u53ef\u4ee5\u66f4\u597d\u7684\u5904\u7406\u811a\u672c\u6837\u5f0f\u8868\u7684\u4f9d\u8d56\u5173\u7cfb\uff0c\u9632\u6b62\u91cd\u590d\u52a0\u8f7d\uff0c\u4ee5twentyfifteen\u4e3b\u9898\u4e3a\u4f8b\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function twentyfifteen_scripts() {\n     \n    \/\/\u5168\u5c40\u52a0\u8f7d\u4e00\u822c\u7684\u6837\u5f0f\u8868\n    wp_enqueue_style( 'genericons', get_template_directory_uri() . '\/genericons\/genericons.css', array(), '3.2' );\n \n    \/\/\u5168\u5c40\u52a0\u8f7d\u4e3b\u6837\u5f0f\u8868\n    wp_enqueue_style( 'twentyfifteen-style', get_stylesheet_uri() );\n \n    \/\/\u5168\u5c40\u52a0\u8f7d\u4ec5\u7528\u4e8eIE\u7684\u6837\u5f0f\u8868\n    wp_enqueue_style( 'twentyfifteen-ie', get_template_directory_uri() . '\/css\/ie.css', array( 'twentyfifteen-style' ), '20141010' );\n    wp_style_add_data( 'twentyfifteen-ie', 'conditional', 'lt IE 9' );\n \n    \/\/\u5168\u5c40\u52a0\u8f7djs\u811a\u672c\n    wp_enqueue_script( 'twentyfifteen-script', get_template_directory_uri() . '\/js\/functions.js', array( 'jquery' ), '20141212', true );\n     \n    \/\/\u7ed9js\u811a\u672c\u4f20\u9012\u53d8\u91cf\uff0c\u89e3\u51b3\u811a\u672c\u4e2d\u4e0d\u80fd\u8c03\u7528php\u7684\u95ee\u9898\n    wp_localize_script( 'twentyfifteen-script', 'screenReaderText', array(\n        'expand'   =&gt; '&lt;span class=\"screen-reader-text\"&gt;' . __( 'expand child menu', 'twentyfifteen' ) . '&lt;\/span&gt;',\n        'collapse' =&gt; '&lt;span class=\"screen-reader-text\"&gt;' . __( 'collapse child menu', 'twentyfifteen' ) . '&lt;\/span&gt;',\n    ) );\n}\nadd_action( 'wp_enqueue_scripts', 'twentyfifteen_scripts' );<\/code><\/pre>\n\n\n\n<p>\u82e5\u4ec5\u5728\u67d0\u4e9b\u9875\u9762\u52a0\u8f7d\uff0c\u5229\u7528WordPress\u7684<a href=\"https:\/\/www.npc.ink\/go_to\/?url=https%3A%2F%2Fcodex.wordpress.org%2FConditional_Tags\" target=\"_blank\" rel=\"noreferrer noopener\" target=\"_blank\" rel=\"external nofollow\" target=\"_blank\">Conditional Tags<\/a>\u5373\u53ef\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u4ec0\u4e48\u65f6\u9700\u8981\u5148\u6ce8\u518ccss\/js<\/h3>\n\n\n\n<p>\u5373\u4f55\u65f6\u9700\u8981\u4f7f\u7528<strong>wp_register_script()<\/strong>\u548c<strong>wp_register_style()<\/strong>\u51fd\u6570\u3002<\/p>\n\n\n\n<p>\u5f53css\/js\u5f88\u591a\uff0c\u5e76\u4e14\u8981\u5206\u60c5\u51b5\u52a0\u8f7d\u65f6\uff0c\u4f7f\u7528wp_register_script()\u53ef\u4ee5\u66f4\u597d\u7684\u7ba1\u7406\u8d44\u6e90\uff0c\u907f\u514d\u91cd\u590d\u52b3\u52a8\u3002\u4e0b\u9762\u7684\u793a\u4f8b\u4ee3\u7801\u4e2d\uff0c\u5148\u5728init action\u4e0a\u628a\u6240\u6709\u9700\u8981\u7528\u5230\u6837\u5f0f\u8868\u90fd\u6ce8\u518c\u4e00\u904d\uff0c\u4e4b\u540e\u4e0d\u7ba1\u60f3\u5728\u54ea\u91cc\u5f15\u5165\uff0c\u90fd\u53ef\u4ee5\u7b80\u5355\u7684\u7528<code>wp_enqueue_style( $handle )<\/code>\u6765\u52a0\u8f7d\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ \u5728init action\u5904\u6ce8\u518c\u811a\u672c\uff0c\u53ef\u4ee5\u4e0e\u5176\u5b83\u903b\u8f91\u4ee3\u7801\u653e\u5728\u4e00\u8d77\nfunction my_init(){\n    $url = get_template_directory_uri();\n    \/\/ \u6ce8\u518c\u6837\u5f0f\u8868\n    $styles = array(\n        'style1' =&gt; $url . '\/css\/style1.css',\n        'style2' =&gt; $url . '\/css\/style2.css',\n        'style3' =&gt; $url . '\/css\/style3.css'\n    );\n \n    foreach( $styles as $k =&gt; $v ){\n        wp_register_style( $k, $v, false );\n    }\n \n    \/\/ \u6ce8\u518c\u811a\u672c\n     \n    \/\/ \u5176\u5b83\u9700\u8981\u5728init action\u5904\u8fd0\u884c\u7684\u811a\u672c\n}\nadd_action( 'init', 'my_init' );<\/code><\/pre>\n\n\n\n<p>\u6ce8\u518c\u811a\u672c\u65f6\u9700\u8981\u8fd0\u884c$wp_scripts-&gt;add( $handle, $src, $deps, $ver );\uff0c\u82e5\u811a\u672c\u6ca1\u6709\u6ce8\u518c\u76f4\u63a5\u4f7f\u7528wp_enqueue_script\uff0c\u9700\u8981\u5148\u8c03\u7528add\u65b9\u6cd5\uff0c\u4e5f\u5c31\u662f\u8bf4\u91cd\u590denqueue\u4e00\u4e2a\u811a\u672c\u5c31\u4f1a\u8fd0\u884c\u591a\u6b21add\u65b9\u6cd5\uff0c\u964d\u4f4e\u4e86\u7a0b\u5e8f\u7684\u6548\u7387\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u5728WordPress\u767b\u5f55\u9875\u9762\u52a0\u8f7d<\/h3>\n\n\n\n<p>\u5c06action\u66ff\u6362\u4e3a<strong>login_enqueue_scripts<\/strong>\u5373\u53ef\uff0c\u4f8b\u5982<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function enqueue_for_login(){\n    wp_enqueue_style( 'core', 'style.css', false );\n    wp_enqueue_script( 'my-js', 'filename.js', false );\n}\nadd_action( 'login_enqueue_scripts', 'enqueue_for_login' );<\/code><\/pre>\n\n\n\n<p>\u5982\u679c\u60f3\u4e86\u89e3\u5176\u5b83\u65b9\u5f0f\uff0c\u53ef\u4ee5\u4ed4\u7ec6\u9605\u8bfbwp-login.php\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u5728\u540e\u53f0\u5168\u5c40\u52a0\u8f7d<\/h3>\n\n\n\n<p>\u540c\u7406\uff0c\u5c06action\u6539\u4e3a<strong>admin_enqueue_scripts<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function my_enqueue() {\n    wp_enqueue_script( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'myscript.js' );\n}\nadd_action( 'admin_enqueue_scripts', 'my_enqueue' );<\/code><\/pre>\n\n\n\n<p>\u60f3\u4e86\u89e3\u66f4\u591a\u65b9\u6cd5\uff0c\u8bf7\u9605\u8bfbwp-admin\/admin-header.php\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u540e\u53f0\u6309\u9700\u52a0\u8f7d<\/h2>\n\n\n\n<p>\u4ec5\u7528\u4e8e\u540e\u53f0\u67d0\u4e9b\u9875\u9762\u7684\u8d44\u6e90\u53ea\u5728\u8fd9\u4e9b\u9875\u9762\u52a0\u8f7d\u5c31\u597d\uff0c\u4e0d\u8981\u5230\u5904\u4f7f\u7528\uff0c\u53ef\u4ee5\u51cf\u5c11\u4e0d\u5fc5\u8981\u7684\u51b2\u7a81\u3002<\/p>\n\n\n\n<p><strong>1. $hook_suffix<\/strong><\/p>\n\n\n\n<p>\u9996\u5148\u6211\u4eec\u53ef\u4ee5\u6839\u636eadmin_enqueue_scripts\u8fd9\u4e2aaction\u4f20\u9012\u7684$hook_suffix\u53c2\u6570\u6765\u5224\u65ad\u6240\u5904\u7684\u9875\u9762\uff0c\u4f8b\u5982\u4ec5\u5728edit.php\u52a0\u8f7d\uff0c\u4ee3\u7801\u5982\u4e0b<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function my_enqueue( $hook_suffix ) {\n    if ( 'edit.php' == $hook_suffix ) {\n       wp_enqueue_script( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'myscript.js' );\n    }   \n}\nadd_action( 'admin_enqueue_scripts', 'my_enqueue' );<\/code><\/pre>\n\n\n\n<p>edit.php\u5c31\u662fpost\u3001page\u6216\u8005custom post type\u7684\u5217\u8868\u9875\u9762\uff0c\u7f16\u8f91\u9875\u9762\u662fpost.php\uff0c\u65b0\u5efa\u9875\u9762\u662fpost-new.php\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u9875\u9762\u6253\u5370$hook_suffix\u6765\u4e86\u89e3\u5b83\u7684\u4f7f\u7528\u65b9\u6cd5\u3002\u4f46\u7531\u6b64\u4e5f\u53ef\u770b\u51fa\u5b83\u4e0d\u80fd\u533a\u5206\u73b0\u5728\u662f\u5728\u54ea\u79cdpost\u9875\u9762\uff0c\u9700\u8981\u501f\u52a9\u66f4\u591a\u7684\u5168\u5c40\u53d8\u91cf\u6765\u5224\u65ad\u3002<\/p>\n\n\n\n<p><strong>2. $typenow<\/strong><\/p>\n\n\n\n<p>\u5168\u5c40\u53d8\u91cf<strong>$typenow<\/strong>\u53ef\u4ee5\u544a\u8bc9\u6211\u4eec\u5f53\u524d\u7684post type\uff0c\u4f8b\u5982\u4ec5\u5728post\u7684\u5217\u8868\u9875\u9762\u52a0\u8f7d\u53ef\u4ee5\u8fd9\u6837\u6765\u5224\u65ad<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function my_enqueue( $hook_suffix ) {\n    global $typenow;\n    if ( 'edit.php' == $hook_suffix &amp;&amp; $typenow == 'post' ) {\n       wp_enqueue_script( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'myscript.js' );\n    }   \n}\nadd_action( 'admin_enqueue_scripts', 'my_enqueue' );<\/code><\/pre>\n\n\n\n<p><strong>3. get_current_screen()<\/strong><\/p>\n\n\n\n<p>\u4e0a\u8ff0\u4e24\u4e2a\u5168\u5c40\u53d8\u91cf\u53ef\u4ee5\u533a\u5206\u5927\u591a\u6570\u60c5\u51b5\uff0c\u82e5\u533a\u5206\u4e0d\u4e86\uff0c\u53ef\u4ee5\u8bd5\u8bd5\u4f7f\u7528get_current_screen()\u51fd\u6570\uff0c\u8be5\u51fd\u6570\u8fd4\u56de\u5f53\u524d\u9875\u9762\u7684post type\u3001ID\u3001base\u7b49\u4fe1\u606f\uff0c\u53ea\u80fd\u5728admin_init\u4e4b\u540e\u4f7f\u7528\uff0c\u5177\u4f53\u53ef\u4ee5\u53c2\u8003\u5b98\u65b9\u6587\u6863\u3002<\/p>\n\n\n\n<p><strong>4. $pagenow<\/strong><\/p>\n\n\n\n<p>\u5168\u5c40\u53d8\u91cf$pagenow\u7684\u8fd4\u56de\u503c\u4e0e$hook_suffix\u7c7b\u4f3c\uff0c\u53ea\u662f\u5b83\u5728\u524d\u53f0\u540e\u53f0\u90fd\u53ef\u4ee5\u8bbf\u95ee\uff0c\u5b9a\u4e49\u7684\u66f4\u65e9\uff0c\u4f8b\u5982\u524d\u4e09\u8005\u5728admin_init\u5904\u6ca1\u6709\u503c\uff0c\u4f46$pagenow\u5374\u6709\u3002<\/p>\n\n\n\n<p>\u5b83\u5b9a\u4e49\u5728wp-includes\/vars.php\u4e2d\uff0c\u8be5\u6587\u4ef6\u8fd8\u5b9a\u4e49\u4e86\u6d4f\u89c8\u5668\u3001\u670d\u52a1\u5668\u5168\u5c40\u53d8\u91cf\uff0c\u4f8b\u5982$is_winIE\u3001$is_apache\uff0cwp_is_mobile()\u51fd\u6570\u4e5f\u5728\u8fd9\u91cc\u51fa\u73b0\u3002<\/p>\n\n\n\n<p>\u4e0a\u8ff0\u5168\u5c40\u53d8\u91cf\u548c\u51fd\u6570\u80fd\u533a\u5206\u5927\u591a\u6570\u60c5\u51b5\uff0c\u4f46\u4f9d\u7136\u6709\u65e0\u529b\u7684\u65f6\u5019\uff0c\u8fd9\u65f6\u53ef\u4ee5\u501f\u52a9$_REQUEST\u6765\u5224\u65ad\u3002\u4e0a\u8ff0\u53d8\u91cf\u7684\u503c\u4e5f\u662f\u4ece$_REQUEST\u83b7\u53d6\uff0c\u4f46\u591a\u4e00\u5c42\u503c\u662f\u5426\u5b58\u5728\u7684\u68c0\u67e5\uff0c\u6240\u4ee5\u80fd\u7528\u5b83\u4eec\u89e3\u51b3\u7684\u5c31\u4e0d\u8981\u7528$_REQUEST\u6216\u8005$_GET\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u8865\u5145<\/h2>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>\u5728\u521b\u5efa\u4e3b\u9898\u65f6\uff0c\u60a8\u53ef\u80fd\u5e0c\u671b\u521b\u5efa\u5176\u4ed6\u6837\u5f0f\u8868\u6216JavaScript\u6587\u4ef6\u3002\u4f46\u662f\uff0c\u8bf7\u8bb0\u4f4f\uff0cWordPress\u7f51\u7ad9\u4e0d\u4ec5\u4f1a\u6fc0\u6d3b\u60a8\u7684\u4e3b\u9898\uff0c\u8fd8\u4f1a\u4f7f\u7528\u8bb8\u591a\u4e0d\u540c\u7684\u63d2\u4ef6\u3002\u56e0\u6b64\uff0c\u4e00\u5207\u90fd\u548c\u8c10\u5730\u5de5\u4f5c\uff0c\u4e3b\u9898\u548c\u63d2\u4ef6\u4f7f\u7528\u6807\u51c6\u7684WordPress\u65b9\u6cd5\u52a0\u8f7d\u811a\u672c\u548c\u6837\u5f0f\u8868\u662f\u5f88\u91cd\u8981\u7684\u3002\u8fd9\u5c06\u786e\u4fdd\u7f51\u7ad9\u4fdd\u6301\u9ad8\u6548\u5e76\u4e14\u4e0d\u5b58\u5728\u4e0d\u517c\u5bb9\u95ee\u9898\u3002<\/p>\n\n\n\n<p>WordPress\u662f\u76ee\u524d\u4e16\u754c\u4e0a\u6700\u53d7\u6b22\u8fce\u7684\u5185\u5bb9\u7ba1\u7406\u7cfb\u7edf\uff0c\u62e5\u6709\u6570\u5343\u4e07\u7528\u6237\u3002\u8fd9\u5c31\u662f\u4e3a\u4ec0\u4e48\uff0c\u4e3a\u4e86\u5236\u4f5c\u4e00\u4e2a\u6210\u529f\u7684\u4e3b\u9898\uff0c\u6211\u4eec\u9700\u8981\u50cf\u6bcf\u4e2aWordPress\u7528\u6237\u4e00\u6837\u601d\u8003\uff0c\u5e76\u5c1d\u8bd5\u6309\u7167\u672c\u4e66\u7684\u8bf4\u6cd5\u6b63\u786e\u52a0\u8f7d\u6211\u4eec\u7684\u4e3b\u9898\u4e2d\u7684CSS\u6587\u4ef6\u3002<\/p>\n\n\n\n<p>\u5e78\u8fd0\u7684\u662f\uff0cWordPress\u53ef\u4ee5\u5f88\u5bb9\u6613\u5730\u89e3\u51b3\u8fd9\u6837\u7684\u95ee\u9898\uff1a\u6ce8\u518c\u548c\u6392\u961f\u6837\u5f0f\u8868\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u5728WordPress\u4e2d\u52a0\u8f7dCSS\u7684\u6b63\u786e\u65b9\u6cd5<\/strong><\/h3>\n\n\n\n<p>\u6b63\u5982\u6211\u4eec\u4e4b\u524d\u6240\u8bf4\uff0cWordPress\u591a\u5e74\u6765\u53d1\u5c55\u5f88\u5feb\uff0c\u6211\u4eec<em>\u5fc5\u987b<\/em>\u8003\u8651\u4e16\u754c\u4e0a\u6bcf\u4e00\u4e2aWordPress\u7528\u6237\u3002&nbsp;<\/p>\n\n\n\n<p>\u9664\u6b64\u4e4b\u5916\uff0c\u6211\u4eec\u8fd8\u9700\u8981\u8003\u8651\u6570\u5343\u4e2aWordPress\u63d2\u4ef6\u3002\u4f46\u662f\u4e0d\u8981\u8ba9\u8fd9\u4e9b\u5927\u6570\u5b57\u5413\u5230\u4f60\uff1aWordPress\u4e3a\u6211\u4eec\u63d0\u4f9b\u4e86\u975e\u5e38\u6709\u7528\u7684\u529f\u80fd\uff0c\u53ef\u4ee5\u5c06CSS\u6837\u5f0f\u6b63\u786e\u52a0\u8f7d\u5230WordPress\u4e2d\u3002&nbsp;<\/p>\n\n\n\n<p>\u6211\u4eec\u6765\u770b\u4e00\u4e0b\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u6ce8\u518cCSS\u6587\u4ef6<\/strong><\/h3>\n\n\n\n<p>\u5982\u679c\u60a8\u8981\u52a0\u8f7dCSS\u6837\u5f0f\u8868\uff0c\u5219\u5e94\u9996\u5148\u4f7f\u7528\u8be5<code><a rel=\"noreferrer noopener\" href=\"https:\/\/www.npc.ink\/go_to\/?url=http%3A%2F%2Fcodex.wordpress.org%2FFunction_Reference%2Fwp_register_style\" target=\"_blank\" target=\"_blank\" rel=\"external nofollow\" target=\"_blank\">wp_register_style()<\/a><\/code>\u51fd\u6570\u6ce8\u518c\u5b83\u4eec\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>wp_register_style( $handle, $src, $deps, $ver, $media );\n?&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li><code>$handle<\/code>\uff08\u5b57\u7b26\u4e32\uff0c\u5fc5\u9700\uff09\u662f\u6837\u5f0f\u8868\u7684\u552f\u4e00\u540d\u79f0\u3002\u5176\u4ed6\u51fd\u6570\u5c06\u4f7f\u7528\u6b64\u201c\u53e5\u67c4\u201d\u6765\u6392\u961f\u548c\u6253\u5370\u6837\u5f0f\u8868\u3002<\/li><li><code>$src<\/code>\uff08string\uff0crequired\uff09\u662f\u6307\u6837\u5f0f\u8868\u7684URL\u3002\u60a8\u53ef\u4ee5\u4f7f\u7528\u51fd\u6570<code>get_template_directory_uri()<\/code>\u6765\u83b7\u53d6\u4e3b\u9898\u76ee\u5f55\u4e2d\u7684\u6837\u5f0f\u6587\u4ef6\u3002\u6c38\u8fdc\u4e0d\u8981\u8003\u8651\u786c\u7f16\u7801\uff01<\/li><li><code>$deps<\/code>\uff08array\uff0coptional\uff09\u5904\u7406\u4f9d\u8d56\u6837\u5f0f\u7684\u540d\u79f0\u3002\u5982\u679c\u7f3a\u5c11\u67d0\u4e9b\u5176\u4ed6\u6837\u5f0f\u6587\u4ef6\uff0c\u6837\u5f0f\u8868\u5c06\u65e0\u6548\uff0c\u8bf7\u4f7f\u7528\u6b64\u53c2\u6570\u8bbe\u7f6e\u201c\u4f9d\u8d56\u9879\u201d\u3002<\/li><li><code>$ver<\/code>\uff08string\u6216boolean\uff0coptional\uff09\u662f\u7248\u672c\u53f7\u3002\u5982\u679c\u9700\u8981\uff0c\u60a8\u53ef\u4ee5\u4f7f\u7528\u4e3b\u9898\u7684\u7248\u672c\u53f7\u6216\u7ec4\u6210\u4e00\u4e2a\u3002\u5982\u679c\u60a8\u4e0d\u60f3\u4f7f\u7528\u7248\u672c\u53f7\uff0c\u8bf7\u5c06\u5176\u8bbe\u7f6e\u4e3a<code>null<\/code>\u3002\u5b83\u9ed8\u8ba4\u4e3a<code>false<\/code>\uff0c\u8fd9\u4f7f\u5f97WordPress\u6dfb\u52a0\u81ea\u5df1\u7684\u7248\u672c\u53f7\u3002<\/li><li><code>$media<\/code>\uff08\u5b57\u7b26\u4e32\uff0c\u53ef\u9009\uff09\u662f&nbsp;&nbsp;<a href=\"https:\/\/www.npc.ink\/go_to\/?url=http%3A%2F%2Fwww.w3.org%2FTR%2FCSS2%2Fmedia.html%23media-types\" target=\"_blank\" rel=\"noreferrer noopener\" target=\"_blank\" rel=\"external nofollow\" target=\"_blank\">CSS\u5a92\u4f53\u7c7b\u578b\uff0c<\/a>\u5982\u201c\u5c4f\u5e55\u201d\u6216\u201c\u624b\u6301\u201d\u6216\u201c\u6253\u5370\u201d\u3002\u5982\u679c\u60a8\u4e0d\u786e\u5b9a\u662f\u5426\u9700\u8981\u4f7f\u7528\u5b83\uff0c\u8bf7\u4e0d\u8981\u4f7f\u7528\u5b83\u3002\u5b83\u9ed8\u8ba4\u4e3a\u201c\u5168\u90e8\u201d\u3002<\/li><\/ul>\n\n\n\n<p>\u8fd9\u662f<code>wp_register_style()<\/code>\u51fd\u6570\u7684\u4e00\u4e2a\u4f8b\u5b50\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ wp_register_style() \u793a\u4f8b\nwp_register_style('my-bootstrap-extension', \/\/ \u540d\u79f0\n    get_template_directory_uri() . '\/css\/my-bootstrap-extension.css', \/\/ \u6837\u5f0f\u8868\u7684\u8def\u5f84array( 'bootstrap-main' ), \/\/ \u4f9d\u5b58\u7684\u5176\u4ed6\u6837\u5f0f\u8868'1.2', \/\/ \u7248\u672c\u53f7'screen', \/\/ CSS \u5a92\u4f53\u7c7b\u578b\n);\n?&gt;<\/code><\/pre>\n\n\n\n<p>\u5728WordPress\u4e2d\uff0c\u6ce8\u518c\u6837\u5f0f\u662f\u201c\u53ef\u9009\u7684\u201d\u3002\u5982\u679c\u4f60\u7684\u6837\u5f0f\u4e0d\u4f1a\u88ab\u5176\u4ed6\u63d2\u4ef6\u4f7f\u7528\uff0c\u6216\u8005\u4f60\u4e0d\u6253\u7b97\u4f7f\u7528\u4efb\u4f55\u4ee3\u7801\u6765\u518d\u6b21\u52a0\u8f7d\u5b83\uff0c\u4f60\u53ef\u4ee5\u81ea\u7531\u5730\u6392\u961f\u6837\u5f0f\u800c\u4e0d\u9700\u8981\u6ce8\u518c\u5b83\u3002\u7ee7\u7eed\u770b\u770b\u5b83\u662f\u5982\u4f55\u5b9e\u73b0\u7684\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u6392\u961f CSS \u6587\u4ef6<\/h2>\n\n\n\n<p>\u6ce8\u518c\u6211\u4eec\u7684\u98ce\u683c\u6587\u4ef6\u540e\uff0c\u6211\u4eec\u9700\u8981\u201c\u6392\u961f\u201d\u5b83\uff0c\u4f7f\u5176\u51c6\u5907\u597d\u5728\u6211\u4eec\u4e3b\u9898\u7684\u90e8\u5206\u52a0\u8f7d\u3002<\/p>\n\n\n\n<p>\u6211\u4eec\u4f7f\u7528&nbsp;<code><a rel=\"noreferrer noopener\" href=\"https:\/\/www.npc.ink\/go_to\/?url=http%3A%2F%2Fcodex.wordpress.org%2FFunction_Reference%2Fwp_enqueue_style\" target=\"_blank\" target=\"_blank\" rel=\"external nofollow\" target=\"_blank\">wp_enqueue_style()<\/a><\/code>&nbsp;\u51fd\u6570\u6765\u5b9e\u73b0\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>wp_enqueue_style( $handle, $src, $deps, $ver, $media );<\/code><\/pre>\n\n\n\n<p>\u8be5\u51fd\u6570\u7684\u53c2\u6570\u548c\u4e0a\u9762\u7684 wp_register_style() \u51fd\u6570\u662f\u4e00\u6837\u7684\uff0c\u5c31\u4e0d\u518d\u91cd\u590d\u3002<\/p>\n\n\n\n<p>\u8bf7\u8bb0\u4f4f\uff0c\u5982\u679c\u4e00\u4e2a\u63d2\u4ef6\u5c06\u8981\u7528\u5230\u4f60\u7684\u6837\u5f0f\u8868\uff0c\u6216\u8005\u4f60\u6253\u7b97\u5c06\u5728\u4f60\u7684\u4e3b\u9898\u7684\u4e0d\u540c\u5730\u65b9\u8fdb\u884c\u52a0\u8f7d\uff0c\u4f60\u7edd\u5bf9\u5e94\u8be5\u5148\u6ce8\u518c\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u52a0\u8f7d\u6837\u5f0f\u5230\u7f51\u7ad9<\/h2>\n\n\n\n<p>\u6211\u4eec\u4e0d\u80fd\u5728\u4e3b\u9898\u4e2d\u968f\u4fbf\u627e\u4e2a\u5730\u65b9\u4f7f\u7528 wp_enqueue_style() \u51fd\u6570 \u2013 \u6211\u4eec\u9700\u8981\u4f7f\u7528\u201c\u52a8\u4f5c\u201d\u94a9\u5b50\u3002\u8fd8\u6709\u6211\u4eec\u53ef\u4ee5\u4f7f\u7528\u5404\u79cd\u7528\u9014\u7684\u4e09\u4e2a\u52a8\u4f5c\u94a9\u5b50\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><code><a href=\"https:\/\/www.npc.ink\/go_to\/?url=http%3A%2F%2Fcodex.wordpress.org%2FPlugin_API%2FAction_Reference%2Fwp_enqueue_scripts\" target=\"_blank\" rel=\"noreferrer noopener\" target=\"_blank\" rel=\"external nofollow\" target=\"_blank\">wp_enqueue_scripts<\/a><\/code>&nbsp;\u7528\u6765\u5728\u7f51\u7ad9\u524d\u53f0\u52a0\u8f7d\u811a\u672c\u548cCSS<\/li><li><code><a href=\"https:\/\/www.npc.ink\/go_to\/?url=http%3A%2F%2Fcodex.wordpress.org%2FPlugin_API%2FAction_Reference%2Fadmin_enqueue_scripts\" target=\"_blank\" rel=\"noreferrer noopener\" target=\"_blank\" rel=\"external nofollow\" target=\"_blank\">admin_enqueue_scripts<\/a><\/code>&nbsp;\u7528\u6765\u5728\u540e\u53f0\u52a0\u8f7d\u811a\u672c\u548cCSS<\/li><li><code><a href=\"https:\/\/www.npc.ink\/go_to\/?url=https%3A%2F%2Fcodex.wordpress.org%2FPlugin_API%2FAction_Reference%2Flogin_enqueue_scripts\" target=\"_blank\" rel=\"noreferrer noopener\" target=\"_blank\" rel=\"external nofollow\" target=\"_blank\">login_enqueue_scripts<\/a><\/code>&nbsp;\u7528\u6765\u5728WP\u767b\u5f55\u9875\u9762\u52a0\u8f7d\u811a\u672c\u548cCSS<\/li><\/ul>\n\n\n\n<p>\u4ee5\u4e0b\u662f\u8fd9\u4e9b\u94a9\u5b50\u7684\u793a\u4f8b\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ \u5728\u7f51\u7ad9\u524d\u53f0\u52a0\u8f7dcss\nfunction mytheme_enqueue_style() {\n    wp_enqueue_style( 'mytheme-style', get_stylesheet_uri() ); \n}\nadd_action( 'wp_enqueue_scripts', 'mytheme_enqueue_style' );\n \n\/\/ \u5728\u540e\u53f0\u52a0\u8f7dcss\nfunction mytheme_enqueue_options_style() {\n    wp_enqueue_style( 'mytheme-options-style', get_template_directory_uri() . '\/css\/admin.css' ); \n}\nadd_action( 'admin_enqueue_scripts', 'mytheme_enqueue_options_style' );\n \n\/\/ \u5728\u767b\u5f55\u9875\u9762\u52a0\u8f7dcss\nfunction mytheme_enqueue_login_style() {\n    wp_enqueue_style( 'mytheme-options-style', get_template_directory_uri() . '\/css\/login.css' ); \n}\nadd_action( 'login_enqueue_scripts', 'mytheme_enqueue_login_style' );\n \n?&gt;<\/code><\/pre>\n\n\n\n<p>WordPress \u6709\u4e00\u4e2a\u91cd\u8981\u7684\u516c\u544a\uff1a\u201c\u4f7f\u7528 wp_enqueue_scripts() \uff0c\u4e0d\u8981\u7528 wp_print_styles()&nbsp;\u201d\uff0c\u5b83\u4f1a\u544a\u8bc9\u4f60\u4e00\u4e2a\u4e0e WordPress3.3\u7248\u672c\u53ef\u80fd\u7684\u4e0d\u517c\u5bb9\u9519\u8bef\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u989d\u5916\u51fd\u6570<\/h2>\n\n\n\n<p>WordPress \u6709\u4e00\u4e9b\u5173\u4e8e CSS \u975e\u5e38\u6709\u7528\u7684\u51fd\u6570\uff1a\u4ed6\u4eec\u5141\u8bb8\u6211\u4eec\u6253\u5370\u5185\u5d4c\u6837\u5f0f\uff0c\u67e5\u770b\u6837\u5f0f\u6587\u4ef6\u7684\u6392\u961f\u72b6\u6001\uff0c\u6dfb\u52a0\u5143\u6570\u636e\u4ee5\u53ca\u6ce8\u9500\u6837\u5f0f\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u6dfb\u52a0\u52a8\u6001\u5185\u8054\u6837\u5f0f\uff1awp_add_inline_style()<\/h4>\n\n\n\n<p>\u5982\u679c\u4f60\u7684\u4e3b\u9898\u6709\u9009\u9879\u53ef\u81ea\u5b9a\u4e49\u4e3b\u9898\u7684\u6837\u5f0f\uff0c\u4f60\u53ef\u4ee5\u4f7f\u7528 wp_add_inline_style() \u51fd\u6570\u6765\u6253\u5370\u5185\u7f6e\u7684\u6837\u5f0f\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u68c0\u67e5\u6837\u5f0f\u8868\u7684\u6392\u961f\u72b6\u6001\uff1awp_style_is()<\/h4>\n\n\n\n<h2 class=\"wp-block-heading\">\u76f8\u5173\u4ecb\u7ecd<\/h2>\n\n\n<div class=\"insert-post b2-radius post\">\r\n        <span class=\"insert-post-bg\">\r\n        <picture class=\"picture\" ><source type=\"image\/webp\" data-srcset=\"https:\/\/n.getimg.net\/www\/2018\/11\/1fb74d5b1599db.jpg?x-oss-process=image\/resize,m_fill,h_120,w_120\/sharpen,120\/format,webp\" srcset=\"https:\/\/www.npc.ink\/wp-content\/themes\/b2\/Assets\/fontend\/images\/default-img.jpg\" \/><img alt=\"WordPress\u600e\u4e48\u52a0\u8f7d CSS \u548cJS\uff1f - WordPress\u5f00\u53d1-Npcink\" decoding=\"async\"  class=\"b2-radius lazy\" data-src=\"https:\/\/n.getimg.net\/www\/2018\/11\/1fb74d5b1599db.jpg?x-oss-process=image\/resize,m_fill,h_120,w_120\/sharpen,120\"   alt=\"\" src=\"https:\/\/www.npc.ink\/wp-content\/themes\/b2\/Assets\/fontend\/images\/default-img.jpg\"\/><\/picture>\r\n        <\/span><div class=\"insert-post-thumb\">\r\n            <a href=\"https:\/\/www.npc.ink\/17475.html\" target=\"_blank\">\r\n            <picture class=\"picture\" ><source type=\"image\/webp\" data-srcset=\"https:\/\/n.getimg.net\/www\/2018\/11\/1fb74d5b1599db.jpg?x-oss-process=image\/resize,m_fill,h_120,w_120\/sharpen,120\/format,webp\" srcset=\"https:\/\/www.npc.ink\/wp-content\/themes\/b2\/Assets\/fontend\/images\/default-img.jpg\" \/><img alt=\"WordPress\u600e\u4e48\u52a0\u8f7d CSS \u548cJS\uff1f - WordPress\u5f00\u53d1-Npcink\" decoding=\"async\"  class=\"b2-radius lazy\" data-src=\"https:\/\/n.getimg.net\/www\/2018\/11\/1fb74d5b1599db.jpg?x-oss-process=image\/resize,m_fill,h_120,w_120\/sharpen,120\"   alt=\"\" src=\"https:\/\/www.npc.ink\/wp-content\/themes\/b2\/Assets\/fontend\/images\/default-img.jpg\"\/><\/picture>\r\n            <\/a>\r\n        <\/div><a href=\"https:\/\/www.npc.ink\/17475.html\" class=\"mp-hidden\" data-type=\"post\" data-id=\"17475\"><\/a><a href=\"javascript:void(0)\" class=\"mp-show\" data-type=\"post\" data-id=\"17475\"><\/a><div class=\"insert-post-content\">\r\n                <h2><a href=\"https:\/\/www.npc.ink\/17475.html\" target=\"_blank\">\u600e\u4e48\u8ba9\u63d2\u4ef6\u52a0\u8f7dcss\u548cjs? - wordpress\u5f00\u53d1<\/a><\/h2>\r\n                <div class=\"insert-post-meta\">\r\n                    <div class=\"insert-post-meta-avatar mp-hidden-all\"><img alt=\"WordPress\u600e\u4e48\u52a0\u8f7d CSS \u548cJS\uff1f - WordPress\u5f00\u53d1-Npcink\" decoding=\"async\" class=\"avatar\" src=\"https:\/\/thirdqq.qlogo.cn\/g?b=oidb&k=43S19BKxK3XCz9d0wia1SfQ&s=100&t=1559412136\" \/><a href=\"https:\/\/www.npc.ink\/users\/1\">Muze<\/a><\/div>\r\n                    <ul class=\"post-meta\">\r\n                        <li class=\"single-date\">\r\n                            <time class=\"b2timeago\" datetime=\"2020-07-25 22:09:55\" itemprop=\"datePublished\">20\u5e747\u670825\u65e5<\/time>\r\n                        <\/li>\r\n                        <li class=\"single-like\">\r\n                            <i class=\"b2font b2-heart-fill \"><\/i><span class=\"mp-show\">\u559c\u6b22\uff1a<\/span>0\r\n                        <\/li>\r\n                        <li class=\"single-eye\">\r\n                            <i class=\"b2font b2-eye-fill \"><\/i><span class=\"mp-show\">\u6d4f\u89c8\uff1a<\/span>238\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u8fd9\u5c06\u786e\u4fdd\u7f51\u7ad9\u4fdd\u6301\u9ad8\u6548\u5e76\u4e14\u4e0d\u5b58\u5728\u4e0d\u517c\u5bb9\u95ee\u9898\u3002<\/p>\n","protected":false},"author":1,"featured_media":13848,"comment_status":"open","ping_status":"closed","sticky":true,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[204],"collection":[],"class_list":["post-4607","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-wp-development"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/posts\/4607"}],"collection":[{"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/comments?post=4607"}],"version-history":[{"count":0,"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/posts\/4607\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/media\/13848"}],"wp:attachment":[{"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/media?parent=4607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/categories?post=4607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/tags?post=4607"},{"taxonomy":"collection","embeddable":true,"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/collection?post=4607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}