Nội dung chính
Để thêm khung bình luận facebook vào website wordpress thì có rất nhiều plugin hỗ trợ, chỉ cần mất 1 vài phút để cài plugin vào và bạn đã có 1 khung bình luận facebook hoàn chỉnh rồi, nhưng vấn đề là khi dùng quá nhiều plugin cho một website thì tốc độ tải trang sẽ bị chậm lại. Bài viết dưới đây sẽ hướng dẫn step by step cho bạn cách tự thêm khung bình luận facebook vào website mà không cần plugin. Lời khuyên của tác giả dành cho bạn là hạn chế dùng plugin cho website của mình để cải thiện tốc độ tải trang nhé.
Thêm khung bình luận facebook vào website wordpress
Bước 1: Đăng ký Facebook App
Bước 2: Chỉnh sửa file header.php
<!-- Facebook JavaScript SDK --> <div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({appId: 'thay bang App ID ban vua tao', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; document.getElementById('fb-root').appendChild(e); }()); </script> <!-- End Facebook JavaScript SDK -->
Tiếp theo, dán đoạn code dưới đây vào giữa 2 thẻ <head>…</head>, đừng quên thay thế App ID của bạn vào nhé, sau đó bấm lưu lại.
Bước 3: Sửa file comment.php
Sau khi sửa file header.php, tiếp tục chọn file comment.php (thứ 3 trên xuống, cột bên phải)
Tìm dòng hoặc // You can start editing here — including this comment!, dán đoạn code này ngay dưới dòng đó
<?php if( comments_open() ): ?> <div id="facebook-comments"> <h3 id="reply-title">Bình luận</h3> <fb:comments href="<?php the_permalink(); ?>" num_posts="8" width="680"></fb:comments> </div> <?php endif; // end comments_open() ?>