Blog Wordpress, Thủ thuật Ngày 03/09/2024 653 lượt xem

Thêm hình đại diện cho Chuyên mục blog wordpress

Hôm trước có 1 bạn hỏi mình cách Thêm hình đại diện cho Chuyên mục blog wordpress vì trong Danh mục Sản phẩm của WordPresss thì mặc…

Lê Anh ĐôngFlatsome trên Google News

Thêm hình đại diện cho Chuyên mục blog wordpress

Hôm trước có 1 bạn hỏi mình cách Thêm hình đại diện cho Chuyên mục blog wordpress vì trong Danh mục Sản phẩm của WordPresss thì mặc định là có rồi, Nhưng Danh mục blog (category blog) thì chưa có. Sẳn hôm nay làm demo có làm đến mình xin giới thiệu lại cho anh em cùng tham khảo nhé, xin đọc hết bài đăng bên dưới để biết cách làm nhé.

Thêm hình đại diện cho Chuyên mục blog wordpress

Trong thế giới blog ngày nay, việc tạo ấn tượng đầu tiên với người đọc là vô cùng quan trọng. Một trong những cách hiệu quả để làm điều này là sử dụng hình đại diện cho các chuyên mục trên blog của bạn. Hình đại diện không chỉ giúp phân biệt các chuyên mục mà còn tạo nên một diện mạo bắt mắt và chuyên nghiệp cho trang web của bạn. Trong bài viết này, chúng ta sẽ cùng nhau tìm hiểu cách thêm hình đại diện cho các chuyên mục trong blog WordPress, giúp bạn nâng cao trải nghiệm người dùng và thu hút thêm nhiều độc giả. Hãy cùng bắt đầu!

Đó cùng là lý do để anh em làm wordpress có ý tưởng thêm hình đại diện cho Chuyên mục trong blog

bước 1 : Thêm trường hiển thị hình ảnh đại diện trong category wordpress

Khi bạn bấm vào trang quản trị category trong wp-admin thì không thấy bất cứ chỗ nào để thêm hình ảnh đại diện vào cho category. Vì vậy đây bước quan trọng đầu tiên chúng ta cần phải làm để có thể hiển thị hình ảnh đại diện trong category wordpress. bạn thêm đoạn code bên dưới vào Functoin.php của theme đang dùng nhé

Sau khi thêm đoạn code này thì trong phần Category Blog sẽ có phần thêm hình đại diện cho danh mục như hình bên dưới nhé

Thêm hình đại diện cho Chuyên mục blog wordpress
Thêm hình đại diện cho Chuyên mục blog wordpress

bước 2 : Code hiển thị hình ảnh đại diện trong category wordpress khi sửa danh mục blog

sau khi thêm đoạn code trên xong, phải thêm đoạn code bên dưới cho trường hợp khi bạn tạo 1 danh mục xong rồi, sau đó quay lại edit danh mục blog đó

thêm đoạn code dưới vào Function tiếp nhé

Sau khi bạn thêm đoạn code này, bạn có thể vào edit 1 danh mục vào có thể đổi cái Hình đại diện của danh mục đó nhé

Thêm hình đại diện cho Chuyên mục blog wordpress
Thêm hình đại diện cho Chuyên mục blog wordpress

Tiếp code tạo và lưu hình đó vào data của wordpress, bạn nhớ thêm đoạn code bên dưới vào Funtion của theme nhé

Đoạn này giúp lưu Hình ảnh bên thêm ở trên vào data wp theo ID của từng Category.

Mình đã cố gắng ngắt code để giải thích cho các bạn hiểu hoạt động của code. Tuy nhiên nếu bạn lười coppy từng đoạn trên, cũng có thể coppy lại toàn bộ code bên dưới ném vô Function là ăn ngay nhé,

bước 3 : Code hiển thị hình ảnh đại diện của category ra ngoài trang

Đã add vào rồi giờ muốn hiện thị ra theo cùng danh mục blog thì ta phải code theo đoạn code bên dưới, chèn đoạn code vào vị trí mình muốn hiện thị nhé

ví dụ bạn có thể chèn vào function sau đó tạo short và add vị trí bạn muốn hiện thị trong build UX, Trong trường hợp của mình dùng trên demo mình tạo 1 file có tên là category.php ( file dùng chung cho tất cả các category cảu blog ) và code vào trong đó, đây là đoạn code mình sự dụng nhé

chú ý : đoạn code mình dùng thẻ ul và li , bạn có thể dùng cho đúng html của bạn nhé, Nếu bạn dùng lại thẻ của mình thì có thể dùng css đoạn bên dưới

OK sau khi bạn thêm xong đoạn css bên trong là bạn đã hoàn thành show hình ảnh đi theo danh mục của blog rồi nhé.

Đây là kết quả của mình nhé

Thêm hình đại diện cho Chuyên mục blog wordpress
Thêm hình đại diện cho Chuyên mục blog wordpress

Đoạn hình ảnh show ra theo danh mục của blog rất đẹp, anh em có thể xem qua demo để có cái nhìn trực quan hơn nhé

Demo : https://tintuc1.uxthemes.net/category/le-tet

Anh em có thể Mua theme trên để ủng hộ mình nhé, Link Mua theme

Kết luận

Việc thêm ảnh đại diện cho category trong WordPress không chỉ giúp trang web của bạn trở nên sinh động và hấp dẫn hơn mà còn cải thiện trải nghiệm người dùng bằng cách cung cấp hình ảnh minh họa rõ ràng cho từng danh mục. Bằng cách sử dụng plugin hoặc tùy chỉnh mã nguồn, bạn có thể dễ dàng thêm và quản lý ảnh đại diện cho các category. Hãy thử áp dụng các bước hướng dẫn trong bài viết này để nâng cao giao diện và hiệu suất của website bạn. Chúc bạn thành công!

Điểm 5/5 - ( Có 1 bình chọn)

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

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Các dịch vụ của FLATSOME.XYZ