Thiết kế website Alowebtot

Cách tạo nút Xem thêm trong wordpress

Leading Digital Agency Since 2001.

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:

tạo nút xem thêm
tạo nút xem thêm

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é:

[php]
function new_excerpt_length($length) {
return 30;
}
add_filter(‘excerpt_length’, ‘new_excerpt_length’);
[/php]

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:

[php]
function new_excerpt_more($more) {
return ‘…<a href="’. get_permalink() . ‘">’ . ‘ Xem thêm’ . ‘</a>’;
}
add_filter(‘excerpt_more’, ‘new_excerpt_more’);
[/php]

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)

[php] &amp;lt;div class="readmore"&amp;gt;&amp;lt;a href="&amp;lt;?php the_permalink();?&amp;gt;"&amp;gt;Đọc thêm&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt; [/php]

Chỉnh CSS một chút cho đẹp hơn, bạn cho nó vào file style.css

[php] .readmore a{ background: #007bff; color: #fff; border-radius: 4px; padding: 6px 15px; } [/php]

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

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 *