[Thủ thuật WordPress] Rút gọn tiêu đề bài viết không dùng Plugin trong WordPress – Trong thiết kế Website có rất nhiều việc bạn cần phải thực hiện nhằm tạo cho bố cục trang Web trở nên hài hòa và thân thiện với độc giả, bố cục trang Web của bạn bị phá vỡ có rất nhiều nguyên nhân một trong những nguyên nhân có thể do tiêu đề bài viết hiển thị quá dài hoặc đơn giản bạn muốn quy định số lượng ký tự trên tiêu đề hiển thị bài viết nhằm giúp trang Web trở nên gọn gàng và dễ nhìn hơn. Nếu bạn đang muốn rút gọn tiêu đề bài viết trong mã nguồn WordPress thì hãy theo dõi các phương án dưới đây.
Trong bài viết trước đây về thủ thuật WordPress mình có hướng dẫn các bạn cách giới hạn độ dài của tiêu đề bài viết trong wordpress khi đặt tiêu đề bằng cách sử dụng Plugin giúp bạn dễ dàng quy định độ dài tiêu đề khi viết bài tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách rút gọn tiêu đề bài viết khi hiển thị trên trang chủ không dùng Plugin.
Rút gọn tiêu đề bài viết không dùng Plugin trong WordPress
Như đã đề cập bên trên để quy định độ dài tiêu đề của bài viết WordPress bạn có thể quy định trong quá trình đặt tiêu đề khi viết bài viết mới hoặc bạn có thể quy định tiêu đề bài viết khi hiển thị trên trang chủ trong hai cách trên theo mình cách hiển thị tiêu đề bài viết khi hiển thị trên trang chủ là phương án khá hay giúp bạn có thể tùy biến tiêu đề theo ý thích. Hãy cùng blog thủ thuật tìm hiểu cách rút gọn tiêu đề bài viết không dùng Plugin trong WordPress.
Đầu tiên bạn cần xác định các tập tin liên quan cần sử dụng bao gồm tập tin Functions.php, Single.php của giao diện đang sử dụng (đồng thời bạn cần phải nắm bắt được cách truy cập vào các tập tin bạn có thể tham khảo bài viết sửa giao diện, plugin WordPress không cần FTP hoặc bạn có thể tham khảo cài đặt và sử dụng phần mềm CuteFTP).
Code 1: Rút gọn tiêu đề WordPress
Đầu tiên hãy sao chép đoạn mã dưới đây và dán vào tập tin Functions.php của giao diện đang sử dụng.
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; }
Sau đó sao chép đoạn mã tiếp theo dán vào vị trí mà bạn muốn hiển thị (bạn có thể thay thế trong tập tin Single.php) > hãy tìm câu lệnh sau.
<?php the_title(); ?> hoặc <?php get_the_title(); ?>
Và thay bằng câu lệnh sau
<?php echo short_title('...', 10); ?>
Lưu ý: Thay số 10 thành số kí tự mà bạn muốn hiển thị (đối với code 1 bạn có thể áp dụng cho tiếng việt hiển thị rất chuẩn).
Code 2: Rút gọn tiêu đề WordPress
Tương tự đầu tiên hãy sao chép đoạn mã dưới đây và dán vào tập tin Functions.php của giao diện đang sử dụng.
function ShortenText($text) { // Function name ShortenText $chars_limit = 100; // Character length $chars_text = strlen($text); $text = $text." "; $text = substr($text,0,$chars_limit); $text = substr($text,0,strrpos($text,' ')); if ($chars_text > $chars_limit) { $text = $text."..."; } // Ellipsis return $text; }
Sau đó sao chép đoạn mã tiếp theo dán vào vị trí mà bạn muốn hiển thị, thực hiện giống như hướng dẫn ở Code 1.
<?php echo ShortenText(get_the_title()); ?>
Code 3: Rút gọn tiêu đề WordPress
Tương tự đầu tiên hãy sao chép đoạn mã dưới đây và dán vào tập tin Functions.php của giao diện đang sử dụng.
function short_title($before = '', $after = '', $echo = true, $length = false) { $title = get_the_title(); if ( $length && is_numeric($length) ) { $title = substr( $title, 0, $length ); } if ( strlen($title)> 0 ) { $title = apply_filters('short_title', $before . $title . $after, $before, $after); if ( $echo ) echo $title; else return $title; } }
Sau đó sao chép đoạn mã tiếp theo dán vào vị trí mà bạn muốn hiển thị, thực hiện giống như hướng dẫn ở Code 1.
<?php // short_title('BeforeText'. 'ellipsis', 'true', 'wordlength') short_title('**','...',true, '20'); ?>
Như vậy với 3 đoạn code trên sẽ giúp bạn dễ dàng rút gọn tiêu đề bài viết không dùng Plugin trong WordPress, quá đơn giản để bạn có thể rút gọn tiêu đề bài viết không dùng Plugin trong WordPress phải không?
Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!
Chào bạn, mình sử dụng theme PT MagazinePhiên bản: 1.1.5, tìm trong file Single.php mà không thấy đoạn code
hoặc
là sao bạn nhỉ?
Nhờ bạn chỉ giúp mình
Ồ, cũng với tiêu đề này, bài viết của em thì là rút gọn dùng CSS 😀 (kết quả Google nó ngay cạnh post của bác).
Cùng nhau tiên bộ ak bác 😛
Chào bạn
Cho mình hỏi, mình muốn thay đổi kích cỡ khung tìm kiếm trong wordpress làm như thế nào?
Cảm ơn bạn
Mỗi giao diện sẽ có CSS khác nhau bạn nhé quan trọng là bạn phải tìm ra Class của khung tìm kiếm!
Mới chơi game chơi game, những mẹo như này rất hay