Thêm biểu tượng cảm xúc giống Facebook vào WordPress

Facebook gần đây đang cho phép người dùng Messenger sử dụng biểu tượng cảm xúc (Reaction) ở từng tin chat trong một chương trình thử nghiệm. Cách hoạt động của nó khá đơn giản, bạn có thể để lại cảm xúc của mình với từng tin riêng để người bên kia biết bạn đang nghĩ gì, tương tự như Slack.

Các biểu tượng được phép áp dụng giống với trên News Feed Facebook, bao gồm vui, yêu thích, ngạc nhiên, buồn, giận dữ… Tương ứng với từng tin nhắn ở Messenger. Chỉ cần bấm vào dấu 3 chấm ở bên cạnh tin nhắn, sau đó lựa biểu tượng mà bạn muốn dùng là được.

Vậy đối với WordPress thì sao? Trong bài viết này, chúng tôi sẽ xem cách thêm các tính năng phản hồi giống như Facebook vào các bài viết trong WordPress. Điều này sẽ cho phép khách truy cập trang web của bạn thể hiện cảm xúc của họ về bài viết của bạn – cho dù họ thích hay vui vẻ, buồn, tức giận, vv Điều này cũng làm tăng sự tương tác của người dùng trên trang web của bạn lên một cấp độ hoàn toàn mới.

Hướng dẫn thêm biểu tượng cảm xúc Facebook vào WordPress

1. Cài đặt và kích hoạt DW Reactions

2. Cấu hình plugin

Tại đây bạn sẽ đến với giao diện cài đặt của DW Reactions trong đó:

Automatically display on the content of each post

• Show reactions button: Hiển thị nút biểu tượng cảm xúc.
  Show reactions count: Hiển thị số lượt cảm xúc.

Mục Positions

• Show the reactions button above the post content: Hiển thị nút biểu tượng cảm xúc trên nội dung bài đăng.
• Show the reactions button below the post content: Hiển thị nút biểu tượng cảm xúc dưới nội dung bài đăng.

Mục Pages

• Show on Homepage: Hiện thị biểu tượng cảm xúc ở trang chủ.
• Show on Archive pages: Hiện thị biểu tượng cảm xúc ở trang lưu trữ.
• Show on all Posts: Hiện thị biểu tượng cảm xúc ở tất cả bài viết.
• Show on all Pages: Hiện thị biểu tượng cảm xúc ở tất cả các trang.

3. Tùy chỉnh biểu tượng cảm xúc

Plugin này cũng cho phép bạn đặt các biểu tượng cảm xúc bằng tay bất cứ nơi nào trong chủ đề của bạn bằng cách chỉnh sửa các file theme trong thư mục child theme wp-content/themes/ bạn có thể đặt nó vào archive.php, single.php, post.php hoặc page.php tùy ý.

Tìm:

Thêm bất cứ nơi nào bên dưới nó:

Nếu bạn không muốn các phản ứng xuất hiện trong mỗi bài viết hoặc trang, không sử dụng mã ở trên. Chỉ cần nhập [reactions] vào bài viết hoặc trang được chọn và nó sẽ nhúng các biểu tượng cảm xúc vào bài viết hoạc trang đó.

Nếu bạn sử dụng nút phản ứng cho bài viết / trang cụ thể, bạn có thể sử dụng mã ngắn này [reactions id=”1″], trong đó 1 là ID của bài viết hoặc trang.

Vậy là chúng ta thêm các biểu tượng cảm xúc vào bài viết wordpress rồi, giờ đây hãy lưu lại những gì bạn làm và quay lại trang chủ ấn F5 để tận hưởng thành quả nào.

Kết quả thêm biểu tượng cảm xúc vào WordPress

 

Lời kết

Trên đây là bài hướng dẫn chèn biểu tượng cảm xúc facebook vào wordpress một cách đơn giản nhất. Hy vọng bài viết này sẽ hữu ích cho bạn. Mọi thắc mắc xin vui lòng liên hệ với tôi ở khung bình luận bên dưới nhé.

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