Cách thêm biểu tượng cho các loại bài đăng tùy chỉnh trong WordPress

Trong bài viết

Bạn đã bao giờ tự hỏi làm thế nào bạn có thể thêm các biểu tượng tùy chỉnh cho các loại bài đăng tùy chỉnh của mình trong WordPress? Nếu vậy, thì bạn đang ở đúng nơi. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách thêm biểu tượng cho các loại bài đăng tùy chỉnh trong WordPress.

Other :

WordPress bắt đầu sử dụng một phông chữ biểu tượng có tên là Dashicons kể từ phiên bản WordPress 3.8. Các biểu tượng phông chữ này trông tuyệt vời trên mọi thiết bị hoặc kích thước màn hình. Bạn có thể tận dụng các biểu tượng này để gán các biểu tượng tùy chỉnh cho các loại bài đăng của mình.

Đăng ký WPBeginner

Thêm biểu tượng loại bài đăng tùy chỉnh bằng Plugin

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin CPT Custom Icon. Khi kích hoạt, chỉ cần đi tới Cài đặt »Cài đặt biểu tượng tùy chỉnh CPT , nơi bạn sẽ thấy các loại bài đăng tùy chỉnh của mình được liệt kê. Tiếp theo, nhấp vào nút ‘Chọn biểu tượng’ bên cạnh loại bài đăng tùy chỉnh và sau đó chọn phông chữ từ menu.

Choosing a font for your custom post type using a plugin

Thêm biểu tượng bằng Plugin giao diện người dùng loại bài đăng tùy chỉnh

Nếu bạn mới đăng ký loại bài đăng tùy chỉnh, thì chúng tôi khuyên bạn nên sử dụng plugin Giao diện người dùng loại bài đăng tùy chỉnh để tạo và quản lý các loại bài đăng tùy chỉnh và phân loại.

Thêm biểu tượng vào loại bài đăng tùy chỉnh được tạo bằng plugin CPT UI rất đơn giản. Nó hỗ trợ Dashicons theo mặc định, vì vậy trước tiên bạn cần truy cập trang web Dashicons và chọn biểu tượng bạn muốn sử dụng cho loại bài đăng của mình.

Copying an icon class from Dashicons website

Nhấp vào biểu tượng trong danh sách sẽ hiển thị phiên bản lớn hơn của biểu tượng ở trên cùng. Bên cạnh nó, bạn sẽ thấy lớp CSS của biểu tượng. Nó sẽ là một cái gì đó như dashicons-groups, dashicons-calendar, dashicons-cart, v.v. Bạn cần sao chép lớp CSS và chỉnh sửa loại bài đăng tùy chỉnh mà bạn muốn chỉnh sửa trong CPT UI. Tất cả những gì bạn cần làm là nhấp vào liên kết Advanced Options và cuộn xuống phần Menu Icon, sau đó dán lớp CSS và lưu các thay đổi của bạn.

Adding font icon in custom post type UI plugin

Bạn cũng có thể tự tạo biểu tượng hình ảnh và tải lên bằng cách nhấp vào Phương tiện »Thêm mới . Sau khi tải lên, hãy nhấp vào liên kết Chỉnh sửa và sao chép URL của tệp hình ảnh. Bây giờ chỉ cần dán URL này vào trường biểu tượng menu trong cài đặt giao diện người dùng CPT.

Thêm biểu tượng vào loại bài đăng tùy chỉnh theo cách thủ công

Nếu bạn đã tạo loại bài đăng tùy chỉnh bằng cách đặt mã trong tệp plugin hoặc tệp functions.php dành riêng cho trang web của mình, thì bạn có thể thêm các biểu tượng menu theo cách thủ công. Một lần nữa, chỉ cần truy cập vào trang web Dashicons để chọn một biểu tượng và sao chép lớp CSS. Sau đó, hãy thêm nó vào mã loại bài đăng tùy chỉnh của bạn như sau:

'menu_icon'           => 'dashicons-cart',

Bạn cũng có thể thêm URL đầy đủ của tệp hình ảnh mà bạn muốn hiển thị dưới dạng biểu tượng, như sau:

'menu_icon'           => 'http://www.example.com/wp-content/uploads/2014/11/your-cpt-icon.png',

Đây là đoạn mã đầy đủ tạo một loại bài đăng tùy chỉnh được gọi là sản phẩm có biểu tượng menu:

// Đăng ký chức năng Loại bài đăng tùy chỉnh custom_post_type () {$ label = array ('name' => _x ('products', 'Post Type General Name', 'text_domain'), 'singular_name' => _x ('Sản phẩm', 'Tên số ít', 'text_domain'), 'menu_name' => __ ('Products', 'text_domain'), 'parent_item_colon' => __ ('Parent Item:', 'text_domain'), 'all_items' = > __ ('Tất cả các mục', 'text_domain'), 'view_item' => __ ('View Item', 'text_domain'), 'add_new_item' => __ ('Thêm mục mới', 'text_domain'), 'add_new '=> __ (' Thêm mới ',' text_domain '),' edit_item '=> __ (' Edit Item ',' text_domain '),' update_item '=> __ (' Update Item ',' text_domain '),' search_items '=> __ (' Mục tìm kiếm ',' text_domain '),' not_found '=> __ (' Không tìm thấy ',' text_domain '),' not_found_in_trash '=> __ (' Không tìm thấy trong Thùng rác ',' text_domain ' ),); $ args = array ('label' => __ ('Products', 'text_domain'), 'description' => __ ('Post Type Description', 'text_domain'), 'label' => $ label, 'supports' => array (), 'taxonomies' => array ('category', 'post_tag'), 'hierarchical' => false, 'public' => true, 'show_ui' => true, 'show_in_menu' => true, 'show_in_nav_menus' => true, 'show_in_admin_bar' => true, 'menu_position' => 5, 'menu_icon' => 'dashicons-cart', 'can_export' => true, 'has_archive' => true,'lude_from_search '= > false, 'public_queryable' => true, 'ability_type' => 'page',); register_post_type ('Sản phẩm', $ args); } // Móc vào hành động 'init' add_action ('init', 'custom_post_type', 0);

Chúng tôi hy vọng bài viết này đã giúp bạn thêm các biểu tượng cho các loại bài đăng tùy chỉnh của mình trong WordPress. Bạn cũng có thể muốn xem cách sử dụng phông chữ biểu tượng trong trình chỉnh sửa bài đăng WordPress.

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Google+.

Free Download Cách thêm biểu tượng cho các loại bài đăng tùy chỉnh trong WordPress :



CẢNH BÁO :Đây là bản NULLED. Chúng tôi không nhận bất cứ trách nhiệm nào về mã độc, virus, malware. Nếu bạn muốn tải theme, plugin SẠCH với giá chỉ 20K thì vui lòng liên hệ với chúng tôi



KHUYẾN MÃI : Chúng tôi đang có chương trình giảm giá với combo 600 + theme, plugin bản quyền với giá chỉ 200k. Xem danh sách tại đâyhttps://anotepad.com/note/read/b683etyb

Sale

If you want the lastest version or original,please contact via messenger

Ủng hộ tôi qua MOMO

Ủng Hộ TÔi

Decryption key :

Trong khi chờ đợi, vui lòng nhấn vao quảng cáo phía trên để tác giả có phí duy trì website , xin cám ơn ^^^

In the meantime, please click on the ad so that the author has a website maintenance fee, very very very thank you ^^^ !!!!

Download Instructions

Join our official telegram group and channel for latest updates.

Để lại một bình luận

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More

© 2021 All Rights Reserved | Shared by Tainguyenwordpress