Gần đây, một trong những người dùng của chúng tôi đã hỏi chúng tôi làm thế nào họ có thể đặt hình thu nhỏ bài đăng đặt mặc định cho các danh mục cụ thể trong WordPress. Trong hướng dẫn trước đây của chúng tôi, chúng tôi đã chỉ ra cách đặt hình ảnh sao lưu mặc định cho hướng dẫn thu nhỏ bài đăng WordPress. Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách đặt hình ảnh nổi bật mặc định cho các danh mục cụ thể trong WordPress.
Lưu ý: Đây là một hướng dẫn cấp trung gian sẽ yêu cầu bạn biết HTML, CSS và những điều cơ bản về cấu trúc chủ đề WordPress.
Kịch bản:
Giả sử bạn có một blog nơi bạn chỉ định một danh mục cho mỗi bài đăng của mình (xem hướng dẫn của chúng tôi về Danh mục so với Thẻ). Bạn có thể hiển thị một hình ảnh thay thế dựa trên danh mục mà bài đăng được gán.
Nó đặc biệt hữu ích khi bạn thường xuyên phải đối mặt với một tình huống không có hình ảnh đặc trưng có sẵn cho một bài đăng. Hình ảnh thương hiệu của bạn có thể không phù hợp với chủ đề của bài đăng, nhưng nếu bạn đang sử dụng một hình ảnh cụ thể về danh mục thì nó vẫn sẽ có liên quan.
Thiết lập hình ảnh danh mục trong WordPress mà không cần plugin
Trước đây tại WPBeginner, chúng tôi đã chỉ cho bạn cách thiết lập hình ảnh danh mục trong WordPress. Tuy nhiên, đối với hướng dẫn này, bạn sẽ cần phải định cấu hình danh mục theo cách thủ công mà không cần plugin. Kiểm tra hướng dẫn về bảng cheat theo chủ đề của chúng tôi và hướng dẫn cho người mới bắt đầu để dán đoạn trích vào WordPress.
Điều đầu tiên bạn nên làm là tạo hình ảnh cho các danh mục của bạn. Sử dụng slug danh mục làm tên tệp hình ảnh và lưu chúng ở cùng định dạng, ví dụ. jpg hoặc png.
Bây giờ vấn đề là chủ đề WordPress của bạn có thể đang sử dụng các kích thước hình ảnh khác nhau trong các mẫu khác nhau. Ví dụ: bạn có thể có hình thu nhỏ của các bài đăng nhỏ hơn trên các trang lưu trữ và hình ảnh nổi bật lớn hơn trên các bài đăng cá nhân. Chúng tôi sẽ để WordPress xử lý thay đổi kích thước hình ảnh. Để làm như vậy, bạn cần tải lên hình ảnh danh mục của bạn lên trang web WordPress của bạn từ Phương tiện »Thêm mới. Trong quá trình tải lên, WordPress sẽ lưu trữ hình ảnh danh mục của bạn và tạo kích thước được xác định bởi chủ đề của bạn và những người bên dưới Cài đặt »Phương tiện màn.
Sau khi tải lên hình ảnh thể loại, bạn phải di chuyển chúng đến một thư mục khác. Kết nối với trang web của bạn bằng ứng dụng khách FTP như Filezilla và chuyển đến thư mục / wp-content / uploads /. Các hình ảnh thể loại bạn đã tải lên sẽ được lưu trữ trong thư mục tháng. Ví dụ: / tải lên / 2013/12 /
Tạo một thư mục trên máy tính để bàn của máy tính của bạn và đặt tên nó là hình ảnh thể loại. Bây giờ hãy tải xuống tất cả các hình ảnh trong danh mục của bạn và tất cả các kích thước mà WordPress đã tạo cho chúng vào thư mục mới này trên máy tính để bàn của bạn. Khi quá trình tải xuống hoàn tất, bạn nên tải thư mục ảnh danh mục lên thư mục / wp-content / uploads của bạn. Làm điều này sẽ cho phép bạn có tất cả các kích thước hình ảnh trong danh mục của bạn trong một thư mục riêng dễ gọi chủ đề của bạn.
Hiển thị hình ảnh danh mục trong các mẫu WordPress
Trước khi chúng tôi tiếp tục thiết lập những hình ảnh này làm hình ảnh sao lưu mặc định, hãy xem cách bạn sẽ hiển thị chúng trong các chủ đề của mình. Ví dụ: bạn có thể hiển thị những hình ảnh này ở đầu trang danh mục của bạn.
/ wp-content / tải lên / danh mục hình ảnh / slug?> - 50x50.jpg "alt =" name; ?> "/>
Đây là cách nó xuất hiện trên trang lưu trữ danh mục của trang web demo của chúng tôi.
Hiển thị hình ảnh danh mục làm hình ảnh đặt phòng mặc định
Bây giờ chúng tôi sẽ chỉ cho bạn cách hiển thị hình ảnh danh mục dưới dạng hình ảnh sao lưu mặc định hoặc hình thu nhỏ của bài đăng khi bài đăng không có hình ảnh đặc trưng của riêng nó.
Ghi chú: Tạo một bản sao lưu các tập tin chủ đề của bạn trước khi thực hiện bất kỳ thay đổi.
Trong vòng lặp của bạn, nơi chủ đề của bạn hiển thị hình ảnh nổi bật hoặc hình thu nhỏ của bài đăng, thay thế nó bằng mã này:
">
">/ wp-content / uploads / category-images /category_nicename; ?> - 150x150.jpg "alt =""/>
Mã này tìm kiếm một hình thu nhỏ bài. Nếu nó tìm thấy một, nó sẽ hiển thị hình thu nhỏ của bài viết. Mặt khác, tìm kiếm danh mục mà bài đăng thuộc về, sau đó hiển thị hình ảnh danh mục. Chúng tôi đã thêm -150 × 150 trong tên tệp hình ảnh vì đây là kích thước hình thu nhỏ của bài đăng trong chủ đề demo của chúng tôi. Chủ đề của bạn có thể đang sử dụng một kích thước khác cho hình thu nhỏ của bài đăng, vì vậy bạn nên sử dụng kích thước đó thay thế.
Xin lưu ý rằng chủ đề của bạn có thể đã có một dòng và các dòng sau hiển thị hình thu nhỏ của bài đăng. Bạn có thể bỏ qua những dòng đó nếu chủ đề của bạn đã có chúng.
Đó là nó, chúng tôi hy vọng bài viết này giúp bạn thêm một hình ảnh sao lưu nổi bật dựa trên danh mục bài đăng. Đối với ý kiến và câu hỏi, xin vui lòng để lại một bình luận dưới đây.
