Chức năng WordPress nào sẽ hiển thị tiêu đề danh mục trong trang Lưu trữ?

Các danh mục và thẻ WordPress là một trong những cách hiệu quả nhất để nhóm các bài đăng thành một cấu trúc hợp lý hơn. Họ có thêm lợi ích là làm cho các bài đăng dễ tiếp cận hơn với người đọc và cải thiện trải nghiệm người dùng tổng thể trên trang web. Hầu hết chủ sở hữu WordPress sử dụng danh mục và thẻ cho các mục đích này hàng ngày, nhưng họ hiếm khi tận dụng hết tiềm năng của chúng. Mặc dù chúng tôi sẽ chỉ tập trung vào các danh mục trong bài viết này, nhưng nguyên tắc tương tự cũng áp dụng cho các thẻ

Đầu tiên, các trang danh mục sẽ trợ giúp SEO trang web của bạn một cách tự nhiên bằng cách cung cấp nội dung phù hợp với các từ khóa và cụm từ nhất định. Chúng cũng phục vụ như một hình thức điều hướng thông qua một lựa chọn bài đăng cụ thể mà khách truy cập của bạn có thể muốn đọc. Mặc dù vậy, các danh mục có một tính năng thường không được sử dụng đúng mức trên các trang web WordPress—mô tả

Mô tả danh mục bổ sung cho tiêu đề danh mục, cung cấp cái nhìn sâu sắc về chủ đề của các bài viết trong danh mục. Bằng cách hiển thị mô tả, bạn có thể cải thiện lưu lượng truy cập vào các trang danh mục có tiêu đề mơ hồ hoặc không thú vị hoặc những trang mà người đọc sẽ bỏ qua. Tuy nhiên, bất chấp tính hữu ích của nó, tính năng này không được sử dụng đúng mức vì nó không được bật theo mặc định trong WordPress và phụ thuộc vào chủ đề bạn đang sử dụng. Vì vậy, trong bài viết này, chúng tôi sẽ tìm hiểu sâu hơn về chủ đề mô tả danh mục WordPress và chúng tôi sẽ trả lời các câu hỏi sau

Chủ đề Qode. Chọn hàng đầu

Cầu

Chủ đề WordPress đa mục đích sáng tạo

X-tốc-khôm

Một chủ đề đa khái niệm thực sự

Bắt đầu làm đi

Chủ đề kinh doanh khởi nghiệp mới

Cách hiển thị mô tả danh mục trong WordPress

Trong bài viết này, chúng tôi sẽ thảo luận về hai phương pháp khả thi để hiển thị mô tả danh mục trong WordPress. Cả hai phương pháp đều yêu cầu sử dụng đoạn mã tùy chỉnh. Tính năng đầu tiên sẽ cho phép bạn hiển thị các mô tả trên các trang lưu trữ danh mục—nơi mà hầu hết người dùng mong đợi chúng sẽ xuất hiện. Trong khi cái thứ hai sẽ cung cấp cho bạn sự linh hoạt để hiển thị chúng trên bất kỳ trang nào trên trang web WordPress của bạn

Tuy nhiên, trước khi tiếp tục, bạn nên sao lưu trang web của mình đề phòng. Ngoài ra, bạn nên trau dồi kiến ​​thức về FTP, vì FTP sẽ cần thiết để chèn mã chính xác. Cuối cùng, điều quan trọng cần lưu ý là bài viết này hướng nhiều hơn đến người dùng WordPress trung cấp và cao cấp. Có nghĩa là, mặc dù chúng tôi đã cố gắng làm rõ tất cả các điểm trong bài viết này, nhưng tùy thuộc vào kiến ​​thức về WordPress của bạn, bạn có thể cần phải nghiên cứu thêm. Và với điều đó, hãy bắt đầu

Cách thêm mô tả danh mục trong WordPress

Trước khi chúng tôi có thể khám phá cách hiển thị mô tả danh mục WordPress, chúng tôi cần giải thích cách thêm mô tả này. Để thêm mô tả vào một danh mục, trước tiên hãy điều hướng đến Bài viết > Danh mục. Ở đó, bạn sẽ thấy hai phần – một phần để thêm các danh mục mới và phần còn lại hiển thị danh sách các danh mục hiện có của bạn

Để thêm một danh mục mới, hãy điền vào biểu mẫu Thêm danh mục mới ở bên trái. Điều này bao gồm thêm tên, slug danh mục, chỉ định danh mục chính (nếu cần) và thêm mô tả trong trường Mô tả. Khi bạn hoàn tất, nhấn nút Thêm danh mục mới bên dưới để tạo danh mục mới của bạn

Mặt khác, nếu bạn muốn thêm hoặc chỉnh sửa mô tả cho một danh mục hiện có, trước tiên bạn cần tìm nó trong danh sách các danh mục hiện có ở bên phải. Bạn sẽ cần di chuột qua nó để hiển thị các tùy chọn bổ sung. Cuối cùng, để thêm mô tả mới hoặc chỉnh sửa mô tả hiện có, hãy nhấn tùy chọn Chỉnh sửa

Thao tác này sẽ mở màn hình chỉnh sửa của danh mục bạn đã chọn, tại đây bạn có thể chỉnh sửa mô tả của danh mục đó trong trường Mô tả. Để lưu thông tin bạn đã chèn, nhấn nút Cập nhật ở phía dưới

Cách hiển thị mô tả danh mục trên các trang lưu trữ danh mục

Mặc dù bạn có thể mong đợi một trang lưu trữ danh mục hiển thị mô tả danh mục sau khi bạn đã thêm nó ở bước trước, nhưng điều này sẽ không xảy ra. Hiển thị mô tả danh mục không phải là hành vi mặc định của WordPress và nó phụ thuộc hoàn toàn vào chủ đề bạn đang sử dụng. Một số chủ đề chọn hiển thị mô tả trên các trang lưu trữ danh mục, trong khi những chủ đề khác thì không. Do đó, phương pháp đầu tiên mà chúng tôi sẽ giới thiệu là cách hiển thị mô tả danh mục trên trang lưu trữ danh mục bất kể chủ đề bạn đang sử dụng là gì

Nói chung, để hiển thị mô tả danh mục, bạn chỉ cần sử dụng hàm the_archive_description(). Như bạn có thể thấy trên trang được liên kết, chức năng này hiển thị mô tả cho tài liệu lưu trữ (danh mục, thẻ, thuật ngữ hoặc tác giả) nếu chúng đã được chèn trước đó. Có nghĩa là, mã cũng có thể được sử dụng để hiển thị mô tả cho các kho lưu trữ khác, nếu chúng đã được thêm vào. Ngoài ra, nó cho phép bạn chỉ định phần tử HTML bao bọc mô tả đó

Thí dụ

Đoạn mã sau sẽ hiển thị mô tả kho lưu trữ được bao bọc bởi phần tử HTML div có lớp qodef-category-description

the_archive_description( '
', '
' );

Để nó hiển thị mô tả kho lưu trữ, bạn cần chèn nó vào tệp mẫu chủ đề thích hợp. Tệp đó có thể là danh mục. tệp php hoặc kho lưu trữ. php hoặc một số tệp mẫu khác, tùy thuộc vào cấu trúc tệp của chủ đề của bạn. Tuy nhiên, vì việc thay đổi trực tiếp các tệp mẫu trong chủ đề của bạn không phải là cách viết mã tốt, nên chúng tôi sẽ giải thích cách bạn có thể đạt được kết quả tương tự bằng cách sử dụng hook

Lý do bạn không nên chỉnh sửa các tệp mẫu của chủ đề, ngoài việc có thể làm hỏng trang web của bạn, là mọi chỉnh sửa sẽ bị mất sau khi bạn cập nhật chủ đề. Thay vào đó, mã tùy chỉnh mà bạn tạo phải được "nối" vào một móc thích hợp

Để giúp bạn hiểu khái niệm này, hãy nghĩ về các hook như các trình giữ chỗ mã nhỏ mà các nhà phát triển để lại bên trong các tệp. Bằng cách “gắn” mã của bạn vào chúng, bạn sẽ đạt được chức năng tương tự như thể mã được đặt trực tiếp bên trong tệp mẫu ở cùng vị trí với móc giữ chỗ. Lợi ích của việc này là bạn có thể chèn toàn bộ mã được nối qua FTP bên trong các chức năng. php của chủ đề con của bạn hoặc một plugin dành riêng cho trang web, do đó làm cho nó an toàn trước các bản cập nhật chủ đề

Có hai loại hook — hook hành động, được sử dụng để thêm các tính năng mới và hook bộ lọc, được sử dụng để thay đổi các tính năng hiện có. Vì mục tiêu của chúng tôi là hiển thị mô tả danh mục, vốn không được hiển thị trước đây, nên chúng tôi sẽ cần sử dụng hook hành động. Với ý nghĩ đó, chúng tôi đã tạo mã ví dụ mà bạn có thể xem bên dưới

if ( ! function_exists( 'your_function_name' ) ) {
function your_function_name() {
if ( is_category() ) {
the_archive_description( '
', '
' );
}
}
add_action( 'your_hook_name', 'your_function_name' );
}

Hãy phá mã này xuống

Nó đại diện cho một hàm gọi là your_function_name() được gọi bằng cách sử dụng hàm add_action() trên hook có tên your_hook_name. Chức năng chỉ được thực thi nếu một chức năng có cùng tên không tồn tại. Đối với phần chính của mã, nó hiển thị mô tả kho lưu trữ bằng hàm the_archive_description()

Vì chúng tôi chỉ muốn hiển thị mô tả của các trang danh mục nên chúng tôi đã bọc mã bằng câu lệnh điều kiện is_category(). Có nghĩa là, mô tả sẽ chỉ được hiển thị trên trang lưu trữ danh mục. Không cần phải nói, để sử dụng mã này đúng cách, bạn cần thay thế các phần your_function_name và your_hook_name cho phù hợp

Mặc dù việc đặt tên cho hàm không khó (bạn có thể sử dụng bất kỳ tên nào bạn thấy phù hợp), nhưng việc chọn móc thích hợp để sử dụng có thể khá khó khăn. Bạn sẽ cần xem lại các tệp trong chủ đề của mình để tìm hook phù hợp nhất hoặc tham khảo ý kiến ​​của tác giả chủ đề về vấn đề này

Đối với bài viết này, chúng tôi đã quyết định sử dụng display_description_on_category_archive_pages làm tên hàm và lekker_action_before_page_content_holder làm hook hành động. Mã chúng tôi đã sử dụng được hiển thị bên dưới

if ( ! function_exists( 'display_description_on_category_archive_pages' ) ) {
function display_description_on_category_archive_pages() {
if ( is_category() ) {
the_archive_description( '
', '
' );
}
}
add_action( 'lekker_action_before_page_content_holder', 'display_description_on_category_archive_pages' );
}

Tuy nhiên, vì nó chứa một hook dành riêng cho chủ đề Lekker nên không thể sao chép mã này sang các chủ đề khác. Bạn cần thay đổi ví dụ được cung cấp ở trên bằng tên chức năng duy nhất của mình và một móc dành riêng cho chủ đề bạn đang sử dụng. Sau khi bạn tạo mã, nó sẽ được chèn vào hàm. php của chủ đề con của bạn hoặc bên trong plugin dành riêng cho trang web

Khi bạn đã chèn mã vào vị trí thích hợp, bạn sẽ thấy mô tả danh mục được hiển thị trên các trang lưu trữ danh mục. Thông thường, mô tả này yêu cầu mã CSS bổ sung để tạo kiểu sao cho phù hợp với chủ đề

Tuy nhiên, mã CSS như thế được tạo tùy theo từng trường hợp. Do đó, bạn sẽ cần tạo một đoạn mã CSS duy nhất phù hợp với thiết kế chủ đề và toàn bộ trang web của bạn. Để giúp bạn tạo kiểu cho mô tả, bạn có thể sử dụng bộ chọn CSS hữu ích. Cái mà chúng tôi đã thêm vào mã để bây giờ chúng tôi có thể sử dụng nó để cách điệu hóa là lớp mô tả thể loại qodef được chèn vào phần tử HTML div bao bọc

Ví dụ: chúng tôi đã sử dụng mã CSS sau

.qodef-category-description {
margin: 40px 0;
}

Và điều này đã tạo ra kết quả sau trên một trang lưu trữ từ chủ đề Lekker

Cách hiển thị mô tả danh mục trên toàn bộ trang web WordPress

Mặc dù có thể hiển thị mô tả danh mục hoàn toàn là một cải tiến, nhưng một số người dùng WordPress có thể bị hạn chế nếu nó chỉ được hiển thị trên các trang lưu trữ danh mục. Phương pháp này dành cho tất cả các bạn muốn hiển thị mô tả trên toàn bộ trang web của mình, bao gồm các trang và bài đăng

Chúng tôi đã kích hoạt chức năng này bằng cách tạo đoạn mã sau

if ( ! function_exists( 'qodef_categories_with_descriptions_list' ) ) {
function qodef_categories_with_descriptions_list( $atts ) {
$default_atts = array(
"cat_ids" => ''
);
$params = shortcode_atts( $default_atts, $atts );
$categories = array();
if ( ! empty( $params['cat_ids'] ) ) {
$categories = explode( ',', $params['cat_ids'] );
}
$output = "
";
if ( ! empty( $categories ) ) {
foreach ( $categories as $category_id ) {
if ( ! is_wp_error( get_the_category_by_ID( $category_id ) ) ) {
$output .= "
" . get_the_category_by_ID( $category_id ) . "
";
$output .= category_description( $category_id ) . "
";
} else {
$output .= "
" . esc_html__( 'Not a valid ID.', 'textdomain' ) . "
";
}
}
} else {
$output .= "
" . esc_html__( 'No category IDs were inserted.', 'textdomain' ) . "
";
}
$output .= "
";
return $output;
}
add_shortcode( 'categories_with_descriptions', 'qodef_categories_with_descriptions_list' );
}

Hãy xem xét mã này chặt chẽ hơn

Nó đại diện cho một mã ngắn tùy chỉnh có tên làcategory_with_descriptions. Nó được tạo bằng hàm qodef_categories_with_descriptions_list() và được đăng ký dưới dạng mã ngắn bằng hàm add_shortcode(). Thay vì đi sâu hơn vào chi tiết về mọi phần của mã, chúng tôi sẽ cung cấp cho bạn tổng quan chung về kết quả mong đợi của mã ngắn này là gì và cách sử dụng nó

Mã ngắn tùy chỉnh này chỉ chấp nhận một tham số có tên là cat_ids, có một chuỗi trống làm giá trị mặc định. Tham số cat_ids biểu thị danh sách ID danh mục bạn nên chèn, chỉ được phân tách bằng dấu phẩy (,). Dựa trên các giá trị bạn chèn, có thể có ba kết quả khác nhau. Nếu không có gì được chèn, thông báo cho biết Không có ID danh mục nào được chèn. được hiển thị. Mặt khác, đối với mọi mục nhập không hợp lệ, có thể là ID không hợp lệ hoặc thứ gì đó hoàn toàn không phải là ID, một thông báo cho biết ID không hợp lệ. được hiển thị. Cuối cùng, đối với mọi ID danh mục hợp lệ, tên và mô tả của nó được hiển thị, với tên danh mục liên kết đến trang lưu trữ danh mục

Bây giờ bạn đã hiểu mã ngắn này phải làm gì, hãy xem cách bạn có thể sử dụng nó. Như chúng tôi đã đề cập ở trên, nó chấp nhận danh sách ID danh mục làm tham số duy nhất. Do đó, để sử dụng nó, bạn cần biết cách tìm ID của một danh mục bài đăng nhất định

Để làm điều đó, hãy điều hướng đến phần Bài đăng > Danh mục và nhấp vào nút Chỉnh sửa bên cạnh một trong các danh mục của bạn để tìm ra ID của nó

Thao tác này sẽ mở màn hình chỉnh sửa của danh mục. Bạn sẽ có thể tìm thấy ID của danh mục bằng cách xem lại URL của trang. ID là số nằm sau phần URL có danh mục&tag_ID=. Trong ví dụ dưới đây của chúng tôi, ID danh mục là 16

Sau đó, bạn chỉ cần quay lại Trang tổng quan mà không cần chỉnh sửa bất kỳ thứ gì trên màn hình trước đó

Khi bạn đã tìm thấy ID của tất cả các danh mục mà bạn muốn hiển thị bằng mã ngắn này, chúng ta có thể xem cách mã ngắn đó được sử dụng

Để sử dụng một mã ngắn tùy chỉnh, bạn cần chèn cuộc gọi của nó trong một mã ngắn thích hợp để thêm văn bản. Tùy thuộc vào plugin trình tạo trang bạn đang sử dụng, các mã ngắn để thêm văn bản này có thể có các tên khác nhau. Đối với Elementor, đó là Trình soạn thảo văn bản. Đối với WP Bakery, đó là Khối văn bản. Và đối với Gutenberg, nó là một khối Shortcode chuyên dụng

Tương tự, mã ngắn cũng có thể được sử dụng làm vật dụng. Để sử dụng chúng làm tiện ích con, bạn sẽ cần chèn lệnh gọi mã ngắn bên trong tiện ích Văn bản. Chúng tôi đã trình bày chi tiết điều này trong bài viết của chúng tôi về mã ngắn tùy chỉnh, vì vậy bạn có thể đọc qua nếu muốn tìm hiểu thêm. Tuy nhiên, đối với bài viết hiện tại này, chúng tôi sẽ tập trung vào việc chỉ cho bạn cách sử dụng mã ngắn bên trong tiện ích Văn bản

Điều hướng đến Giao diện> Widget. Sau đó, tìm khu vực tiện ích nơi bạn muốn hiển thị mã ngắn của mình và thêm tiện ích Văn bản vào đó

Để hiển thị mã ngắn, bạn cần chèn lệnh gọi mã ngắn của nó bên trong tab Trực quan của tiện ích Văn bản. Đối với các tiện ích không chấp nhận bất kỳ tham số nào, chỉ cần chèn [tên_mã_ngắn] là đủ. Xin lưu ý, văn bản shortcode_name phải được thay thế bằng tên thật của mã ngắn của bạn. Trong trường hợp của chúng tôi, vì mã ngắn của chúng tôi được đặt tên là danh mục_với_mô tả, lệnh gọi mã ngắn đó sẽ là [categories_with_descriptions]

Tuy nhiên, vì mã ngắn của chúng tôi chấp nhận một tham số, điều đó có nghĩa là chúng tôi cũng cần thêm nó, cùng với (các) giá trị mà chúng tôi muốn được sử dụng làm (các) giá trị tham số. Như chúng tôi đã đề cập trước đó, mã ngắn của chúng tôi chấp nhận một tham số duy nhất có tên là cat_ids, đây phải là danh sách ID danh mục, chỉ được phân tách bằng dấu phẩy (,). Danh sách ID danh mục này phải được đặt trong dấu ngoặc kép và nếu bạn chỉ thêm một ID danh mục duy nhất thì không cần dấu phẩy

ví dụ có thể

• cuộc gọi mã ngắn với một ID danh mục duy nhất

[categories_with_descriptions cat_ids = “16”]

• cuộc gọi shortcode với nhiều ID danh mục

[categories_with_descriptions cat_ids = “18,35,120,185”]

Như bạn có thể thấy, ví dụ a) cho biết cách chèn lệnh gọi mã ngắn cho một danh mục có ID là 16. Mặt khác, ví dụ b) cho thấy cách chèn lệnh gọi mã ngắn cho nhiều danh mục có ID, trong trường hợp này là 18, 35, 120 và 185. Xin lưu ý rằng bạn cần thay thế các ID mẫu này bằng ID danh mục phù hợp được tìm thấy trên trang web của bạn. Ngoài ra, bạn có thể thêm bao nhiêu ID danh mục mà bạn thấy phù hợp, miễn là chúng tuân theo cấu trúc được hiển thị trong các ví dụ ở trên

Sau khi chèn lệnh gọi mã ngắn thích hợp bên trong tab Trực quan của tiện ích Văn bản, nhấn nút Lưu để lưu thông tin nhập của bạn

Sau đó, kiểm tra một trang nơi khu vực widget này được hiển thị để quan sát đầu ra. Tương tự như trường hợp ở phần trước—mã ngắn này cho phép một chức năng mới nhưng thiết kế của nó có thể cần kiểu dáng bổ sung bằng mã CSS. CSS này cũng được tạo theo từng trường hợp. Có nghĩa là, bạn sẽ cần phải tự tạo nó để nó phù hợp với thiết kế hiện tại của trang web của bạn. Bạn có thể sử dụng một số lớp CSS mà chúng tôi để lại trong phần đánh dấu HTML của mã ngắn để giúp bạn tạo bộ chọn CSS phù hợp cho CSS đó

Ví dụ của chúng tôi, chúng tôi chỉ cần một chút CSS và nó được hiển thị bên dưới

.category-list .list-item {
padding-bottom: 5px;
border-bottom: 1px dotted black;
}
.category-list .list-item h4 {
font-size: 26px;
}

Sau khi thêm nó, chúng tôi nhận được kết quả sau

Vì việc tạo kiểu phù hợp cho đầu ra của mã ngắn này yêu cầu mã CSS bổ sung, điều quan trọng là phải biết vị trí đặt mã CSS đó. Hầu hết người dùng WordPress chỉ cần chèn nó vào Giao diện > Tùy chỉnh > CSS bổ sung. Cách khác là chèn nó vào một plugin phù hợp để thêm mã CSS, miễn là bạn đã kiểm tra tính tương thích của plugin trước đó

Tuy nhiên, những người dùng WordPress cao cấp hơn nên đặt nó vào một tệp riêng và xếp nó vào hàng đợi bằng cách sử dụng hàm wp_enqueue_style(). Nếu bạn muốn tìm hiểu thêm về cách sắp xếp các tập lệnh và kiểu, bạn có thể xem bài viết được liên kết để biết thêm thông tin

Với điều này, chúng tôi kết thúc bài viết của mình về hiển thị mô tả danh mục trong WordPress

Suy nghĩ cuối cùng

Các mô tả danh mục WordPress tiết lộ thêm thông tin về một danh mục và thu hút khách truy cập truy cập các bài đăng mà họ có thể đã bỏ lỡ nếu họ chỉ có tiêu đề danh mục. Tuy nhiên, WordPress không có tính năng mặc định để hiển thị mô tả danh mục. Thay vào đó, bạn sẽ cần sử dụng mã tùy chỉnh để hiển thị chúng

Trong bài viết này, chúng tôi đã cung cấp một số ví dụ mã mà bạn có thể sử dụng và đề cập đến hai cách khác nhau để hiển thị mô tả danh mục. Tùy thuộc vào việc bạn muốn chỉ hiển thị các mô tả trên các trang lưu trữ danh mục hay bạn muốn hiển thị chúng trên bất kỳ trang nào. Ngoài ra, chúng tôi đã đề cập đến các chủ đề WordPress trung cấp và nâng cao quan trọng như tạo mã ngắn tùy chỉnh và cách sử dụng chúng, cũng như việc sử dụng các móc nối WordPress. Chúng tôi hy vọng bạn thấy bài viết này hữu ích để thêm mô tả danh mục WordPress cũng như mở rộng kiến ​​thức WordPress hiện có của bạn