Dịch vụ thiết kế website

Rút gọn tiêu đề trong WordPress không cần plugin

Có một vài lý do trong khi thiết kế theme cho wordpress, các bạn không muốn tiêu đề của bài viết quá dài. Bởi vì như vậy có thể làm vỡ layout hoặc bố cục trông xấu hơn. Để giải quyết vấn đề này có một cách khá đơn giản mà chúng ta không cần sử dụng plugin nào cả. Sau đây mình sẽ hướng dẫn các bạn làm điều đó.

Cách 1: Sử dụng Action Hooks trong WordPress

Trong vòng lặp của WordPress hàm để gọi tiêu đề bài viết là

<?php the_title( $before, $after, $echo ); ?>

1	<?php the_title( $before, $after, $echo ); ?>

$before : Nội dung phía trước Tiêu đề (Có thể là text, html) (Mặc định là none)
$after: Nội dung phía sau Tiêu đề (Có thể là text, html) (Mặc định là none)
$echo: Hiển thị tiêu đề hay không (FALSE, TRUE) (Mặc định là TRUE)

Để rút ngắn tiêu đề của các bạn thêm đoạn code sau vào file functions.php

function short_title($after = '', $length) {
$qdztitle = explode(' ', get_the_title(), $length);
if (count($qdztitle)>=$length) {
array_pop($qdztitle);
$qdztitle = implode(" ",$qdztitle). $after;
} else {
$qdztitle = implode(" ",$qdztitle);
}
return $qdztitle;
}

function short_title($after = '', $length) {

$qdztitle = explode(' ', get_the_title(), $length);

if (count($qdztitle)>=$length) {

array_pop($qdztitle);

$qdztitle = implode(" ",$qdztitle). $after;

} else {

$qdztitle = implode(" ",$qdztitle);

}

return $qdztitle;

}

Để sử dụng thay vì các bạn gọi hàm the_title các bạn sử dụng short_title. Các bạn có thể quy định số lượng ký tự tùy ý

<?php echo short_title('...', 10); ?>

1	<?php echo short_title('...', 10); ?>

Cách 2: Sử dụng HTML và CSS

Các bạn sử dụng đoạn CSS phía dưới đây để quy định chiều dài tối đa cho tiêu đề. Nêu tiêu đề dài quá 220px nó tự động chuyển thành ký tự “…”

.title {
display: inline-block;
max-width: 220px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.title {

display: inline-block;

max-width: 220px;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}

Và để sử dụng trong themes các bạn chỉ cần thêm class .title vào những chỗ nào cần rút ngắn. Chúc các bạn thành công !

5/5 - (1 bình chọn)

Tin tức nổi bật

Thiết kế web theo mẫu

Thiết kế web theo mẫu là gì? Thiết kế web theo mẫu là dịch vụ website được xây dựng...

Tổng hợp 20+ cách kiếm tiền từ website trong năm 2020

Thời kỳ 4.0, Internet trở thành một phần không thể thiếu trong cuộc sống của chúng ta. Người...

10 bước xây dựng kế hoạch marketing online

Thị trường luôn thay đổi và chính vì thế các chiến lược marketing online của bạn cũng cần...

Ý tưởng đặt tên thương hiệu - Cách chọn tên miền website – Lời khuyên vàng từ Mona Media

Ý tưởng đặt tên thương hiệu – Cách chọn tên miền website – Lời khuyên vàng từ ITC Việt

Cách chọn tên miền website. Chúng tôi là ITC Việt. Chúng tôi là công ty thiết kế website...

Thiết kế website theo yêu cầu

Hiện nay Dịch vụ Thiết kế website theo yêu cầu đã không còn xa lạ đối với các doanh...

Thiết kế trang web, lập trang web, dựng trang web bán hàng

Nội dung bài viết1 Thiết kế trang web2 Lập trang web3 Dựng trang web bán hàng4 CÔNG...

E-commerce là gì? E-business là gì? So sánh E-commerce và E-business

E-Commerce (tiếng Việt là thương mại điện tử) đang là một trong những vấn đề đáng quan tâm của...

Để thiết kế web đẹp bạn không thể bỏ qua 8 lưu ý sau

Việc thiết kế web ngày nay không còn dừng lại ở việc cung cấp thông tin đủ hay...