Thứ Ba, 18 tháng 3, 2014

Một số theme miễn phí mà các bạn sử dụng nó có ít hàm hỗ trợ việc rút gọn bài viết hiển thị trên trang chủ. Đối với các bạn mới làm quen với wordpress thì đây là việc khó khăn. Mình sẽ hướng dẫn các bạn tùy chỉnh hiển thị bài viết trên trang chủ một cách đẹp mắt:
1. Không sử dụng code:
 - Trong quá trình soạn thảo bài đăng mới thông thường các bạn mới làm quen với wordpress sẽ không để ý đến nút "Insert more Tag" hoặc nhấn phím tắt Alt+Shift+T. Các bạn muốn ngắt bài viết ở vị trí nào thì cứ để trỏ chuột ở vị trí đó và lick vào nút "Insert more tag".

2. Sử dụng code để tùy chỉnh:
Khi sử dụng code để tùy chỉnh thì các bạn không cần phải lick vào nút Insert more tag mỗi khi soạn thảo bài viết.
 - Mở file funtions.php thêm vào đoạn code sau thẻ <?php:
function the_content_limit($max_char, $more_link_text = '', $stripteaser = 0, $more_file = '') {
    $content = get_the_content($more_link_text, $stripteaser, $more_file);
    $content = apply_filters('the_content', $content);
    $content = str_replace(']]>', ']]&gt;', $content);
    $content = strip_tags($content);

   if (strlen($_GET['p']) > 0) {
      echo "";
      echo $content;

      echo "";
   }
   else if ((strlen($content)>$max_char) && ($espacio = strpos($content, " ", $max_char ))) {
        $content = substr($content, 0, $espacio);
        $content = $content;
        echo "";
        echo $content;
        echo "...";
        echo "&nbsp;<a href='";
        the_permalink();
        echo "'>"."</a>";
        echo "";
   }
   else {
      echo "";
      echo $content;

      echo "";
   }
}
- Mở file index.php hoặc các file các bạn muốn tùy chỉnh thay đoạn code
<?php the_content(''); ?>
thành đoạn code: <?php the_content_limit('140'); ?> 
- Đến đây thì nội dung bài viết hiển thị ngoài trang chủ của bạn chỉ là dòng trích dẫn nội dung text của bài viết mà không có tiêu đề, ảnh đại điện, dòng chú thích...
 - Công việc tiếp theo là hiển thị tiêu đề bài viết, ảnh đại diện và dòng chú thích...
   + Hiển thị tiêu đề: chép code <a title="<?php the_title(); ?>" class="thumb" href="<?php the_permalink(); ?>"> phía trên code <?php the_content_limit('140'); ?> 
   + Hiển thị ảnh đại diện: có nhiều cách để thể hiện ảnh đại diện ra trang chủ tùy vào mục đích site..., mình sẽ post bài hướng dẫn sau.
   + Hiển thị dòng chú thích cho bài viết (Người đăng, ngày xuất bản, bình luận....):
<?php _e('Gửi bởi:', ''); ?> <?php the_author_posts_link(); ?> <?php _e('ngày:', ''); ?> <?php the_time('j/n/Y g:i'); ?>--- <?php comments_popup_link('Gửi bình luận', '1 bình luận', 

    '% bình luận', 'comments-link', 'Mục bình luận đóng'); ?>

Lưu ý: Các bạn phải thêm css để code hiển thị đẹp mắt hơn nhe!

Chúc các bạn thành công!



0 nhận xét:

Đăng nhận xét

Subscribe to RSS Feed Follow me on Twitter!