Cách nâng cấp wordpress bằng trình hiển thị hình ảnh

Bạn có muốn hiển thị hình ảnh phân loại hoặc biểu tượng danh mục trong WordPress không?

Theo mặc định, WordPress không có tùy chọn tải lên hình ảnh phân loại hoặc biểu tượng danh mục. Nó chỉ đơn giản là hiển thị một danh mục hoặc tên phân loại trên các trang lưu trữ.

Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách dễ dàng thêm hình ảnh phân loại hoặc biểu tượng danh mục trong WordPress. Chúng tôi cũng sẽ chỉ cho bạn cách hiển thị hình ảnh phân loại trên các trang lưu trữ của bạn.

Tại sao phải thêm hình ảnh phân loại trong WordPress?

Theo mặc định, trang web WordPress của bạn không có tùy chọn để thêm hình ảnh cho các đơn vị phân loại như danh mục và thẻ (hoặc bất kỳ phân loại tùy chỉnh nào khác).

Nó chỉ đơn giản là sử dụng các tên phân loại ở mọi nơi bao gồm các trang lưu trữ danh mục hoặc các trang lưu trữ phân loại.

Điều này trông khá đơn giản và nhàm chán.

Nếu bạn nhận được nhiều lưu lượng truy cập tìm kiếm đến các trang phân loại của mình, thì bạn có thể muốn làm cho chúng trông hấp dẫn hơn.

Cách dễ nhất để làm cho một trang thú vị hơn là thêm hình ảnh. Bạn có thể thêm hình ảnh phân loại hoặc biểu tượng danh mục để làm cho các trang này thân thiện và hấp dẫn hơn với người dùng.

Một ví dụ điển hình về nó là một trang web như NerdWallet sử dụng các biểu tượng danh mục trong tiêu đề của chúng:

Bạn cũng có thể sử dụng nó để tạo các phần điều hướng đẹp mắt trên trang chủ của mình như Bankrate:

Điều đó đang được nói, chúng ta hãy xem cách dễ dàng thêm hình ảnh phân loại trong WordPress.

Dễ dàng thêm hình ảnh phân loại trong WordPress

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Danh mục Hình ảnh . Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress .

Sau khi kích hoạt, bạn chỉ cần truy cập trang Bài đăng »Danh mục . Bạn sẽ nhận thấy plugin sẽ hiển thị hình ảnh trình giữ chỗ cho các danh mục hiện có của bạn.

Để chọn biểu tượng danh mục của riêng bạn, bạn cần nhấp vào liên kết Chỉnh sửa bên dưới danh mục.

Trên trang Chỉnh sửa danh mục, cuộn xuống dưới cùng và bạn sẽ tìm thấy một biểu mẫu để tải lên hình ảnh phân loại của riêng bạn.

Chỉ cần nhấp vào nút ‘Tải lên / Thêm Hình ảnh Mới’ để tải lên hình ảnh bạn muốn sử dụng cho danh mục cụ thể đó.

Đừng quên nhấp vào nút Thêm Danh mục hoặc Cập nhật để lưu các thay đổi của bạn.

Tiếp theo, bạn có thể lặp lại quy trình để tải hình ảnh lên cho các hình ảnh danh mục khác. Bạn cũng có thể tải lên hình ảnh cho thẻ của mình và bất kỳ đơn vị phân loại nào khác.

Bây giờ vấn đề là sau khi thêm hình ảnh, nếu bạn truy cập một trang danh mục, thì bạn sẽ không thấy hình ảnh danh mục của mình ở đó.

Để hiển thị nó, bạn sẽ cần phải chỉnh sửa chủ đề WordPress hoặc  chủ đề con của mình . Nếu đây là lần đầu tiên bạn chỉnh sửa tệp WordPress, thì bạn có thể muốn xem hướng dẫn của chúng tôi về  cách sao chép và dán mã trong WordPress .

Trước tiên, bạn sẽ cần kết nối với trang web WordPress của mình bằng ứng dụng FTP hoặc trình quản lý tệp lưu trữ WordPress của bạn.

Sau khi kết nối, bạn sẽ cần tìm mẫu chịu trách nhiệm hiển thị các kho lưu trữ phân loại của bạn. Đây có thể là các tệp archives.php, category.php, tag.php hoặc taxonomy.php.

Để biết thêm chi tiết, hãy xem hướng dẫn của chúng tôi về cách tìm tệp nào cần chỉnh sửa trong chủ đề WordPress .

Khi bạn đã tìm thấy tệp, bạn sẽ cần tải tệp xuống máy tính của mình và mở trong  trình soạn thảo văn bản  như Notepad hoặc TextEdit.

Bây giờ hãy dán đoạn mã sau vào nơi bạn muốn hiển thị hình ảnh phân loại của mình. Thông thường, bạn sẽ muốn thêm nó vào trước tiêu đề hoặc  the_archive_title() thẻ phân loại.

<?php if( is_category() ) { ?>

<div class="taxonomy-image">

<img class="taxonomy-img" src="<?php if (function_exists('z_taxonomy_image_url')) echo z_taxonomy_image_url(); ?>"  alt="" / >

</div>

<?php

} else { 

//do nothing

}

?>

Sau khi thêm mã, bạn cần lưu tệp này và tải nó trở lại trang web của mình bằng FTP.

Bây giờ bạn có thể truy cập trang lưu trữ phân loại để xem nó hiển thị hình ảnh phân loại của bạn. Đây là cách nó trông như thế nào trên trang lưu trữ demo của chúng tôi.

Bây giờ, nó vẫn có thể trông hơi khó xử, nhưng đừng lo lắng. Bạn có thể tạo kiểu đó bằng cách sử dụng một chút CSS tùy chỉnh .

Đây là CSS tùy chỉnh mà chúng tôi đã sử dụng cho hình ảnh phân loại.

.taxonomy-title-description {
    display: inline-block;
    padding: 18px;
}

Tùy thuộc vào chủ đề của bạn, bạn cũng có thể cần tạo kiểu cho các yếu tố xung quanh như tiêu đề và mô tả phân loại.

Chúng tôi chỉ cần gói tiêu đề và mô tả kho lưu trữ phân loại của mình trong một <div>phần tử và thêm một lớp CSS tùy chỉnh. Sau đó, chúng tôi sử dụng mã CSS sau để điều chỉnh tiêu đề và mô tả.

.taxonomy-title-description {

    display: inline-block;

    padding: 18px;

}

Đây là cách nó được tìm kiếm sau đó trên trang web thử nghiệm của chúng tôi.

Loại trừ các đơn vị phân loại khỏi hiển thị hình ảnh phân loại

Giờ đây, một số người dùng có thể chỉ muốn sử dụng hình ảnh phân loại cho các đơn vị phân loại cụ thể.

Ví dụ: nếu bạn điều hành một cửa hàng trực tuyến bằng WooCommerce, thì bạn có thể muốn loại trừ các danh mục sản phẩm.

Chỉ cần quay lại trang Danh mục Hình ảnh trong khu vực quản trị WordPress và kiểm tra các đơn vị phân loại bạn muốn loại trừ.

Đừng quên nhấp vào nút Lưu thay đổi để lưu cài đặt của bạn.

Chúng tôi hy vọng bài viết này đã giúp bạn học cách dễ dàng thêm hình ảnh phân loại trong WordPress. Bạn cũng có thể muốn xem các bản hack và plugin danh mục hữu ích này cho WordPress hoặc xem các mẹo của chúng tôi để nhận được nhiều lưu lượng truy cập hơn từ các công cụ tìm kiếm.

Trả lời

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 *