Bạn đã từng thấy các trang web hiển thị biểu tượng tệp bên cạnh các liên kết tải xuống? Gần đây, một trong những độc giả của chúng tôi đã hỏi liệu có thể hiển thị biểu tượng tệp đính kèm trong WordPress hay không. Có, và nó khá dễ dàng. Trong bài này, chúng tôi sẽ chỉ cho bạn cách thêm các tập tin đính kèm biểu tượng trong WordPress.
Khi bạn cần tệp tệp đính kèm trong WordPress
Theo mặc định, WordPress cho phép bạn tải lên hình ảnh, âm thanh, video và các tài liệu khác. Bạn cũng có thể cho phép thêm các loại tệp tin được tải lên trong WordPress.
Khi tải lên tệp thông qua trình tải lên phương tiện và thêm nó vào một bài đăng hoặc trang, WordPress sẽ cố gắng nhúng tệp nếu đó là hình ảnh, âm thanh, video hoặc ở định dạng tệp được hỗ trợ.
Đối với tất cả các tệp khác, nó sẽ chỉ thêm một tên tệp là văn bản thuần túy và liên kết nó với trang tải xuống hoặc tệp đính kèm.
Trong ảnh chụp màn hình ở trên, chúng tôi đã thêm tệp PDF và Docx. Tuy nhiên, rất khó cho người dùng đoán được họ đang tải tệp nào.
Nếu bạn thường xuyên tải các loại tệp khác nhau, sau đó bạn có thể muốn hiển thị một biểu tượng bên cạnh liên kết, do đó người dùng của bạn có thể dễ dàng tìm thấy loại tệp họ đang tìm kiếm.
Có nói rằng, chúng ta hãy xem làm thế nào để thêm tập tin đính kèm biểu tượng trong WordPress cho các loại tập tin khác nhau.
Phương pháp 1: Thêm tệp tệp đính kèm trong WordPress Sử dụng Plugin
Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin MimeTypes Link Icons. Để biết thêm chi tiết
Khi kích hoạt, bạn cần truy cập Cài đặt »Biểu tượng MimeType để cấu hình cài đặt plugin.
Plugin cho phép bạn chọn kích thước biểu tượng. Bạn cũng có thể chọn giữa các biểu tượng png và gif. Tiếp theo, bạn cần chọn liên kết biểu tượng và loại tệp nào sẽ hiển thị biểu tượng.
Dưới các tùy chọn nâng cao, bạn có thể bật các lớp CSS để ẩn biểu tượng. Liên kết tải tệp được bao bọc trong các lớp CSS này sẽ không hiển thị các biểu tượng.
Dưới đây bạn sẽ thấy tùy chọn hiển thị kích thước tệp bên cạnh liên kết tải xuống. Nó được tắt theo mặc định, vì nó có thể là nguồn lực chuyên sâu. Tuy nhiên, nếu bạn thích, bạn có thể kích hoạt tính năng này và cũng cho phép tùy chọn ‘Cache extained file sizes’.
Đừng quên nhấp vào nút Lưu Thay đổi để lưu cài đặt của bạn.
Giờ đây, bạn có thể chỉnh sửa bài đăng hoặc trang và thêm liên kết tải xuống tệp bằng cách sử dụng trình tải lên media. Xem trước bài đăng của bạn và bạn sẽ thấy biểu tượng tệp bên cạnh liên kết tải xuống.
Phương pháp 2: Sử dụng biểu tượng phông cho tệp đính kèm trong WordPress
Trong phương pháp này, chúng tôi sẽ sử dụng phông chữ biểu tượng để hiển thị một biểu tượng bên cạnh liên kết tệp đính kèm.
Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Better Font Awesome.
Khi kích hoạt, bạn có thể chỉnh sửa bài đăng hoặc trang nơi muốn thêm liên kết tệp đính kèm.
Bạn sẽ thấy nút ‘Chèn biểu tượng’ mới trên trình chỉnh sửa bài đăng. Nhấp vào nó sẽ hiển thị một popup nơi bạn có thể tìm kiếm và chọn biểu tượng mà bạn muốn thêm vào.
Font Awesome có hàng tấn biểu tượng và có biểu tượng cho các loại tệp thông dụng nhất. Nhấp vào biểu tượng mà bạn muốn thêm và plugin sẽ tự động thêm mã vạch yêu cầu trong trình chỉnh sửa bài đăng.
Bây giờ bạn có thể tải lên tệp của bạn và chèn vào bài đăng bằng cách sử dụng trình tải lên media.
Bạn cũng có thể thêm CSS tùy chỉnh của riêng bạn cho biểu tượng tệp bằng cách thêm lớp css của riêng bạn vào mã ngắn như sau:
[icon name = “file-pdf-o” class = “” chưa chuẩn_class = “pdf-icon”]
Bây giờ bạn có thể sử dụng .pdf-icon lớp để thay đổi biểu tượng kích thước, màu sắc, và phong cách nó cho nhu cầu của riêng bạn.
