Làm cách nào để thêm CSS biểu tượng menu WordPress?Cài đặt Plugin phông chữ biểu tượng điều hướng WP

WordPressLàm cách nào để thêm CSS biểu tượng menu?

Cài đặt Plugin phông chữ biểu tượng điều hướng WP

phương tiện truyền thông mớiMọi người làmSEOĐó là tối ưu hóa trang web và cải thiện trải nghiệm người dùng.

Bạn có thể thêm các phông chữ biểu tượng vào trang web WordPress của mình, chúng rất đẹp và hỗ trợ các mẫu chủ đề WP thiết kế đáp ứng.

Phông chữ biểu tượng và biểu tượng ở định dạng hình ảnh nhỏ khác nhau:

• Hỗ trợ hiển thị võng mạc.
• Có thểVô hạnphóng to.
• Cá nhân hóa các mục trên menu điều hướng riêng lẻ dưới dạng phông chữ Biểu tượng.

Có thể xem sơ đồ tác dụng cụ thểChen WeiliangMenu điều hướng của blog.

Làm thế nào để sử dụng phông chữ biểu tượng?

第 1 步 ：Cài đặt plugin

• WP background → Plugins → Install Plugins → Tìm kiếm "Font Awesome 4 Menus", tải xuống và cài đặt và kích hoạt;
• Bạn cũng có thể tải trực tiếp từ trang web, sau đó tải lên hoặc cài đặt qua FTP sau khi tải lên.

第 2 步 ：Tìm Phông chữ Biểu tượng

Mở trang web chính thức của phông chữ biểu tượng và tìm biểu tượng chúng ta cần ▼

• mà bạn có thể hiển thị khi nhấp vào biểu tượng <i class =“fa fa-home”> </ i>Chép fa fa-nha.
• Nếu tên biểu tượng trang chủ là nhà, thì chúng ta cần nhập vào "Lớp CSS của Menu" fas fa-home

第 3 步 ：Trình đơn đầu vào biểu tượng phông chữ lớp CSS

• Nền WP → Giao diện → Trình đơn, vào trang cài đặt trình đơn.
• chọn và chỉnh sửa một mục menu,
• Trong lớp CSS, dán tên phông chữ biểu tượng mà chúng tôi vừa sao chép (fa fa-home) ▼

• (Hoạt động của các biểu tượng khác giống nhau)
• Cuối cùng bấm lưu.

注意 事项

Nếu bạn không có các lớp CSS trong bảng Chỉnh sửa mục trong menu, bạn có thể mở "Tùy chọn hiển thị" ở góc trên cùng bên phải và trongHiển thị các thuộc tính nâng cao của menu, chọn "Lớp CSS" ▼

• Tất nhiên, thư viện phông chữ biểu tượng này không giới hạn sử dụng trong menu điều hướng, miễn là mã biểu tượng tương ứng được thêm vào vị trí tương ứng của mẫu chủ đề.