Facebook giống như hộp còn được gọi là hộp hâm mộ của Facebook đã trở thành yếu tố cần thiết cho nhiều trang web. Nó cho phép các chủ trang web cung cấp cho người dùng một cách dễ dàng để gia nhập cộng đồng facebook của họ và nhận được cập nhật ngay trên nguồn cấp dữ liệu Facebook. Gần đây, một trong những người dùng của chúng tôi đã mang lại cho chúng tôi sự chú ý rằng chúng tôi đã không đề cập đến chủ đề làm thế nào để thêm hộp giống như facebook trong WordPress. Mặc dù chúng tôi đã bao gồm làm thế nào để thêm các nút giống như facebook, nút gửi facebook, facebook và ý kiến. Trong bài này, chúng tôi sẽ giới thiệu cho các bạn cách thêm hộp fan hâm mộ trên facebook vào WordPress.
Thêm Hộp giống như sử dụng Plugin Facebook chính thức cho WordPress
Có lẽ cách đơn giản nhất để thêm một hộp giống Facebook vào trang WordPress của bạn là sử dụng plugin Facebook chính thức cho WordPress. Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Facebook. Sau khi kích hoạt plugin, hãy vào Appearance »Widget . Đơn giản chỉ cần kéo và thả tiện ích hộp Facebook giống như trong thanh bên của bạn. Bạn sẽ cần cung cấp URL của trang fan hâm mộ trên facebook của bạn trong các cấu hình phụ tùng.
Widget này có các tùy chọn giống như các plugin xã hội trên Facebook dành cho các trang web. Bạn có thể chọn để hiển thị một dòng, hiển thị khuôn mặt, loại bỏ tiêu đề, thay đổi màu sắc biên giới. Hiện tại chỉ có hai chủ đề có sẵn ánh sáng và tối.
Thêm như Box Thủ công Nếu không sử dụng bất kỳ Plugin
Có thể thêm Facebook như hộp bằng tay mà không cần sử dụng bất kỳ plugin. Tới trang Facebook Like Plugin của Social Plugin. Cung cấp URL của trang Facebook của bạn và cấu hình giao diện của hộp tương tự.
Nhấn nút Nhận được mã nút để nhận Mã giống như hộp.
Facebook cung cấp cho bạn nhiều cách để thêm mã hộp giống như trên trang web của bạn. Bạn có thể chọn từ HTML5, XFBML và khung nội tuyến. Chúng tôi sẽ cho bạn thấy làm thế nào để thêm mỗi người trong số họ nhưng bạn cần phải chọn một. Theo ý kiến của chúng tôi HTML5 là một lựa chọn hợp lý tốt cho hầu hết các trang web được cung cấp bởi WordPress. XFBML là tốt cho những người sử dụng các plugin Facebook khác sử dụng XFBML để hiển thị nút Facebook. Sử dụng iframe nếu hai tùy chọn đầu tiên không làm việc cho bạn.
Thêm HTML5 Facebook như Box Code trong WordPress
Nhấp vào tab HTML5 từ cửa sổ mã và sao chép phần đầu của mã. Họ đề nghị bạn dán nó ngay sau khi mà thường được tìm thấy trong file header.php của bạn. Tuy nhiên, nó sẽ làm việc bất cứ nơi nào trong cơ thể. Để làm cho mọi thứ trở nên dễ dàng, bạn chỉ cần thêm nó vào phần cuối bằng cách sử dụng plugin Insert Headers and Footers của chúng tôi. Phần đầu tiên của mã sẽ giống như sau:
Javascript này kết nối trang web của bạn với thư viện javascript của Facebook. Bây giờ sao chép phần thứ hai của mã, sẽ trông giống như sau:
Phần này cho biết javascript mà bạn đã nạp trước đó để hiển thị hộp tương tự tại vị trí này và với các tham số này. Vì lợi ích của ví dụ này, chúng tôi sẽ dán mã này vào tiện ích thanh bên. Đi đến Appearance »Widget . Kéo và thả tiện ích văn bản vào thanh bên và dán mã vào bên trong. Lưu tiện ích và kiểm tra trang web của bạn.
Điều này sẽ làm việc trong bất kỳ khu vực khác của trang web của bạn. Nếu bạn hiểu biết về mã, sau đó bạn có thể dán nội dung này vào cuối trang, sau khi đăng, v.v.
Đừng quên thay đổi URL của trang fan hâm mộ trang facebook thành URL trang của bạn.
Bổ sung XFBML Facebook Like Box Code trong WordPress
Nhấp vào tab XFBML để lấy mã cho hộp Facebook giống như XFBML. Để thêm một XFBML Facebook Like Box, bạn cần thêm ba mẩu mã nhỏ trong WordPress.
Sao chép đoạn mã đầu tiên và dán nó vào chủ đề của bạn header.php tập tin ngay nhãn. Tương tự như cuối cùng, mã này sẽ làm việc bất cứ nơi nào trong cơ thể. Để làm cho mọi thứ trở nên dễ dàng, bạn chỉ cần thêm nó vào phần cuối bằng cách sử dụng plugin Insert Headers and Footers của chúng tôi. Mã này sẽ giống như thế này:
Chức năng javascript nhỏ này kết nối trang web của bạn với thư viện javascript của Facebook.
Dòng thứ hai của mã là một khai báo không gian tên XML, và bạn cần phải thêm nó vào tag của trang web của bạn. Cách đơn giản nhất là mở chủ đề của bạn functions.php tập tin, dán mã sau đây:
// Thêm Biểu đồ Mở trong Thuộc tính Ngôn ngữ
hàm add_opengraph_doctype ($ đầu ra) {
trả về $ đầu ra. 'xmlns: og = "http://ogp.me/ns#" xmlns: fb = "http://ogp.me/ns/fb#"';
}
add_filter ('language_attributes', 'add_opengraph_doctype');
Cuối cùng, sao chép dòng thứ ba của mã mà có thể nhìn cái gì đó:
Mã này cho biết javascript mà bạn đã nạp trong bước đầu tiên, để hiển thị hộp tương tự tại vị trí này và với các tham số này. Đi đến Appearance »Widget . Kéo và thả tiện ích văn bản vào thanh bên và bên trong tiện ích con văn bản dán dòng mã thứ ba. Lưu thay đổi của bạn và xem trước trang web của bạn.
Thêm khung nội tuyến Likebox của Facebook trong WordPress
Nhấp vào tab IFRAME để sao chép mã khung nội tuyến. Đi đến Appearance »Widget và kéo và thả tiện ích văn bản vào thanh bên của bạn. Dán mã khung nội tuyến bên trong tiện ích văn bản và lưu thay đổi. Mở trang web của bạn để xem trước hộp hâm mộ của facebook.
Chúng tôi hy vọng bài viết này đã giúp bạn thêm Hộp Facebook Like box / Fan trên trang WordPress của bạn. Đối với các câu hỏi và phản hồi xin vui lòng để lại bình luận. Bạn cũng có thể theo dõi chúng tôi trên Facebook.