Cách thêm hình thu nhỏ vào danh mục & thẻ WordPress

Đôi khi một trang web WordPress sẽ trông đẹp hơn rất nhiều nếu chúng ta có thể hiển thị một hình ảnh bên cạnh các danh mục hoặc thẻ. Ví dụ: chúng tôi có thể thêm một hình ảnh về CSS trong “CSS” danh mục hoặc logo HTML5 trong “HTML” thể loại (như hiển thị bên dưới).

Quay lại phiên bản 2.9, WordPress đã thêm khả năng thêm một hình ảnh nhỏ (sau đổi tên Ảnh nổi bật) cho bài viết, trang cũng như loại bài tùy chỉnh. Tính năng hình thu nhỏ hình ảnh này không bao gồm Danh mục, Thẻ và Phân loại tùy chỉnh, ngay cả đối với các phiên bản mới hơn (ngoại trừ có thể Phân loại tùy chỉnh, có thể trong WordPress 4.4.)

Nhờ mẹo WordPress này và plugin Thumbonomy Thumbnail, chúng tôi có thể làm điều này với các danh mục và thẻ bài đăng của chúng tôi. Hãy xem làm thế nào điều này có thể được thực hiện với một vài dòng mã.

Bắt đầu

Để bắt đầu, hãy triển khai plugin này trong trang web WordPress của bạn. Bạn có thể cài đặt plugin thông qua Plugin> Thêm mới hoặc thông qua FTP. Khi bạn đã kích hoạt plugin, hãy đi đến Bài> Danh mục. Bây giờ, bạn sẽ có thể tìm thấy nút “Đặt hình thu nhỏ“.

Nhấp vào nút này sẽ hiển thị Trình quản lý phương tiện WordPress. Tại đây, bạn có thể chọn hình ảnh bạn đã tải lên trước đó làm hình ảnh danh mục hoặc bạn có thể tải lên hình ảnh của mình, tùy chỉnh nó và cuối cùng chọn nó làm hình thu nhỏ hình ảnh của danh mục (hoặc thẻ).

Hình ảnh sẽ được hiển thị trong thể loại bảng, cho phép bạn xem thể loại nào có thể loại hình ảnh đính kèm.

Thẻ mẫu

Plugin này đi kèm với một số thẻ mẫu tiện dụng để truy xuất hình ảnh tương tự như thẻ mẫu của Thumbnail. Bằng cách này, chúng tôi có thể truy xuất hình thu nhỏ của thuật ngữ một cách dễ dàng.

get_term_thumbnail_id ($ term_taxonomy_id): để lấy ID hình thu nhỏ thuật ngữ phân loại.
has_term_thumbnail ($ term_taxonomy_id): Để kiểm tra xem thuật ngữ Phân loại có hình thu nhỏ hay không.
get_term_thumbnail ($ term_taxonomy_id, $ size = 'hình thu nhỏ', $ attr = ” ): Để lấy lại hình thu nhỏ của thuật ngữ phân loại.

Như bạn có thể thấy ở trên, các chức năng này yêu cầu ID phân loại - danh mục, thẻ hoặc ID phân loại tùy chỉnh - mà bạn có thể truy xuất bằng cách sử dụng term_taxonomy_id chức năng. Plugin đi kèm với một vài chức năng khác như đặt và xóa hình thu nhỏ, nhưng hiện tại chúng đã đủ.

Cách hiển thị hình thu nhỏ

Nhận danh sách Điều khoản

Đầu tiên chúng ta sử dụng get_terms () chức năng để có được danh sách các điều khoản của Phân loại tư duy được chỉ định - trong trường hợp này, chúng tôi sẽ nhận được các điều khoản từ danh mục bài đăng.

  'name', 'order' => 'ASC', 'hide_empty' => true, 'loại trừ' => mảng (), 'Elim_tree' => mảng (), 'bao gồm' => mảng (), 'number' => ", 'Field' => 'all', 'slug' =>", 'Parent' => ", 'phân cấp' => true, 'child_of' => 0, 'childless' => false, 'get '=> ",' name__like '=>",' description__like '=> ",' pad_counts '=> false,' offset '=>",' search '=> ",' cache_domain '=>' core ',) ; $ terms = get_terms ($ taxonomy, $ args); ?>

Đầu ra là một mảng chứa thông tin của từng thuật ngữ bao gồm hạn_id, Tên, sên, thuật ngữ, term_taxonomy_id, sự miêu tả, vv Bây giờ, chúng ta cần hiển thị thuật ngữ Tên trong danh sách sử dụng cho mỗi vòng lặp, như sau.

 '. $ phân loại. ':
'; tiếng vang ''; foreach ($ terms as $ term) echo $ term-> name;  tiếng vang '
'; ?>

Kết quả trông giống như thế này:

Ở đây chúng tôi có CSS, HTML, JavaScript, jQuery và PHP. Chúng tôi đã đính kèm hình ảnh tương ứng (logo hoặc biểu tượng) cho mỗi hình ảnh này điều kiện. Bây giờ, chúng ta cần biết cách hiển thị chúng.

Hiển thị hình thu nhỏ

Để hiển thị hình thu nhỏ của hình ảnh, chúng tôi sẽ mở rộng cho mỗi vòng lặp, như từ mã trước của chúng tôi.

Chúng tôi thêm thẻ mẫu, get_term_thumbnail (), để có được hình thu nhỏ và chúng tôi cũng thêm một liên kết đến trang lưu trữ của thuật ngữ.

 if (! trống ($ terms) &&! is_wp_error ($ terms)) echo ''; foreach ($ điều khoản là $ hạn) echo ''. $ term-> name. get_term_thumbnail ($ term-> term_taxonomy_id, $ size = 'category-thumb', $ attr ="). '
';  tiếng vang '
';

Và kết quả (sau khi thêm CSS) như dưới đây:

Plugin có các tùy chọn để chọn truy xuất tất cả các thuật ngữ hoặc chỉ các thuật ngữ có hình thu nhỏ. Để làm điều này, sử dụng tham số dưới đây trên get_terms () chức năng:

 $ taxonomy = 'danh mục'; $ đối với mảng $ terms = get_terms ($ taxonomy, $ args);

Áp dụng cho phân loại khác

Như đã đề cập, bạn có thể áp dụng plugin này cho không chỉ các danh mục mà còn các Phân loại khác như Thẻ, Danh mục liên kết, và Phân loại tùy chỉnh. Plugin này rất hữu ích để kích hoạt Hình thu nhỏ hình ảnh trên bất kỳ Phân loại tư duy nào giống như trong Bài đăng và Trang.