Làm cách nào để lấy hình ảnh thu nhỏ của danh mục trong WordPress?

Hình ảnh nổi bật cho danh mục là một trong những ý tưởng rõ ràng có lợi mà bạn có thể chưa từng nghĩ đến trước đây

Một hình ảnh nổi bật có thể, và thực sự, tạo ra tác động tích cực rất lớn đến các trang bài đăng, vì vậy, khi bạn nghĩ về nó, việc mở rộng tác động đó đến các trang danh mục của chúng tôi với phần thưởng bổ sung là cung cấp cho khách truy cập một gợi ý trực quan tức thì để

Trong bài đăng này, chúng tôi sẽ chỉ cho bạn cách chỉ định hình ảnh nổi bật cho một danh mục và cung cấp cho bạn một số mẹo về cách cập nhật chủ đề của bạn để hiển thị chúng

Thêm hình ảnh nổi bật vào các trang danh mục của bạn cần 3 bước

1. Cài đặt và kích hoạt plugin Category Images
2. Thêm hình ảnh vào danh mục của bạn trong giao diện Quản trị
3. Cập nhật chủ đề của bạn để hiển thị hình ảnh trên trang danh mục

Bước 3 sẽ phụ thuộc vào chủ đề của bạn nhưng tôi sẽ hướng dẫn bạn cách thêm các bản cập nhật cần thiết cho Twenty Twelve (có mẫu danh mục)

Vậy hãy bắt đầu

Tiếp tục đọc hoặc tiếp tục sử dụng các liên kết này

• Bước 1. Cài đặt Plugin
• Bước 2. Thêm hình ảnh danh mục
• Bước 3. Cập nhật chủ đề của bạn

Bước 1. Cài đặt Plugin

Cách dễ nhất để cài đặt plugin là chỉ cần tải xuống, tải lên và kích hoạt nó

Không có gì để định cấu hình, chuyển sang Bước 2

Bước 2. Thêm hình ảnh danh mục

Hình ảnh được thêm vào các danh mục mới thông qua biểu mẫu Thêm danh mục hoặc cho các danh mục hiện có trên biểu mẫu Chỉnh sửa danh mục trong Bài viết > Danh mục

Chọn một danh mục và nhấp vào Chỉnh sửa và bạn sẽ thấy nút Tải lên/Chỉnh sửa hình ảnh ở dưới cùng. Nhấp vào nút sẽ mở hộp thoại Phương tiện, nơi bạn có thể chọn hình ảnh hiện có hoặc tải hình ảnh mới lên, giống như thêm hình ảnh nổi bật vào bài đăng

Thêm hình ảnh vào một vài danh mục và chuyển sang Bước 3

Bước 3. Cập nhật chủ đề của bạn

Được rồi, 2 bước đầu tiên thật dễ dàng. bước này phức tạp hơn một chút vì bây giờ bạn cần cập nhật chủ đề của mình để xuất hình ảnh nổi bật của danh mục

Ở một mức độ lớn, điều này sẽ phụ thuộc vào chủ đề của bạn và cách nó sử dụng Hệ thống phân cấp mẫu WordPress. Nói chung, các chủ đề sẽ có một mẫu danh mục cụ thể (danh mục. php) hoặc để một mẫu lưu trữ chung chung hơn (archive. php) xử lý tất cả các danh sách, không chỉ danh mục

Bạn cũng có thể cần xem các trang danh mục cụ thể. Bạn có thể nhận ra các mẫu này vì chúng sẽ được đặt tên là category-[category-slug]. php. Nếu bạn có nhiều trong số này thì bạn có thể muốn xem xét lại

Tôi sẽ hướng dẫn cập nhật Twenty Twelve, sử dụng một danh mục. mẫu php

Bất kể bạn cần thực hiện phương pháp nào, bạn nên tạo một chủ đề con cho các thay đổi của mình. Nếu bạn không chắc chắn về cách tạo chủ đề con, hãy xem bài viết hướng dẫn tuyệt vời của chúng tôi

Thêm danh mục hình ảnh nổi bật vào Twenty Twelve

Chủ đề mặc định WordPress đã cũ nhưng cực kỳ phổ biến này vẫn là một chủ đề tuyệt vời để thực hành. Chỉ có một thứ cần thiết với plugin

Dưới mã này.
______1

trong danh mục. php, thêm.

______2

Nếu bạn truy cập một danh mục có hình ảnh, bạn sẽ thấy sự khác biệt ngay lập tức nhưng hình ảnh danh mục và tiêu đề danh mục cần một số TLC

Cung cấp hình ảnh danh mục và tiêu đề Một số TLC

Chủ đề Twenty-Twelve như đã thấy cập nhật nhiều năm qua và ảnh fullsize mặc định là wide 100% nên không cần chỉnh ảnh gì cả. CSS duy nhất cần thiết để phủ tiêu đề trên hình ảnh như được mô tả trong bài đăng và đảm bảo tiêu đề phản hồi nhanh, đây có phải là

header.archive-header h1.archive-title {
    position: absolute;
    color: #ffffff;
    font-size: 2em;
    margin-top: -120px;
    margin-left: 25px;
    word-wrap: break-word;
    max-width: 50%;
    line-height: 1.5em;
}

Tiêu đề lưu trữ được đại tu khá triệt để. màu của nó được thay đổi thành màu trắng, kích thước phông chữ được tăng lên đáng kể và vị trí và lề âm đảm bảo rằng nó được hiển thị trên hình ảnh nổi bật như thế này

Không tệ chút nào và một cải tiến lớn về điều này

Ghi chú. Tôi đã xóa tất cả các tiện ích khỏi thanh bên chính để đảm bảo hiển thị toàn chiều rộng

Ví dụ này chắc chắn cho thấy hình ảnh nổi bật có thể nâng cao trang danh mục trên trang web WordPress của bạn như thế nào. Như mọi khi, rất nhiều thứ sẽ phụ thuộc vào chất lượng của những hình ảnh đó nhưng hãy chọn đúng hình ảnh và kết quả thật ấn tượng

Ghi chú của biên tập viên. Bài đăng này ban đầu được viết vào năm 2014. Chúng tôi đã thử nghiệm chủ đề và plugin được tham chiếu gần đây nhất vào tháng 11 năm 2022 và chúng vẫn hoạt động. Tuy nhiên, vui lòng tiến hành thận trọng nếu bạn quyết định sử dụng plugin vì nó không còn được duy trì nữa.