Cách hiển thị sự kiện Facebook trên trang web WordPress của bạn

Bạn có muốn hiển thị Sự kiện Facebook trên trang web WordPress của mình. Các sự kiện trên Facebook cho phép bạn quảng bá các sự kiện của mình đồng thời tận dụng sức mạnh của mạng xã hội lớn nhất thế giới. Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách hiển thị Sự kiện trên Facebook của bạn trên WordPress.


Cách hiển thị các sự kiện Facebook trên WordPress

Phương pháp 1: Thêm sự kiện Facebook bằng cách sử dụng Plugin trang Facebook

Phương pháp này sử dụng các plugin xã hội Facebook Facebook để thêm các sự kiện Facebook của bạn trên WordPress. Bạn sẽ cần chỉnh sửa các tệp chủ đề WordPress của bạn. Nếu bạn không thoải mái với việc thêm mã thủ công, thì hãy thử các phương pháp khác được mô tả trong bài viết này.

Bắt đầu nào.

Video hướng dẫn

Đăng ký WPBeginner

Nếu bạn không thích video hoặc cần thêm hướng dẫn, hãy tiếp tục đọc.

Trước tiên, bạn cần truy cập Plugin Trang trên trang web của nhà phát triển Facebook. Trong trường URL Trang Facebook, nhập URL của trang Facebook của bạn.

Plugin trang Facebook có thể hiển thị nhiều tab từ trang của bạn bao gồm tab sự kiện. Chỉ cần nhập ‘event vào trường tab và bạn sẽ thấy cửa sổ xem trước tải lại để hiển thị trang tab Sự kiện của bạn.

Cài đặt plugin trang Facebook

Bạn cũng có thể điều chỉnh các cài đặt khác như kích thước ảnh bìa, chiều cao và chiều rộng của thùng chứa, v.v..

Khi bạn đã hài lòng, hãy nhấp vào nút ‘Nhận mã Code. Điều này sẽ xuất hiện một cửa sổ bật lên hiển thị hai hộp mã.

Mã plugin trang Facebook

Phần đầu tiên của mã cần được thêm vào tệp tiêu đề chủ đề của bạn ngay sau thẻ.

Tiếp theo, bạn cần sao chép phần thứ hai của mã và dán nó vào bài đăng, trang hoặc tiện ích văn bản của WordPress.

Đừng quên lưu các thay đổi của bạn.

Đó là tất cả những gì bạn có thể truy cập trang web của mình và bạn sẽ thấy Plugin Trang Facebook hiển thị các sự kiện của bạn.

Sự kiện Facebook được nhúng trên trang WordPress

Phương pháp 2. Thêm sự kiện Facebook bằng cách sử dụng Plugin WordPress

Phương pháp này cho phép bạn thêm Sự kiện Facebook trong WordPress mà không cần thêm bất kỳ mã nào vào tệp chủ đề của mình.

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin WP Embed Facebook. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Khi kích hoạt, bạn cần truy cập Cài đặt »Nhúng Facebook trang để định cấu hình cài đặt plugin.

Trang cài đặt cho plugin được chia thành nhiều tab. Bạn sẽ hạ cánh trên tab ‘Magic Embeds. Cuộn xuống một chút để phần cài đặt Facebook.

Trang cài đặt WP nhúng Facebook

Bạn cần nhập ID ứng dụng Facebook và các khóa bí mật. Bạn có thể có được các khóa này bằng cách truy cập trang web của Nhà phát triển Facebook và tạo một ứng dụng mới.

Tạo một ứng dụng Facebook mới

Điều này sẽ đưa ra một cửa sổ bật lên nơi bạn sẽ được yêu cầu cung cấp tên cho ứng dụng của mình và chọn một danh mục.

Cung cấp tên cho ứng dụng của bạn và chọn danh mục

Nhấp vào nút tạo ID ứng dụng để tiếp tục.

Bây giờ Facebook sẽ tạo ứng dụng của bạn và bạn sẽ được chuyển hướng đến bảng điều khiển ứng dụng. Nhấp vào liên kết cài đặt từ menu bên trái của bạn để xem các phím ứng dụng.

Sao chép ID ứng dụng và khóa bí mật của bạn

Bây giờ bạn sẽ thấy khóa ID ứng dụng và khóa bí mật sẽ bị ẩn và bạn sẽ cần nhấp vào nút hiển thị để sao chép nó.

Nhập cả hai khóa vào các trường tương ứng trên WP Nhúng Facebook plugin Cài đặt cho trang web WordPress của bạn.

Đừng quên bấm vào nút ‘Lưu tất cả cài đặt Nút để lưu các thay đổi của bạn.

Bây giờ bạn đã sẵn sàng để thêm sự kiện của bạn trong WordPress. Chỉnh sửa một bài đăng hoặc trang nơi bạn muốn hiển thị sự kiện Facebook của mình và thêm mã ngắn này:

[fb_plugin trang href ="https://www.facebook.com/YourFBPage" tab ="sự kiện"]

Đừng để quên sử dụng URL trang Facebook của riêng bạn trong shortcode.

Mã ngắn này sẽ hiển thị plugin Trang Facebook chỉ bằng tab Sự kiện của bạn. Bây giờ bạn có thể truy cập trang web của bạn để xem nó trong hành động.

Bạn cũng có thể thêm shortcode vào một widget văn bản. Nhưng trước khi bạn làm điều đó, bạn sẽ cần phải bật mã ngắn cho các tiện ích thanh bên.

Thêm một sự kiện không được tạo bởi một trang hoặc nhóm Facebook

Một số người dùng có thể cần chia sẻ một sự kiện Facebook được tạo bởi hồ sơ cá nhân của họ. Những sự kiện này không được liên kết với một trang. Dưới đây là cách bạn sẽ hiển thị chúng bằng tính năng nhúng tùy chỉnh của plugin.

Thay vì sử dụng shortcode plugin trang Facebook, bạn sẽ cần sử dụng shortcode nhúng tùy chỉnh như thế này:

[facebook https://www.facebook.com/events/1796069560608519/]

Thay thế URL trong shortcode bằng URL của Sự kiện Facebook của bạn.

Bây giờ bạn có thể xem trước trang web của mình để xem các sự kiện Facebook được nhúng trong hành động.

Thêm một sự kiện Facebook duy nhất trong WordPress

Phương pháp 3: Hiển thị Lịch sự kiện trên Facebook bằng Widget

Phương pháp này cho phép bạn tìm nạp các sự kiện trên Facebook cho một nhóm hoặc trang và hiển thị chúng trong tiện ích thanh bên WordPress của bạn.

Người dùng có thể xem lịch sự kiện Facebook của bạn với ngày và có thể nhấp để xem hoặc tham gia một sự kiện. Bạn có thể tùy chỉnh sự xuất hiện của các sự kiện bằng CSS.

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Facebook Events Widget. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Khi kích hoạt, bạn cần truy cập vào Ngoại hình »Widgets trang và thêm Tiện ích sự kiện Facebook vào một thanh bên. Để biết thêm chi tiết, hãy xem hướng dẫn của chúng tôi về cách thêm và sử dụng các tiện ích trong WordPress.

Cài đặt widget sự kiện của Facebook

Tiện ích yêu cầu bạn nhập ID trang Facebook của bạn. Bạn có thể lấy ID của trang Facebook của mình bằng công cụ trực tuyến này. Chỉ cần nhập url trang Facebook của bạn và nó sẽ cho bạn ID.

Tiếp theo, bạn cần nhập ID ứng dụng và khóa bí mật.

Bạn có thể có được các khóa này bằng cách truy cập trang web của Nhà phát triển Facebook và tạo một ứng dụng mới.

Tạo một ứng dụng Facebook mới

Điều này sẽ đưa ra một cửa sổ bật lên nơi bạn sẽ được yêu cầu cung cấp tên cho ứng dụng của mình và chọn một danh mục.

Cung cấp tên cho ứng dụng của bạn và chọn danh mục

Nhấp vào nút tạo ID ứng dụng để tiếp tục.

Bây giờ Facebook sẽ tạo ứng dụng của bạn và bạn sẽ được chuyển hướng đến bảng điều khiển ứng dụng. Nhấp vào liên kết cài đặt từ menu bên trái của bạn để xem các phím ứng dụng của bạn.

Sao chép ID ứng dụng và khóa bí mật của bạn

Bây giờ bạn sẽ thấy khóa ID ứng dụng và khóa bí mật ứng dụng của bạn sẽ bị ẩn và bạn sẽ cần nhấp vào nút hiển thị để sao chép nó.

Dán ID ứng dụng và các khóa bí mật trong cài đặt tiện ích và nhấp vào nút lưu.

Bạn sẽ nhận thấy rằng các cài đặt tiện ích bây giờ sẽ hiển thị cho bạn một nút mới bên dưới trường mã thông báo truy cập.

Mã thông báo truy cập Facebook

Tuy nhiên, để có được mã thông báo truy cập, bạn sẽ cần thêm URL trang web của mình vào ứng dụng Facebook.

Trong trang cài đặt ứng dụng Facebook của bạn, cuộn xuống một chút và sau đó nhấp vào nút thêm nền tảng.

Thêm nền tảng vào ứng dụng Facebook của bạn

Điều này sẽ xuất hiện một cửa sổ bật lên hiển thị các nền tảng khác nhau nơi bạn có thể sử dụng ứng dụng. Bạn cần chọn ‘Website.

Chọn trang web làm nền tảng

Tiếp theo, bạn cần thêm URL trang web của mình vào trường url của trang web và nhấp vào nút lưu thay đổi.

Thêm URL trang web của bạn

Bây giờ bạn có thể chuyển về cài đặt tiện ích và nhấp vào nút Nhận mã thông báo truy cập. Điều này sẽ đưa bạn đến trang web Facebook nơi bạn sẽ được yêu cầu cấp quyền cho ứng dụng truy cập hồ sơ của bạn.

Cho phép ứng dụng

Sau đó, bạn sẽ được chuyển hướng trở lại trang cài đặt widget. Đừng quên bấm vào nút lưu để lưu cài đặt widget của bạn.

Bây giờ bạn có thể truy cập trang web của mình để xem tiện ích sự kiện Facebook đang hoạt động.

Các sự kiện của Facebook trong tiện ích thanh bên WordPress

Tiện ích sự kiện của Facebook đi kèm với biểu định kiểu cơ bản có thể không phù hợp với màu sắc chủ đề của bạn. Bạn sẽ cần sử dụng công cụ kiểm tra để xem các lớp CSS được tạo bởi plugin và sau đó sử dụng các lớp đó để thay đổi giao diện của các sự kiện. Xem hướng dẫn của chúng tôi về cách thêm CSS tùy chỉnh trong WordPress.

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách hiển thị Sự kiện trên Facebook trên WordPress. Bạn cũng có thể muốn xem danh sách 10 mẹo và hướng dẫn tốt nhất của Facebook dành cho người dùng WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me