[Thủ thuật WordPress] Hướng dẫn cách tạo bài viết được quan tâm không dùng Plugin wordpress – Có thể nói sau một thời gian mày mò ở trên mạng về code sử dụng bài viết được quan tâm không dùng Plugin wordpress, mình cũng đã tham khảo một số trang như của thạch phạm, jamviet… Mình cũng đã áp dụng và cũng thành công, nhưng sau đó mình lại lang thang vào một số trang của nước ngoài và mình cũng đã tìm được một phương pháp giúp bạn tạo được các bài viết liên quan thật đơn giản. Việc hiển thị các bài viết được quan tâm không chỉ giúp độc giả chọn lọc được các bài viết hay mà nó còn giúp trang Web của bạn phong phú hơn về nội dung.
Trong bài viết trước đây về thủ thuật WordPress mình có hướng dẫn với các bạn cách tùy chỉnh nút đăng bài viết trượt theo màn hình WordPress giúp bạn dễ dàng thao tác hơn trong việc chỉnh sửa hay viết bài mớ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 tạo bài viết được quan tâm không dùng Plugin wordpress.
Tạo bài viết được quan tâm không dùng Plugin 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, Style.css 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). Đoạn mã bên dưới giúp hiển thị sau mỗi cuối bài viết, tức là khi người ta đọc nội dung bài viết và ở cuối bài viết sẽ có những bài viết mà người đọc đã đọc qua. Thật ra đoạn code dưới đây nó dựa theo các bài viết có số lượng comment được nhiều người quan tâm và nó hiển thị ra cho các bạn.
Bạn chọn file Functions.php bên cột bên phải sau đó dán đoạn code sau vào trước thẻ đóng ?> là được.
function popularPosts($num) {
global $wpdb;
$posts = $wpdb->get_results("SELECT comment_count, ID, post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , $num");
foreach ($posts as $post) {
setup_postdata($post);
$id = $post->ID;
$title = $post->post_title;
$count = $post->comment_count;
if ($count != 0) {
$popular .= '<li>';
$popular .= '<a href="' . get_permalink($id) . '" title="' . $title . '">' . $title . '</a> ';
$popular .= '</li>';
}
}
return $popular;
}
Tiếp tục bạn copy đoạn code sau đây vào file Single.php dán ở vị trí nào mà bạn thấy thích hợp là được, theo mình bạn nên dán code này lên phía trước đoạn code <?php comments_template( ”, true ); ?> là ổn.
<div class="popular">
<h2>Bài viết được quan tâm</h2>
<ul>
<?php echo popularPosts(10); ?>
</ul>
</div>
Tùy chỉnh CSS
Nếu bạn cảm thấy xấu quá bạn thêm cái code CSS này vào cuối file Style.css là đẹp liền ngay.
.popular {
clear: both;
float: left;
margin: 10px 0;
width: 283px;
}
.popular ul, .popular ul li {
margin: 0;
padding: 0;
font-size: 12px;
}
.popular ul li {
margin: 4px 0;
padding-left: 20px;
background: url(images/star.png) no-repeat 2px 2px;
}
.popular h2 {
border: 0;
border-bottom: 1px solid #aaa;
font-size: 22px;
font-weight: normal;
font-family: Georgia,serif;
margin: 0 0 15px;
padding: 0 0 5px;
}
Các bạn chú ý: Cái URL hình ảnh nhé – Bạn lên mạng tìm một cái hình ảnh với tên là Star.png và bỏ vào thư mục images nếu muốn lấy cái hình ảnh nhấp nháy bạn có thể thay lại hình ảnh trên code trên. Vậy là xong và đây là kết quả của mình khi mình chưa dùng CSS.
Quá đơn giản để bạn có thể tạo bài viết được quan tâm không dùng Plugin 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!
