Khi đọc 1 đoạn text mà độ dài vượt quá diện tích cho phép thông thường wordpress sẽ cho chúng ta thành […] nhưng nếu chúng ta muốn sửa thành … hoặc là ” Xem thêm” thì chúng ta sẽ làm như sau:
Các bạn vào đường dẫn Giao diện > Sửa giao diện > function.php và coppy đoạn code này nhé:
function new_excerpt_length($length) {
return 30;
}
add_filter('excerpt_length', 'new_excerpt_length');
Nếu muốn thêm chữ Read more hoặc Xem thêm thì chúng ta sẽ thêm đoạn này:
function new_excerpt_more($more) {
return '...<a href="'. get_permalink() . '">' . ' Xem thêm' . '</a>';
}
add_filter('excerpt_more', 'new_excerpt_more');
Nếu nút đọc thêm chưa được viết trên Theme thì bạn thêm đoạn mã này ngay bên dưới <?php the_excerpt(); ?> (Trong file template-parts/content.php)
&lt;div class="readmore"&gt;&lt;a href="&lt;?php the_permalink();?&gt;"&gt;Đọc thêm&lt;/a&gt;&lt;/div&gt;
Chỉnh CSS một chút cho đẹp hơn, bạn cho nó vào file style.css
.readmore a{ background: #007bff; color: #fff; border-radius: 4px; padding: 6px 15px; }
Trên đây mình đã hướng dẫn các bạn cách tạo button Xem thêm tuy đơn giản nhưng cực kì hữu hiệu và đẹp nếu bạn muốn trang trí website của mình đẹp hơn
Xem thêm:
