Hướng Dẫn Khắc Phục Lỗi Thu Hẹp Khung Bình Luận Facebook Trên Website WordPress

Chào mọi người, trong thời gian gần đây, có không ít người dùng gặp phải tình trạng khung bình luận Facebook (Comment Facebook) trên website WordPress bị thu hẹp đáng kể, dẫn đến việc bố cục trang web trở nên không còn hài hòa và mất tính thẩm mỹ. Tại Websiteviet.vn, chúng tôi đã phát hiện và giải quyết thành công vấn đề này cho chính website của mình cũng như nhiều trang web khách hàng. Bài viết này sẽ cung cấp cho bạn giải pháp hiệu quả để khắc phục tình trạng này. Hãy theo dõi nhé!

Nguyên Nhân và Giải Pháp Khắc Phục

Trước tiên, chúng ta hãy cùng tìm hiểu nguyên nhân gây nên lỗi trên. Đáng tiếc là hiện chưa có một lời giải thích chính thức nào cho nguyên nhân này, nhưng không sao, vì chúng tôi đã tìm ra cách để khắc phục hiệu quả.

Thêm Đoạn Code CSS

Để điều chỉnh lại kích thước của khung bình luận Facebook cho phù hợp với bố cục website, bạn chỉ cần thêm đoạn code CSS dưới đây vào trang web của mình. Bạn có thể thực hiện điều này thông qua các bước sau đây tùy thuộc vào giao diện mà bạn đang sử dụng:

  • Giao diện thông thường: Truy cập vào Giao diện > Sửa > Style.css
  • Đối với theme Flatsome: Vào Giao diện > Tùy chỉnh > Style > Custom CSS > Custom CSS

Sau đó, bạn hãy copy và paste đoạn code sau:

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

Lưu Thay Đổi và Kiểm Tra

Sau khi thêm code, đừng quên lưu lại thay đổi và quay lại trang web để kiểm tra xem lỗi đã được khắc phục chưa. Nếu mọi thứ diễn ra suôn sẻ, khung bình luận Facebook sẽ trở lại bình thường và đồng bộ hóa với thiết kế tổng thể của website.

Kết Luận

Việc khung bình luận Facebook bị thu hẹp có thể gây ra nhiều bất tiện và làm giảm tính thẩm mỹ của website. Tuy nhiên, với giải pháp đơn giản trên, hy vọng bạn sẽ nhanh chóng khắc phục được vấn đề này. Nếu cần thêm hỗ trợ, đừng ngần ngại liên hệ với chúng tôi tại Websiteviet.vn để được giải đáp mọi thắc mắc!

Chúc bạn thành công và hãy truy cập website của chúng tôi thường xuyên để cập nhật thêm nhiều mẹo hay ho khác nhé!

5/5 - (1 bình chọn)

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *