Biểu tượng Phông chữ là một thứ rất phổ biến và cho phép người dùng sử dụng các biểu tượng vector làm phông chữ của họ.
Đây là điều mà nhiều nhà thiết kế web sử dụng vì cách chúng trông so với hình ảnh bitmap. Chúng có thể được thay đổi kích thước dễ dàng và chúng hoạt động với gần như tất cả các chủ đề WordPress hàng đầu.
Trong hướng dẫn WordPress này, bạn sẽ khám phá cách sử dụng các phông chữ biểu tượng trong WordPress mà không cần bất kỳ kinh nghiệm HTML hoặc CSS nào.
Các bài viết liên quan:
Đây không phải là một nhiệm vụ khó khăn và bất kỳ người mới bắt đầu nào cũng có thể sử dụng những phông chữ này một cách khá dễ dàng.
Các plugin hỗ trợ Font icon trong wordpress
Có nhiều plugin hỗ trợ việc sử dụng font icon trong WordPress. Dưới đây là một số plugin phổ biến:
- Better Font Awesome: Đây là một plugin cho phép bạn sử dụng thư viện font icon phổ biến là Font Awesome trong WordPress. Nó cung cấp cho bạn các tính năng linh hoạt để thêm và quản lý các biểu tượng Font Awesome trên website của bạn.
- WP SVG Icons: Đây là một plugin cho phép bạn sử dụng các biểu tượng SVG vector dưới dạng font icon trong WordPress. Nó cung cấp một giao diện người dùng dễ sử dụng để tìm kiếm, chọn và thêm các biểu tượng SVG vào bài viết, trang hoặc widget.
- Use Any Font: Đây là một plugin cho phép bạn tải lên và sử dụng các font định dạng tùy chỉnh trong WordPress, bao gồm cả font icon. Nó cho phép bạn tải lên các file font từ máy tính của bạn hoặc từ URL, sau đó gán chúng cho các phần tử trên website của bạn.
- IcoMoon Ultimate Icons: Đây là một plugin cho phép bạn sử dụng IcoMoon Ultimate Icons – một thư viện font icon phổ biến trong WordPress. Nó cung cấp cho bạn giao diện người dùng để tìm kiếm, xem trước và thêm các biểu tượng IcoMoon vào website của bạn.
Chú ý rằng việc sử dụng plugin font icon phụ thuộc vào nhu cầu cụ thể của bạn và cách bạn muốn tùy chỉnh font icon trên website của mình. Trước khi cài đặt và sử dụng plugin, hãy đảm bảo kiểm tra tính tương thích, đánh giá và đọc tài liệu hướng dẫn của plugin đó để đảm bảo tính ổn định và an toàn của website.
Xem thêm Font trong website là gì ?
Giới thiệu wordpress visual icon fonts
WordPress Visual Icon Fonts là một plugin cho phép bạn sử dụng các font icon phổ biến trong WordPress một cách dễ dàng. Đây là một công cụ mạnh mẽ giúp bạn thêm các biểu tượng đồ họa, biểu tượng xã hội, biểu tượng địa chỉ, biểu tượng chủ đề, biểu tượng đối tác, biểu tượng dịch vụ, và nhiều hơn nữa vào website của bạn.
Dưới đây là một số tính năng nổi bật của WordPress Visual Icon Fonts:
- Dễ dàng sử dụng: Plugin cung cấp giao diện người dùng thân thiện và dễ sử dụng, cho phép bạn chọn, xem trước và chèn các biểu tượng icon vào nội dung của bạn một cách đơn giản và nhanh chóng.
- Hỗ trợ nhiều bộ font icon: Plugin hỗ trợ nhiều bộ font icon phổ biến như Font Awesome, Ionicons, Material Icons, và nhiều hơn nữa, giúp bạn có nhiều lựa chọn để tùy chỉnh giao diện của website.
- Tuỳ chỉnh màu sắc và kích thước: Plugin cho phép bạn tùy chỉnh màu sắc và kích thước của các biểu tượng icon, giúp bạn đáp ứng các yêu cầu thiết kế đặc thù của website của bạn.
- Tích hợp với trình soạn thảo WordPress: Plugin tích hợp hoàn hảo với trình soạn thảo WordPress, cho phép bạn dễ dàng thêm các biểu tượng icon vào các bài viết, trang, widget hay phần tử của giao diện người dùng mà không cần mã code.
- Tính linh hoạt và đa dạng: Plugin cung cấp nhiều tùy chọn để tùy chỉnh, cho phép bạn thay đổi kiểu hiển thị, thêm liên kết, thêm chú thích, và nhiều hơn nữa, giúp bạn tạo ra các biểu tượng icon đa dạng và phong phú trên website của mình.
Như vậy, WordPress Visual Icon Fonts là một plugin hữu ích giúp bạn sử dụng các font icon phổ biến trong WordPress một cách dễ dàng và linh hoạt, giúp nâng cao trải nghiệm người dùng và thẩm mỹ của website của bạn.
Hướng dẫn cài đặt và sử dụng wordpress visual icon fonts
Đây là hướng dẫn cài đặt và sử dụng WordPress Visual Icon Fonts:
Bước 1: Cài đặt plugin
- Đăng nhập vào tài khoản quản trị WordPress của bạn.
- Di chuột đến “Plugins” trên thanh menu bên trái và chọn “Thêm mới”.
- Tìm kiếm “WordPress Visual Icon Fonts” trong ô tìm kiếm.
- Khi tìm thấy plugin, nhấn nút “Cài đặt ngay” để cài đặt plugin lên trang web của bạn.
- Sau khi hoàn tất quá trình cài đặt, nhấn nút “Kích hoạt” để kích hoạt plugin.
Bước 2: Sử dụng plugin
- Sau khi plugin được kích hoạt, bạn sẽ thấy một mục mới được thêm vào trong trình soạn thảo của WordPress. Đó là biểu tượng “WVI” (WordPress Visual Icon) nằm gần nút “Thêm phương tiện” (Add Media) trên thanh công cụ của trình soạn thảo.
- Để sử dụng plugin, hãy tạo hoặc chỉnh sửa một bài viết hoặc trang mới.
- Trong trình soạn thảo, chọn vị trí muốn thêm biểu tượng icon.
- Nhấp vào biểu tượng “WVI” để mở giao diện của plugin.
- Trong giao diện plugin, bạn có thể chọn bộ font icon mong muốn (ví dụ: Font Awesome, Ionicons, Material Icons, …).
- Duyệt qua danh sách các biểu tượng icon có sẵn và chọn biểu tượng mong muốn bằng cách nhấp vào nó.
- Tùy chỉnh màu sắc, kích thước, liên kết và các tùy chọn khác cho biểu tượng icon (nếu cần).
- Nhấp vào nút “Chèn” (Insert) để thêm biểu tượng icon vào nội dung của bạn.
- Hoàn tất quá trình chỉnh sửa bài viết hoặc trang và nhấn nút “Cập nhật” (Update) hoặc “Xuất bản” (Publish) để lưu lại các thay đổi.
Đó là hướng dẫn cài đặt và sử dụng WordPress Visual Icon Fonts. Bạn có thể dễ dàng thêm các biểu tượng icon phổ biến vào các bài viết, trang, widget hay phần tử giao diện người dùng của WordPress của bạn một cách dễ dàng và linh hoạt.
Sau khi kích hoạt plugin, bạn có thể truy cập plugin từ setting >> Font icon. Plugin đi kèm với các phông chữ Font Awesome và Genericon, bạn có thể sử dụng phông chữ này cho các phông chữ biểu tượng của mình.
Khi bạn đã chọn phông chữ bạn muốn sử dụng, phông chữ đó sẽ có sẵn với các bài đăng, trang WordPress và các loại bài đăng tùy chỉnh của bạn. Bạn có thể truy cập các phông chữ biểu tượng từ màn hình chỉnh sửa bài đăng hoặc trang bằng cách nhấp vào nút “Biểu tượng” bên cạnh nút “Thêm phương tiện”.
Khi bạn nhấp vào nút này, bạn sẽ nhận được menu thả xuống với tất cả các lựa chọn phông chữ khác nhau của bạn. Điều này sẽ cho phép bạn thêm các phông chữ biểu tượng vào bất kỳ bài đăng, trang hoặc loại bài đăng tùy chỉnh nào một cách dễ dàng.
Bạn có thể thay đổi màu sắc và kích thước của phông chữ giống như bạn làm với bất kỳ phông chữ thông thường nào trong màn hình trình chỉnh sửa bài đăng. Chỉ cần chọn phông chữ bạn muốn thay đổi và sử dụng các nút trong trình chỉnh sửa trực quan.
Phông chữ biểu tượng được sử dụng để giúp thêm gia vị cho bất kỳ trang đích, bài đăng hoặc bất kỳ loại trang nào khác trên trang web của bạn.
Bạn sẽ nhận được 369 biểu tượng với Font Awesome và 62 biểu tượng khác mà bạn có thể sử dụng với phông chữ Genericon.
Điều này cung cấp cho bạn nhiều sự lựa chọn để làm nổi bật các bài viết dài, thêm một chút thiết kế bổ sung hoặc chỉ làm cho các bài đăng trên blog của bạn đẹp hơn một chút.
Bây giờ bạn đã biết cách sử dụng phông chữ biểu tượng trong WordPress mà không cần bất kỳ HTML nào. Điều đó thật dễ dàng mà bất kỳ người mới bắt đầu nào cũng có thể làm được chỉ bằng cách cài đặt plugin.
Xem thêm Thêm Bản đồ Tương tác vào Trang web WordPress