Như các bạn đã biết mới đây WordPress có update phiên bản mới , ảnh hưởng không hề nhỏ tới các Blog website sử dụng nền tảng Wordpres như: Thay đổi hoàn toàn phần viết text văn bản của wordpress , một số plugin không sử dụng bị bị sung đột các file, nhưng trong bài viết này tôi xin nhắc đến vấn đề lỗi đó là : Khung comment của facebook ở mỗi bài viết bị thu hẹp lại, gây khó chịu cho người đọc và trả lời, và làm giao diện blog của chúng ta bị biến dạng nhìn rất xấu

Lỗi khung chát facebook trên wordpress
Lỗi khung chát facebook trên wordpress

Sửa lỗi khung bình luận của facebook trên wordpress bị thu hẹ lại chiều rộng

Như các bạn cũng đã biết sơ qua về nguyên nhân khiến cho khung bình luận facebook trên website wordpress của bạn bị thu hẹ lại rồi. 1 phần là do Facebook update các thuật toán, 2 là có thể do WordPress cũng update phiên bản mới nhất thay đổi hoàn toàn khác biệt.

Và trong bài viết này Kenhshare xin hướng dẫn các bạn khắc phục lỗi hộp comment bình luận facebook bị bé lại , Tôi đã khắc phục trên chính blog này và đã thành công .

Các bạn copy và paste đoạn code CSS bên dưới vào phần tùy chỉnh CSS của website nhé.

Cụ thể như sau:

  • Cách phổ thông nhất: Giao diện > Sửa > Style.css (phổ thông nhất)
  • Đối với theme Flatsome: Giao diện > Tùy chỉnh > Style > Custom CSS > Custom CSS

 

.fb-comments, .fb-comments span, .fb-comments span iframe{
width:100% !important;
display:inline-block !important;
max-width:100% !important
}

Đối với các giao diện mà các bạn không chỉnh sửa trực tiếp ở admin mà phải vào hosting thì hãy làm theo như sau :

  • Các vào trực tiếp hosting: Wp-content/Theme/Tên theme/CSS/style.css 

Sau đó các bạn chỉ cần thêm đoạn code bên trên để thực hiện việc fix lỗi khung comment của facebok vào wordpress bị lỗi.

CHúc các bạn thành công.! nếu hay hãy chia sẻ nó .

Nguồn : Kenhshare.net/ Chuyên mục Wordpess & Lập trình