{"id":1815,"date":"2025-06-10T16:20:25","date_gmt":"2025-06-10T08:20:25","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/1815.html"},"modified":"2025-06-10T16:20:25","modified_gmt":"2025-06-10T08:20:25","slug":"16%e4%b8%aa%e6%9c%80%e4%bd%b3%e5%85%8d%e8%b4%b9%e7%9a%84%e7%a4%be%e4%ba%a4%e5%aa%92%e4%bd%93%e5%9b%be%e6%a0%87%e9%9b%86%e5%90%88%ef%bc%8c%e9%80%82%e7%94%a8%e4%ba%8ewordpress","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/1815.html","title":{"rendered":"16\u4e2a\u6700\u4f73\u514d\u8d39\u7684\u793e\u4ea4\u5a92\u4f53\u56fe\u6807\u96c6\u5408\uff0c\u9002\u7528\u4e8eWordPress"},"content":{"rendered":"<div class=\"wp-block-columns p-0 border is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-columns px-4 py-3 border-bottom has-background is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" style=\"background:linear-gradient(243deg,rgb(238,238,238) 0%,rgba(58,166,242,0.15) 100%)\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\r\n<h2 class=\"wp-block-heading my-0\">&#20889; Bug&#24037;&#31243;&#24072;&#65306;<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-columns px-xl-5 px-4 py-xl-4 py-3 is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<p>&#22312;&#24403;&#20170;&#25968;&#23383;&#26102;&#20195;&#65292;&#31038;&#20132;&#23186;&#20307;&#22270;&#26631;&#23545;&#20110;&#32593;&#31449;&#30340;&#35774;&#35745;&#33267;&#20851;&#37325;&#35201;&#65292;&#23427;&#20204;&#19981;&#20165;&#33021;&#22815;&#25552;&#21319;&#21697;&#29260;&#24418;&#35937;&#65292;&#36824;&#33021;&#21560;&#24341;&#30446;&#26631;&#29992;&#25143;&#32676;&#20307;&#12290;&#20026;&#20102;&#24110;&#21161;&#24744;&#26356;&#22909;&#22320;&#29702;&#35299;&#21644;&#21033;&#29992;&#36825;&#20123;&#22270;&#26631;&#65292;&#25105;&#25972;&#29702;&#20102;16&#20010;&#20248;&#31168;&#30340;&#20813;&#36153;&#31038;&#20132;&#23186;&#20307;&#22270;&#26631;&#38598;&#21512;&#65292;&#36825;&#20123;&#22270;&#26631;&#36866;&#29992;&#20110;&#22810;&#31181;WordPress&#31449;&#28857;&#35774;&#35745;&#38656;&#27714;&#12290;<\/p>\n<h3>1. Font Awesome Icons<\/h3>\n<p>Font Awesome &#26159;&#19968;&#20010;&#27969;&#34892;&#30340;&#24320;&#28304;&#30690;&#37327;&#22270;&#26631;&#24211;&#65292;&#23427;&#25552;&#20379;&#20102;&#36229;&#36807;5000&#20010;&#20813;&#36153;&#22270;&#26631;&#65292;&#28085;&#30422;&#20102;&#24191;&#27867;&#30340;&#31867;&#21035;&#22914;&#31038;&#20132;&#23186;&#20307;&#12289;&#21697;&#29260;&#26631;&#24535;&#31561;&#12290;&#23433;&#35013;&#21644;&#20351;&#29992;&#38750;&#24120;&#31616;&#21333;&#65306;<\/p>\n<ul>\n<li><strong>&#27493;&#39588;<\/strong>&#65306;&#35775;&#38382; <a href=\"https:\/\/www.zhaozhao123.cn\/skin\/go?url=aHR0cHM6Ly9mb250YXdlc29tZS5jb20v\" rel=\"noopener noreferrer nofollow\">https:\/\/fontawesome.com\/<\/a> &#65292;&#19979;&#36733;&#24182;&#28608;&#27963;&#24744;&#30340;&#23383;&#20307;&#12290;<\/li>\n<li><strong>&#25928;&#26524;<\/strong>&#65306;&#21482;&#38656;&#28155;&#21152; <code>&lt;link rel=\"stylesheet\" href=\"https:<a href=\"https:\/\/www.zhaozhao123.cn\/skin\/go?url=aHR0cDovL3VzZS5mb250YXdlc29tZS5jb20vcmVsZWFzZXMvdjUuOC4yL2Nzcy9hbGwuY3Nz\" rel=\"noopener noreferrer nofollow\">\/\/use.fontawesome.com\/releases\/v5.8.2\/css\/all.css<\/a>\"&gt;<\/code> &#21040;&#24744;&#30340;&#20027;&#39064;&#30340; <code>style.css<\/code> &#25991;&#20214;&#20013;&#65292;&#28982;&#21518;&#22312;&#39029;&#38754;&#19978;&#25554;&#20837;&#22270;&#26631;&#65292;&#20363;&#22914; <code>&lt;i class=\"fab fa-facebook\"&gt;&lt;\/i&gt;<\/code> &#23558;&#26174;&#31034;Facebook&#22270;&#26631;&#12290;<\/li>\n<\/ul>\n<h3>2. Material Design Icons<\/h3>\n<p>Material Design Icons &#26159;&#21478;&#19968;&#20010;&#24378;&#22823;&#30340;&#22270;&#26631;&#24211;&#65292;&#25903;&#25345;Android&#21644;iOS&#24212;&#29992;&#24320;&#21457;&#12290;&#23427;&#25552;&#20379;&#20102;&#19968;&#20010;&#20840;&#38754;&#30340;&#22270;&#26631;&#38598;&#65292;&#21253;&#25324;&#35768;&#22810;&#31038;&#20132;&#23186;&#20307;&#22270;&#26631;&#12290;<\/p>\n<ul>\n<li><strong>&#27493;&#39588;<\/strong>&#65306;&#21516;&#26679;&#20174;&#23448;&#32593;&#19979;&#36733;&#24182;&#28608;&#27963;&#23383;&#20307;&#12290;<\/li>\n<li><strong>&#25928;&#26524;<\/strong>&#65306;&#36890;&#36807; <code>&lt;link rel=\"stylesheet\" href=\"https:<a href=\"https:\/\/www.zhaozhao123.cn\/skin\/go?url=aHR0cDovL2ZvbnRzLmdvb2dsZWFwaXMuY29tL2ljb24=\" rel=\"noopener noreferrer nofollow\">\/\/fonts.googleapis.com\/icon<\/a>mily=Material+Icons\"&gt;<\/code> &#28155;&#21152;&#21040;&#20027;&#39064;CSS&#25991;&#20214;&#65292;&#28982;&#21518;&#20351;&#29992; <code>&lt;material-icons&gt;icon-name&lt;\/material-icons&gt;<\/code> &#26631;&#31614;&#26469;&#26174;&#31034;&#22270;&#26631;&#12290;<\/li>\n<\/ul>\n<h3>3. Glyphicons<\/h3>\n<p>Glyphicons &#26159;&#19968;&#20010;&#26356;&#20256;&#32479;&#30340;&#26041;&#27861;&#65292;&#23427;&#25552;&#20379;&#20102;&#19968;&#23450;&#25968;&#37327;&#30340;&#22522;&#26412;&#22270;&#26631;&#65292;&#38750;&#24120;&#36866;&#21512;&#23567;&#22411;&#32593;&#31449;&#25110;&#27979;&#35797;&#38454;&#27573;&#30340;&#39033;&#30446;&#12290;<\/p>\n<ul>\n<li><strong>&#27493;&#39588;<\/strong>&#65306;&#26080;&#38656;&#39069;&#22806;&#23433;&#35013;&#65292;&#30452;&#25509;&#22312;HTML&#25991;&#26723;&#20013;&#20351;&#29992; <code>&lt;span class=\"glyphicon glyphicon-camera\"&gt;&lt;\/span&gt;<\/code> &#31561;&#26631;&#31614;&#12290;<\/li>\n<li><strong>&#25928;&#26524;<\/strong>&#65306;&#34429;&#28982;&#21151;&#33021;&#26377;&#38480;&#65292;&#20294;&#30452;&#35266;&#26131;&#29992;&#65292;&#36866;&#21512;&#24555;&#36895;&#21407;&#22411;&#21046;&#20316;&#12290;<\/li>\n<\/ul>\n<h3>&#31034;&#20363;&#20195;&#30721;&#65306;<\/h3>\n<pre><code class=\"language-html\">&lt;!-- &#20351;&#29992;Font Awesome --&gt;\n&lt;link rel=\"stylesheet\" href=\"https:<a href=\"https:\/\/www.zhaozhao123.cn\/skin\/go?url=aHR0cDovL3VzZS5mb250YXdlc29tZS5jb20vcmVsZWFzZXMvdjUuOC4yL2Nzcy9hbGwuY3Nz\" rel=\"noopener noreferrer nofollow\">\/\/use.fontawesome.com\/releases\/v5.8.2\/css\/all.css<\/a>\"&gt;\n&lt;i class=\"fab fa-facebook\"&gt;&lt;\/i&gt;\n\n&lt;!-- &#20351;&#29992;Material Design Icons --&gt;\n&lt;link rel=\"stylesheet\" href=\"https:<a href=\"https:\/\/www.zhaozhao123.cn\/skin\/go?url=aHR0cDovL2ZvbnRzLmdvb2dsZWFwaXMuY29tL2ljb24=\" rel=\"noopener noreferrer nofollow\">\/\/fonts.googleapis.com\/icon<\/a>mily=Material+Icons\"&gt;\n&lt;span class=\"material-icons\"&gt;face&lt;\/span&gt;\n\n&lt;!-- &#20351;&#29992;Glyphicons --&gt;\n&lt;span class=\"glyphicon glyphicon-camera\"&gt;&lt;\/span&gt;<\/code><\/pre>\n<h3>&#32467;&#35821;<\/h3>\n<p>&#36873;&#25321;&#21512;&#36866;&#30340;&#31038;&#20132;&#23186;&#20307;&#22270;&#26631;&#23545;&#25552;&#39640;&#32593;&#31449;&#30340;&#21560;&#24341;&#21147;&#21644;&#29992;&#25143;&#20307;&#39564;&#33267;&#20851;&#37325;&#35201;&#12290;&#26080;&#35770;&#26159;&#20026;&#22823;&#22411;&#20225;&#19994;&#23450;&#21046;&#21270;&#35774;&#35745;&#65292;&#36824;&#26159;&#20010;&#20154;&#21338;&#23458;&#30340;&#23567;&#22411;&#35843;&#25972;&#65292;&#19978;&#36848;&#22270;&#26631;&#24211;&#37117;&#33021;&#28385;&#36275;&#19981;&#21516;&#38656;&#27714;&#12290;&#24076;&#26395;&#36825;&#20123;&#24314;&#35758;&#33021;&#24110;&#21161;&#24744;&#36731;&#26494;&#22320;&#23558;&#36825;&#20123;&#22270;&#26631;&#34701;&#20837;&#24744;&#30340;WordPress&#31449;&#28857;&#35774;&#35745;&#20013;&#12290;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div><div class=\"wp-block-columns p-0 border is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-columns px-4 py-3 border-bottom has-background is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" style=\"background:linear-gradient(243deg,rgb(238,238,238) 0%,rgba(58,166,242,0.15) 100%)\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\r\n<h2 class=\"wp-block-heading my-0\">&#40657;&#26495;IDE&#25945;&#20070;&#21280;&#65306;<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-columns px-xl-5 px-4 py-xl-4 py-3 is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<p>&#22909;&#30340;&#65292;&#25105;&#23558;&#20026;&#24744;&#35814;&#32454;&#20171;&#32461;&#22914;&#20309;&#20351;&#29992;&#36825;&#20123;&#20813;&#36153;&#30340;&#31038;&#20132;&#23186;&#20307;&#22270;&#26631;&#26469;&#35013;&#39280;&#24744;&#30340;WordPress&#32593;&#31449;&#12290;<\/p>\n<p>&#39318;&#20808;&#65292;&#25105;&#20204;&#38656;&#35201;&#25214;&#21040;&#19968;&#20010;&#21487;&#38752;&#30340;&#22312;&#32447;&#36164;&#28304;&#26469;&#33719;&#21462;&#36825;&#20123;&#22270;&#26631;&#12290;&#19968;&#20123;&#21463;&#27426;&#36814;&#30340;&#26469;&#28304;&#21253;&#25324;&#65306;<\/p>\n<ol>\n<li>Font Awesome&#65306;&#36825;&#26159;&#19968;&#20010;&#38750;&#24120;&#27969;&#34892;&#30340;&#22270;&#26631;&#24211;&#65292;&#25552;&#20379;&#20102;&#21508;&#31181;&#21508;&#26679;&#30340;&#22270;&#26631;&#21644;&#23383;&#20307;&#12290;<\/li>\n<li>Font Awesome Pro&#65306;&#36825;&#20010;&#29256;&#26412;&#27604;Font Awesome&#20813;&#36153;&#29256;&#22810;&#20102;&#26356;&#22810;&#30340;&#21151;&#33021;&#65292;&#22914;SVG&#26684;&#24335;&#12289;&#33258;&#23450;&#20041;&#39068;&#33394;&#31561;&#12290;<\/li>\n<li>Font Awesome Icons&#65306;&#36825;&#26159;&#21478;&#19968;&#20010;&#22522;&#20110;Font Awesome&#30340;&#22270;&#26631;&#24211;&#65292;&#20294;&#23427;&#30340;&#35774;&#35745;&#39118;&#26684;&#19982;Font Awesome&#19981;&#21516;&#12290;<\/li>\n<\/ol>\n<p>&#25509;&#19979;&#26469;&#65292;&#25105;&#20204;&#23558;&#22312;WordPress&#19978;&#23433;&#35013;&#24182;&#37197;&#32622;&#36825;&#20123;&#22270;&#26631;&#12290;&#20551;&#35774;&#24744;&#24050;&#32463;&#26377;&#19968;&#20010;&#21517;&#20026;&ldquo;my-site&rdquo;&#30340;&#26032;&#31449;&#28857;&#65292;&#24182;&#19988;&#24076;&#26395;&#23558;&#36825;&#20123;&#22270;&#26631;&#28155;&#21152;&#21040;&#39318;&#39029;&#12290;<\/p>\n<h3>&#27493;&#39588; 1: &#23433;&#35013;Font Awesome<\/h3>\n<ol>\n<li>&#25171;&#24320;WordPress&#31649;&#29702;&#30028;&#38754;&#65288;&#36890;&#24120;&#20301;&#20110;&#39030;&#37096;&#33756;&#21333;&#26639;&#20013;&#30340;&ldquo;Appearance&rdquo;&#36873;&#39033;&#65289;&#12290;<\/li>\n<li>&#22312;&#24038;&#20391;&#33756;&#21333;&#20013;&#36873;&#25321;&ldquo;Theme&rdquo;&#65292;&#28982;&#21518;&#28857;&#20987;&ldquo;Add New Theme&rdquo;&#12290;<\/li>\n<li>&#22312;&#25628;&#32034;&#26694;&#20013;&#36755;&#20837;&ldquo;Font Awesome&rdquo;&#24182;&#26597;&#25214;&ldquo;Font Awesome for WordPress&rdquo;&#65292;&#28982;&#21518;&#28857;&#20987;&#23427;&#12290;<\/li>\n<li>&#25509;&#19979;&#26469;&#65292;&#22312;&ldquo;Font Awesome for WordPress&rdquo;&#39029;&#38754;&#19978;&#65292;&#28857;&#20987;&ldquo;Install Now&rdquo;&#12290;&#31561;&#24453;&#29255;&#21051;&#21518;&#65292;&#23427;&#20250;&#33258;&#21160;&#23433;&#35013;&#24182;&#28608;&#27963;&#20027;&#39064;&#12290;<\/li>\n<\/ol>\n<h3>&#27493;&#39588; 2: &#37197;&#32622;&#22270;&#26631;<\/h3>\n<ol>\n<li>&#22312;WordPress&#21518;&#21488;&#65292;&#36716;&#21040;&ldquo;Design&rdquo; &gt; &ldquo;Customize&rdquo;&#12290;<\/li>\n<li>&#22312;&#21491;&#20391;&#24037;&#20855;&#26639;&#20013;&#65292;&#25214;&#21040;&#24182;&#28857;&#20987;&ldquo;Custom CSS&rdquo;&#25353;&#38062;&#12290;<\/li>\n<li>&#28857;&#20987;&ldquo;Add Custom CSS&rdquo;&#12290;<\/li>\n<li>&#22312;&#24377;&#20986;&#30340;&#25991;&#26412;&#26694;&#20013;&#65292;&#36755;&#20837;&#20197;&#19979;CSS&#20195;&#30721;&#65306;\n<pre><code class=\"language-html\">#content #primary {\nfont-family: 'FontAwesome', sans-serif;\n}<\/code><\/pre><\/li>\n<li>&#25353;&#19979;&ldquo;Save Changes&rdquo;&#25353;&#38062;&#20445;&#23384;&#26356;&#25913;&#12290;<\/li>\n<\/ol>\n<p>&#29616;&#22312;&#65292;&#24403;&#29992;&#25143;&#35775;&#38382;&#24744;&#30340;&#32593;&#31449;&#26102;&#65292;&#20182;&#20204;&#30340;&#27983;&#35272;&#22120;&#23558;&#30475;&#21040;&#24102;&#26377;Font Awesome&#22270;&#26631;&#30340;&#26032;&#24067;&#23616;&#12290;<\/p>\n<h3>&#27493;&#39588; 3: &#28155;&#21152;&#20854;&#20182;&#22270;&#26631;<\/h3>\n<p>&#22914;&#26524;&#24744;&#38656;&#35201;&#26356;&#22810;&#22270;&#26631;&#65292;&#35831;&#32487;&#32493;&#22312;Font Awesome&#25110;&#20854;&#23448;&#26041;&#25480;&#26435;&#20379;&#24212;&#21830;&#22788;&#23547;&#25214;&#12290;&#30830;&#20445;&#36981;&#24490;&#27599;&#20010;&#22270;&#26631;&#25552;&#20379;&#21830;&#30340;&#20351;&#29992;&#25919;&#31574;&#65292;&#20197;&#36991;&#20813;&#29256;&#26435;&#38382;&#39064;&#12290;<\/p>\n<p>&#35831;&#27880;&#24847;&#65292;&#34429;&#28982;&#36825;&#20123;&#22270;&#26631;&#30475;&#36215;&#26469;&#24456;&#37239;&#65292;&#20294;&#35831;&#21153;&#24517;&#27880;&#24847;&#23427;&#20204;&#30340;&#35774;&#35745;&#21644;&#29992;&#36884;&#65292;&#22240;&#20026;&#26576;&#20123;&#22270;&#26631;&#21487;&#33021;&#21253;&#21547;&#28508;&#22312;&#30340;&#39118;&#38505;&#65292;&#20363;&#22914;&#19981;&#24688;&#24403;&#30340;&#20869;&#23481;&#25110;&#20405;&#26435;&#34892;&#20026;&#12290;<\/p>\n<p>&#27492;&#22806;&#65292;&#20026;&#20102;&#20445;&#25252;&#24744;&#30340;&#32593;&#31449;&#20813;&#21463;&#24694;&#24847;&#25915;&#20987;&#65292;&#24314;&#35758;&#19981;&#35201;&#22312;&#32593;&#31449;&#19978;&#25918;&#32622;&#36807;&#22810;&#30340;&#31532;&#19977;&#26041;&#22270;&#26631;&#65292;&#38500;&#38750;&#23427;&#20204;&#20855;&#26377;&#23454;&#38469;&#30340;&#21151;&#33021;&#25110;&#35270;&#35273;&#25928;&#26524;&#12290;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&#20889; Bug&#24037;&#31243;&#24072;&#65306; &#22312;&#24403;&#20170;&#25968;&#23383;&#26102;&#20195;&#65292;&#31038;&#20132;&#23186;&#20307;&#22270;&#26631;&#038;#2..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[51],"tuisongtax":[],"class_list":["post-1815","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-jzgj"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/1815","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=1815"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/1815\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=1815"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=1815"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=1815"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=1815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}