Tích hợp Disqus vào wordpress toàn tập

Quảng cáo
Ads_ngang
Website dinhthuanit.com có bài Tích hợp Disqus vào wordpress toàn tập

Đã có nhiều bạn hỏi cách cài đặt hệ thống tích hợp Disqus vào wordpress, chuyển comment từ wordpress vào disqus, và hiển thị số comment..Tuy rằng dạo trước có ít người biết đến disqus để chèn bình luận vào bài viết trong website nhưng mới đây đã có khá nhiều blogs đã cài đặt hệ thống bình luận này. Cá nhân mình đánh giá đó là một hệ thống bình luận chuyên sâu và vĩnh biệt spam. Không chỉ vậy mà bạn còn có thể kiếm tiền với disqus nữa đó !

Trong bài viết này mình sẽ nói đầy đặn chi tiết cách cài đặt và sử dụng.

Ưu điểm của Disqus Comment System

  • Phòng chống spam bot comment
  • Có dashboard bạn đơn giản quản lý và theo dõi.
  • Người dùng có thể đăng nhập và bình luận bằng tài khoản facebook, Twitter và cả wordpress.
  • Giao diện đẹp
  • Bạn cũng đều có thể kiếm tiền bằng cách sử dụng quảng cáo của Disqus

Nhược điểm của Disqus

  • Ảnh hưởng tới vận tốc load trang. (Mình thấy cũng không ảnh hưởng lắm vì nó load bằng js)
  • Không thu hút bình luận, vì sẽ phải đăng nhập nhưng với con số người sử dụng facebook ngày càng nhiều ở việt nam nên bạn đừng lo.hihi.
  • Không cho phép việt hóa email – thông báo qua email.

Ok, bây giờ chúng ta hãy bắt đầu tích hợp disqus comment.

Tích hợp Disquis Comment System

Đăng ký tài khoản Disqus

Đầu tiên bạn phải một tài khoản trên Disqus, truy cập vào https://disqus.com/profile/signup/ và thi hành việc đăng ký. Bạn cũng đều có thể sử dụng Facebook, Twitter hoặc Google để đồng bộ tài khoản.

Sau đó vào https://disqus.com/admin/signup/?utm_source=New-Site để thêm website của bạn vào Disqus, nhấn Finish registration.

Thêm website vào disqus comment
Thêm website vào disqus comment

Sau đó bạn chọn wordpress.
cài đặt disqus cho wordpress

Bây giờ bạn sẽ thấy nó chỉ dẫn từng bước để cài đặt disqus cho wordpress.

Chèn Disqus vào WordPress

Theo hướng dẫn bạn chỉ cần cài đặt plugin Disqus Comment System vào và nó tự thay thế comment wordpress cũ thành form comment của disqus.

Sau khi cài đặt xong, truy cập Comments -> Disqus bạn sẽ thấy có nút Upgrade bấm vào đây để tiến hành cài đặt và thay thế. Điền tài khoản disqus trên form và tiếp tục nhấn Next.

cài đặt plugin disqus wordpress
cài đặt plugin disqus wordpress

Bạn sẽ thấy danh sách profile bạn đã đăng ký trên tài khoản disqus. Chọn một profile bạn muốn để cài đặt profile đó cho địa chỉ website wordpress hiện tại và nhấn Next.

Thêm website wordpress vào disqus

Cuối cùng bấm vào link Export now để chuyển toàn bộ bình luân cũ của WordPress sang Disqus. Quá trình này còn có thể lâu hay nhanh tùy vào số lượng bình luận có trên wordpress.

Chuyển comment WordPress sang Disqus
Chuyển comment WordPress sang Disqus

Lưu ý: trong lúc nó đang chuyển bạn không nên chuyển qua trang khác mà giữ nguyên đó và đợi nó làm xong nhé.

Lúc này bạn vào bài viết đã thấy disqus comment form thay thế comment form của wordpress rồi. Để quản lý bình luận bạn vào phần WordPress Dashboard -> Comments -> Disqus hoặc vào trực diện trang chủ http://disqus.com.

Lưu ý Disqus không quản lý comment trực diện trên wordpress admin, bạn phải truy cập vào trang quản lý comments trên disqus bằng phương pháp bấm vào “To moderate your disqus comments”.

Hiển thị bình luận ngoài trang chủ.

Sau khi cài disqus xong, bạn có thể thấy chỗ hiển thị số bình luận trong bài viết sẽ được hiển thị ra trùng khớp với con số lượt bình luận của Disqus, nhưng khi ra ngoài trang chủ thì có thể nó sẽ bằng 0 mặc dầu là bạn có biết bao bình luận.

Để khắc phục lỗi này, bạn chèn chèn đoạn code sau vào file functions.php.

   function   disqus_embed  (    )     {   wp_enqueue_script  (    'disqus_embed'    ,    'http://'    .    $disqus_shortname    .    '.disqus.com/embed.js'    )    ;     echo     ' '    ;     }     add_action  (    'wp_head'    ,    'disqus_embed'    )    ;       function   disqus_count  (    $disqus_shortname    )     {     global     $post    ;   wp_enqueue_script  (    'disqus_count'    ,    'http://'    .    $disqus_shortname    .    '.disqus.com/count.js'    )    ;     echo     '.   get_permalink  (    )     .    '#disqus_thread" data-disqus-identifier="'    .    $disqus_shortname    .    '-'    .    $post    ->     ID    .    '"> '    ;     }     function   show_disqus_cm  (    )     {   disqus_count  (    '######'    )    ;     }   

Bây giờ mở file index.php hoặc single.php hoặc bất kể nơi nào bạn muốn hiển thị comment. Tìm đoạn code hiển thị số comment của WordPress và thay bằng.

 show_disqus_cm  (    '######'    )    ;   

Đổi ###### thành tên Forum Shortname của bạn. Nếu chưa biết thì tên Forum Shortcode thì vào Comments -> Disqus -> Plugin Settings.

Với Thesis
Trong Thesis child theme có hook hook_after_disqus_comment_count , sử dụng hook này cho hàm show_disqus_cm . Copy code dưới đây vào custom.php

   function   disqus_embed  (    $disqus_shortname    )     {     global     $post    ;   wp_enqueue_script  (    'disqus_embed'    ,    'http://'    .    $disqus_shortname    .    '.disqus.com/embed.js'    )    ;     echo     ' '    ;     }     function   add_disqus  (    )    {     if     (  is_singular  (    'post'    )    )     {   related_posts  (    )    ;     }   disqus_embed  (    '######'    )    ;     }   add_action  (    'hook_after_disqus'    ,    'add_disqus'    )    ;       /*Show disqus comment count */     function   disqus_count  (    $disqus_shortname    )     {     global     $post    ;   wp_enqueue_script  (    'disqus_count'    ,    'http://'    .    $disqus_shortname    .    '.disqus.com/count.js'    )    ;     echo     '.   get_permalink  (    )     .    '#disqus_thread" data-disqus-identifier="'    .    $disqus_shortname    .    '-'    .    $post    ->     ID    .    '"> '    ;     }       function   show_disqus_cm  (    )     {   disqus_count  (    '######'    )    ;     }   add_action  (    'hook_after_disqus_comment_count'    ,     'show_disqus_cm'    )    ;   

Và nhớ thay ###### thành Forum Shortname của bạn lun nhé. Cài đặt một ít cho Thesis, bạn vào Thesis -> Skin Eidtor:

Tìm box Number of Comments (màu đỏ) và xóa đi, sau đó tạo một box HTML Container bỏ vào, sau đó ấn vào nút settings kế bên box rồi chuyển qua tab Admin, điền disqus_comment_count vào phần Hook Name.
Disqus Commnent Counter

Tiếp tục mở qua tempate Single, tìm box Comment Form và xóa đi, sau đó thay thể bằng một box HTML Container và đặt Hook Name là disqus.
disqus_wordpress_disqus_count_thesis_2[1]

Lưu ý khi sử dụng Thesis , Mỗi skin của Thesis sẽ được cách đặt box, tên box khác nhau nên mình chỉ có thể nói chung chung như vậy. Nên bạn hãy cận trọng trước lúc xóa box đi nhé.

Fix lỗi không hiển thị số comment

Nếu bạn không nhìn thấy con số comment được hiển thị ra, thì đánh dấu vào Output JavaScript in footer trong phần Comments -> Disqus -> Plugin Settings.

Chúc bạn thành công.

Hãy cho mình biết suy nghĩ của bạn trong phần bình luận bên dưới bài viết này. Hãy theo dõi kênh chia sẻ kiến thức WordPress của TopVn trên Twitter và Facebook

Bài viết Tích hợp Disqus vào wordpress toàn tập được tổng hợp và biên tập bởi: dinhthuanit.com. Mọi ý kiến đóng góp và phản hồi vui lòng gửi Liên Hệ cho dinhthuanit.com để điều chỉnh. dinhthuanit.com xin cảm ơn.

Bài Viết Liên Quan


Bài Viết Khác


Quảng cáo
Ads_ngang