{"id":755,"date":"2020-01-28T19:51:05","date_gmt":"2020-01-28T11:51:05","guid":{"rendered":"http:\/\/blog.yyhcw.com\/?p=755"},"modified":"2020-01-28T19:51:05","modified_gmt":"2020-01-28T11:51:05","slug":"wordpress-%e6%89%80%e6%9c%89%e5%9b%be%e6%a0%87%e5%ad%97%e4%bd%93%e5%8f%8a%e5%ba%94%e7%94%a8%e6%96%b9%e6%b3%95","status":"publish","type":"post","link":"https:\/\/blog.yyhcw.com\/post\/755.html","title":{"rendered":"WordPress \u6240\u6709\u56fe\u6807\u5b57\u4f53\u53ca\u5e94\u7528\u65b9\u6cd5"},"content":{"rendered":"

\u6162\u6162\u7684\u559c\u6b22\u4e0a\u4e86WORDPRESS\uff0c\u5176\u529f\u80fd\u7684\u5f3a\u5927\u786e\u5b9e\u662f\u5176\u5b83\u535a\u5ba2\u7cfb\u7edf\u65e0\u6cd5\u6bd4\u62df\u7684\uff1b\u5168\u80fd\u5efa\u7ad9\u7cfb\u7edf\u4e5f\u662f\u5f53\u4e4b\u65e0\u6127\u3002\u4eca\u5929\u5728\u81ea\u5b9a\u4e49\u7c7b\u578b\u7684\u65f6\u5019\u7528\u5230\u56fe\u6807<\/a>\uff0c\u67e5\u8d44\u6599\u5f97\u77e5\uff1aDashicons \u662f WordPress \u5b98\u65b9\u51fa\u7684\u7528\u4e8e\u540e\u53f0\u7684\u56fe\u6807\u5b57\u4f53\uff0c\u53ef\u4ee5\u7528\u4e8e\u5728\u540e\u53f0\u53f3\u4fa7\u7684\u83dc\u5355\uff0cregister_post_type() \u548c add_menu_page() \u51fd\u6570\u53c2\u6570\u90fd\u6709\u4e00\u4e2a icon \u7684\u9009\u9879\u7528\u6765\u8bbe\u7f6e\u56fe\u6807\u3002<\/p>\n

register_post_type() \u4e2d\u4f7f\u7528<\/h3>\n
add_action( 'init', function() {\r\n    register_post_type( 'acme_product',\r\n        array(\r\n            'label' => 'Products',\r\n            'public'      => true,\r\n            'has_archive' => true,\r\n            'menu_icon'   => 'dashicons-products',\r\n        )\r\n    );\r\n});<\/pre>\n
add_menu_page() \u4e2d\u4f7f\u7528<\/h3>\n
function add_my_custom_menu() {\r\n    \/\/ Add an item to the menu.\r\n    add_menu_page(\r\n        'My Page',\r\n        'My Title',\r\n        'manage_options',\r\n        'my-page',\r\n        'my_admin_page_function',\r\n        'dashicons-admin-media'\r\n    );\r\n}<\/pre>\n
HTML\/CSS \u4e2d\u4e24\u79cd\u7528\u6cd5<\/h3>\n
dashicons-before class\uff1a<\/p>\n
<p class=\"dashicons-before dashicons-smiley\">\u7b11\u8138<\/p><\/pre>\n
dashicons class\uff1a<\/p>\n
<p><span class=\"dashicons dashicons-smiley\"><\/span>\u7b11\u8138<\/p><\/pre>\n
Admin Menu Icons \/ \u7ba1\u7406\u83dc\u5355\u56fe\u6807<\/h3>\n
<\/i> dashicons-menu<\/p>\n
<\/i> dashicons-admin-site<\/p>\n
<\/i> dashicons-dashboard<\/p>\n
<\/i> dashicons-admin-media<\/p>\n
<\/i> dashicons-admin-page<\/p>\n
<\/i> dashicons-admin-comments<\/p>\n
<\/i> dashicons-admin-appearance<\/p>\n
<\/i> dashicons-admin-plugins<\/p>\n
<\/i> dashicons-admin-users<\/p>\n
<\/i> dashicons-admin-tools<\/p>\n
<\/i> dashicons-admin-settings<\/p>\n
<\/i> dashicons-admin-network<\/p>\n
<\/i> dashicons-admin-generic<\/p>\n
<\/i> dashicons-admin-home<\/p>\n
<\/i> dashicons-admin-collapse<\/p>\n
<\/i> dashicons-filter<\/p>\n
<\/i> dashicons-admin-customizer<\/p>\n
<\/i> dashicons-admin-multisite<\/p>\n
Both Admin Menu and Post Formats<\/h3>\n
<\/i> dashicons-admin-links<\/p>\n
<\/i> dashicons-format-links<\/p>\n
<\/i> dashicons-admin-post<\/p>\n
<\/i> dashicons-format-standard<\/p>\n
Post Format Icons<\/h3>\n
<\/i> dashicons-format-image<\/p>\n
<\/i> dashicons-format-gallery<\/p>\n
<\/i> dashicons-format-audio<\/p>\n
<\/i> dashicons-format-video<\/p>\n
<\/i> dashicons-format-chat<\/p>\n
<\/i> dashicons-format-status<\/p>\n
<\/i> dashicons-format-aside<\/p>\n
<\/i> dashicons-format-quote<\/p>\n
Welcome Screen Icons<\/h3>\n
<\/i> dashicons-welcome-write-blog<\/p>\n
<\/i> dashicons-welcome-edit-page<\/p>\n
<\/i> dashicons-welcome-add-page<\/p>\n
<\/i> dashicons-welcome-view-site<\/p>\n
<\/i> dashicons-welcome-widgets-menus<\/p>\n
<\/i> dashicons-welcome-comments<\/p>\n
<\/i> dashicons-welcome-learn-more<\/p>\n
Image Editing Icons<\/h3>\n
<\/i> dashicons-image-crop<\/p>\n
<\/i> dashicons-image-rotate<\/p>\n
<\/i> dashicons-image-rotate-left<\/p>\n
<\/i> dashicons-image-rotate-right<\/p>\n
<\/i> dashicons-image-flip-vertical<\/p>\n
<\/i> dashicons-image-flip-horizontal<\/p>\n
<\/i> dashicons-image-filter<\/p>\n
Both Image Editing and TinyMCE<\/h3>\n
<\/i> dashicons-undo<\/p>\n
<\/i> dashicons-redo<\/p>\n
TinyMCE Icons<\/h3>\n
<\/i> dashicons-editor-bold<\/p>\n
<\/i> dashicons-editor-italic<\/p>\n
<\/i> dashicons-editor-ul<\/p>\n
<\/i> dashicons-editor-ol<\/p>\n
<\/i> dashicons-editor-quote<\/p>\n
<\/i> dashicons-editor-alignleft<\/p>\n
<\/i> dashicons-editor-aligncenter<\/p>\n
<\/i> dashicons-editor-alignright<\/p>\n
<\/i> dashicons-editor-insertmore<\/p>\n
<\/i> dashicons-editor-spellcheck<\/p>\n
<\/i> dashicons-editor-distractionfree<\/p>\n
<\/i> dashicons-editor-expand<\/p>\n
<\/i> dashicons-editor-contract<\/p>\n
<\/i> dashicons-editor-kitchensink<\/p>\n
<\/i> dashicons-editor-underline<\/p>\n
<\/i> dashicons-editor-justify<\/p>\n
<\/i> dashicons-editor-textcolor<\/p>\n
<\/i> dashicons-editor-paste-word<\/p>\n
<\/i> dashicons-editor-paste-text<\/p>\n
<\/i> dashicons-editor-removeformatting<\/p>\n
<\/i> dashicons-editor-video<\/p>\n
<\/i> dashicons-editor-customchar<\/p>\n
<\/i> dashicons-editor-outdent<\/p>\n
<\/i> dashicons-editor-indent<\/p>\n
<\/i> dashicons-editor-help<\/p>\n
<\/i> dashicons-editor-strikethrough<\/p>\n
<\/i> dashicons-editor-unlink<\/p>\n
<\/i> dashicons-editor-rtl<\/p>\n
<\/i> dashicons-editor-break<\/p>\n
<\/i> dashicons-editor-code<\/p>\n
<\/i> dashicons-editor-paragraph<\/p>\n
<\/i> dashicons-editor-table<\/p>\n
Post Icons<\/h3>\n
<\/i> dashicons-align-left<\/p>\n
<\/i> dashicons-align-right<\/p>\n
<\/i> dashicons-align-center<\/p>\n
<\/i> dashicons-align-none<\/p>\n
<\/i> dashicons-lock<\/p>\n
<\/i> dashicons-unlock<\/p>\n
<\/i> dashicons-calendar<\/p>\n
<\/i> dashicons-calendar-alt<\/p>\n
<\/i> dashicons-visibility<\/p>\n
<\/i> dashicons-hidden<\/p>\n
<\/i> dashicons-post-status<\/p>\n
<\/i> dashicons-edit<\/p>\n
<\/i> dashicons-post-trash<\/p>\n
<\/i> dashicons-trash<\/p>\n
<\/i> dashicons-sticky<\/p>\n
Sorting<\/h3>\n
<\/i> dashicons-external<\/p>\n
<\/i> dashicons-arrow-up<\/p>\n
<\/i> dashicons-arrow-down<\/p>\n
<\/i> dashicons-arrow-left<\/p>\n
<\/i> dashicons-arrow-right<\/p>\n
<\/i> dashicons-arrow-up-alt<\/p>\n
<\/i> dashicons-arrow-down-alt<\/p>\n
<\/i> dashicons-arrow-left-alt<\/p>\n
<\/i> dashicons-arrow-right-alt<\/p>\n
<\/i> dashicons-arrow-up-alt2<\/p>\n
<\/i> dashicons-arrow-down-alt2<\/p>\n
<\/i> dashicons-arrow-left-alt2<\/p>\n
<\/i> dashicons-arrow-right-alt2<\/p>\n
<\/i> dashicons-leftright<\/p>\n
<\/i> dashicons-sort<\/p>\n
<\/i> dashicons-randomize<\/p>\n
<\/i> dashicons-list-view<\/p>\n
<\/i> dashicons-exerpt-view<\/p>\n
<\/i> dashicons-excerpt-view<\/p>\n
<\/i> dashicons-grid-view<\/p>\n
<\/i> dashicons-move<\/p>\n
WPorg specific icons: Jobs, Profiles, WordCamps<\/h3>\n
<\/i> dashicons-hammer<\/p>\n
<\/i> dashicons-art<\/p>\n
<\/i> dashicons-migrate<\/p>\n
<\/i> dashicons-performance<\/p>\n
<\/i> dashicons-universal-access<\/p>\n
<\/i> dashicons-universal-access-alt<\/p>\n
<\/i> dashicons-tickets<\/p>\n
<\/i> dashicons-nametag<\/p>\n
<\/i> dashicons-clipboard<\/p>\n
<\/i> dashicons-heart<\/p>\n
<\/i> dashicons-megaphone<\/p>\n
<\/i> dashicons-schedule<\/p>\n
Internal\/Products<\/h3>\n
<\/i> dashicons-wordpress<\/a><\/p>\n
<\/i> dashicons-wordpress<\/a>-alt<\/p>\n
<\/i> dashicons-pressthis<\/p>\n
<\/i> dashicons-update<\/p>\n
<\/i> dashicons-screenoptions<\/p>\n
<\/i> dashicons-cart<\/p>\n
<\/i> dashicons-feedback<\/p>\n
<\/i> dashicons-cloud<\/p>\n
<\/i> dashicons-translation<\/p>\n
Taxonomies<\/h3>\n
<\/i> dashicons-tag<\/p>\n
<\/i> dashicons-category<\/p>\n
Widget icons<\/h3>\n
<\/i> dashicons-archive<\/p>\n
<\/i> dashicons-tagcloud<\/p>\n
<\/i> dashicons-text<\/p>\n
Media icons<\/h3>\n
<\/i> dashicons-media-archive<\/p>\n
<\/i> dashicons-media-audio<\/p>\n
<\/i> dashicons-media-code<\/p>\n
<\/i> dashicons-media-default<\/p>\n
<\/i> dashicons-media-document<\/p>\n
<\/i> dashicons-media-interactive<\/p>\n
<\/i> dashicons-media-spreadsheet<\/p>\n
<\/i> dashicons-media-text<\/p>\n
<\/i> dashicons-media-video<\/p>\n
<\/i> dashicons-playlist-audio<\/p>\n
<\/i> dashicons-playlist-video<\/p>\n
<\/i> dashicons-controls-play<\/p>\n
<\/i> dashicons-controls-pause<\/p>\n
<\/i> dashicons-controls-forward<\/p>\n
<\/i> dashicons-controls-skipforward<\/p>\n
<\/i> dashicons-controls-back<\/p>\n
<\/i> dashicons-controls-skipback<\/p>\n
<\/i> dashicons-controls-repeat<\/p>\n
<\/i> dashicons-controls-volumeon<\/p>\n
<\/i> dashicons-controls-volumeoff<\/p>\n
Alerts\/Notifications\/Flags<\/h3>\n
<\/i> dashicons-yes<\/p>\n
<\/i> dashicons-no<\/p>\n
<\/i> dashicons-no-alt<\/p>\n
<\/i> dashicons-plus<\/p>\n
<\/i> dashicons-plus-alt<\/p>\n
<\/i> dashicons-plus-alt2<\/p>\n
<\/i> dashicons-minus<\/p>\n
<\/i> dashicons-dismiss<\/p>\n
<\/i> dashicons-marker<\/p>\n
<\/i> dashicons-star-filled<\/p>\n
<\/i> dashicons-star-half<\/p>\n
<\/i> dashicons-star-empty<\/p>\n
<\/i> dashicons-flag<\/p>\n
<\/i> dashicons-info<\/p>\n
<\/i> dashicons-warning<\/p>\n
Social Icons<\/h3>\n
<\/i> dashicons-share<\/p>\n
<\/i> dashicons-share1<\/p>\n
<\/i> dashicons-share-alt<\/p>\n
<\/i> dashicons-share-alt2<\/p>\n
<\/i> dashicons-twitter<\/p>\n
<\/i> dashicons-rss<\/p>\n
<\/i> dashicons-email<\/p>\n
<\/i> dashicons-email-alt<\/p>\n
<\/i> dashicons-facebook<\/p>\n
<\/i> dashicons-facebook-alt<\/p>\n
<\/i> dashicons-networking<\/p>\n
<\/i> dashicons-googleplus<\/p>\n
Misc\/CPT<\/h3>\n
<\/i> dashicons-location<\/p>\n
<\/i> dashicons-location-alt<\/p>\n
<\/i> dashicons-camera<\/p>\n
<\/i> dashicons-images-alt<\/p>\n
<\/i> dashicons-images-alt2<\/p>\n
<\/i> dashicons-video-alt<\/p>\n
<\/i> dashicons-video-alt2<\/p>\n
<\/i> dashicons-video-alt3<\/p>\n
<\/i> dashicons-vault<\/p>\n
<\/i> dashicons-shield<\/p>\n
<\/i> dashicons-shield-alt<\/p>\n
<\/i> dashicons-sos<\/p>\n
<\/i> dashicons-search<\/p>\n
<\/i> dashicons-slides<\/p>\n
<\/i> dashicons-analytics<\/p>\n
<\/i> dashicons-chart-pie<\/p>\n
<\/i> dashicons-chart-bar<\/p>\n
<\/i> dashicons-chart-line<\/p>\n
<\/i> dashicons-chart-area<\/p>\n
<\/i> dashicons-groups<\/p>\n
<\/i> dashicons-businessman<\/p>\n
<\/i> dashicons-id<\/p>\n
<\/i> dashicons-id-alt<\/p>\n
<\/i> dashicons-products<\/p>\n
<\/i> dashicons-awards<\/p>\n
<\/i> dashicons-forms<\/p>\n
<\/i> dashicons-testimonial<\/p>\n
<\/i> dashicons-portfolio<\/p>\n
<\/i> dashicons-book<\/p>\n
<\/i> dashicons-book-alt<\/p>\n
<\/i> dashicons-download<\/p>\n
<\/i> dashicons-upload<\/p>\n
<\/i> dashicons-backup<\/p>\n
<\/i> dashicons-clock<\/p>\n
<\/i> dashicons-lightbulb<\/p>\n
<\/i> dashicons-microphone<\/p>\n
<\/i> dashicons-desktop<\/p>\n
<\/i> dashicons-laptop<\/p>\n
<\/i> dashicons-tablet<\/p>\n
<\/i> dashicons-smartphone<\/p>\n
<\/i> dashicons-phone<\/p>\n
<\/i> dashicons-smiley<\/p>\n
<\/i> dashicons-index-card<\/p>\n
<\/i> dashicons-carrot<\/p>\n
<\/i> dashicons-building<\/p>\n
<\/i> dashicons-store<\/p>\n
<\/i> dashicons-album<\/p>\n
<\/i> dashicons-palmtree<\/p>\n
<\/i> dashicons-tickets-alt<\/p>\n
<\/i> dashicons-money<\/p>\n
<\/i> dashicons-thumbs-up<\/p>\n
<\/i> dashicons-thumbs-down<\/p>\n
<\/i> dashicons-layout<\/p>\n
<\/i> dashicons-paperclip
\n\u5b8c\u5de5\u4e86\uff0c\u4f46\u662f\u4e0d\u77e5\u9053\u6211\u8fd9\u4e2a\u6837\u5f0f\u4f1a\u4e0d\u4f1a\u53d8\u5f62\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"\u6162\u6162\u7684\u559c\u6b22\u4e0a\u4e86WORDPRESS\uff0c\u5176\u529f\u80fd\u7684\u5f3a\u5927\u786e\u5b9e\u662f\u5176\u5b83\u535a\u5ba2\u7cfb\u7edf\u65e0\u6cd5\u6bd4\u62df\u7684\uff1b\u5168\u80fd\u5efa\u7ad9\u7cfb\u7edf\u4e5f\u662f\u5f53\u4e4b\u65e0\u6127\u3002\u4eca\u5929\u5728\u81ea \u00b7\u00b7\u00b7","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[28,179],"views":760,"_links":{"self":[{"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/posts\/755"}],"collection":[{"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/comments?post=755"}],"version-history":[{"count":0,"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/posts\/755\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/media?parent=755"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/categories?post=755"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/tags?post=755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}