Tạo nút chia sẻ mạng xã hội siêu nhẹ cho WordPress, không chứa JavaScript và jQuery.
Từ trước đến nay, tôi chỉ quen dùng 2 plugin là Jetpack và Genesis Simple Share để tạo các nút chia sẻ mạng xã hội trên blog WP Căn bản. Tuy nhiên, áp lực từ việc Google giới thiệu thuật toán xếp hạng trải nghiệm trang đã khiến cho tôi phải tìm ra một giải pháp mới nhằm giảm page-size và số lượng truy vấn HTTP xuống mức thấp nhất có thể. Sau một thời gian dài nghiên cứu và thử nghiệm, tham khảo nhiều nguồn tư liệu khác nhau, cuối cùng tôi cũng đã phát triển được một plugin tạo nút chia sẻ mạng xã hội siêu nhẹ, gần như không gây ảnh hưởng tới tốc độ load của website. Nó được đặt tên là WPCB Social Share Buttons.
Tham khảo thêm:
- Những plugin chia sẻ mạng xã hội nhẹ nhất dành cho WordPress
- 5 Plugins giúp tự động chia sẻ bài viết lên mạng xã hội
Tại sao nên chọn WPCB Social Share Buttons?
- Hoàn toàn miễn phí cho các khách hàng đang sử dụng dịch vụ WordPress Hosting và theme Paradise của WP Căn bản.
- Thiết lập vô cùng đơn giản. Giao diện trực quan.
- Siêu nhẹ, tổng dung lượng plugin chỉ khoảng 10KB khi nén zip và 15KB khi giải nén. Plugin chỉ tải 1 file icon font (woff2) có dung lượng gần 3KB và 1 file stylesheet (css) có dung lượng gần 2KB vào giao diện website của bạn. Như vậy, page-size chỉ nặng thêm chưa đến 5KB khi sử dụng plugin.
- Hoàn toàn không cần tới JavaScript và jQuery như những plugin chia sẻ mạng xã hội khác. Điều này sẽ giúp bạn giảm được một lượng kha khá truy vấn HTTP.
- Hỗ trợ 3 mạng xã hội phổ biến nhất là Facebook, Twitter, LinkedIn.
- Cho phép chèn nút chia sẻ mạng xã hội vào cuối các bài viết và sản phẩm (WooCommerce).
- Tương thích tốt với các plugin tạo cache và nén dữ liệu tĩnh như LiteSpeed Cache, WP Rocket, Autoptimize…
- Hiển thị tuyệt vời trên mọi kích thước màn hình.
- Đang được phát triển và duy trì bởi WP Căn bản.
Tạo nút chia sẻ mạng xã hội siêu nhẹ
1. Đầu tiên, các bạn cần phải cài đặt và kích hoạt plugin WPCB Social Share Buttons:
- Đối với khách hàng mua dịch vụ WordPress Hosting: download. Lưu ý, điều này chỉ được áp dụng cho các đơn hàng mua mới hoặc gia hạn host từ ngày 26/06/2022 do WooCommerce không thể cấp quyền download phát sinh cho các đơn hàng cũ. Rất mong các bạn thông cảm!
- Đối với khách hàng đang sử dụng theme Paradise: vui lòng cập nhật theme lên phiên bản 6.0.3 (phát hành ngày 25/06/2022) hoặc mới hơn. Sau đó, truy cập Appearance (Giao diện) => Cài đặt các plugin để cài đặt và kích hoạt.
2. Tiếp theo, truy cập Settings => Social Share Buttons. Tại đây, các bạn sẽ thấy giao diện thiết lập như sau:
Trong đó:
- Tick vào mục Activate để kích hoạt nó.
- Choose icons: lựa chọn các mạng xã hội mà bạn muốn sử dụng.
- Twitter username: điền tên người dùng Twitter của bạn vào đây nếu có (không bao gồm @).
- Add nofollow: thêm thẻ
rel="nofollow"
vào link chia sẻ.
Sau khi thiết lập, click vào nút Save Changes để lưu lại.
3. Xóa cache website (nếu có) và cache trình duyệt rồi kiểm tra kết quả. Nó sẽ trông giống như thế này:
- Trên desktop:
- Trên mobile:
Các bạn cũng có thể thấy nó ở cuối các bài viết trên blog WP Căn bản. Thật tuyệt vời phải không nào? Chúc các bạn thành công!
Bạn đang dùng plugin nào để tạo nút chia sẻ mạng xã hội trên website WordPress của mình? Theo bạn, nó nhẹ hay nặng? Bạn có cảm thấy hài lòng với nó không? Hãy cho chúng tôi biết ý kiến của bạn thông qua khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
Còn bên mình thậm chí còn không dùng plugin mà dùng code luôn cho nhẹ!
<a class="btn btn-social-icon btn-facebook" href="#" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=‘, ‘FacebookShare’, ‘width=570,height=350’); return false;” rel=”nofollow”>Chia sẻ facebook
<a class="btn btn-social-icon btn-twitter" href="#" onclick="window.open('https://twitter.com/share?text=:&url=‘, ‘twitterShare’, ‘width=600,height=250’); return false;” rel=”nofollow”>Twitter
<a class="btn btn-social-icon btn-linkedin" href="#" onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url=&title=&source=hocluat.vn‘, ‘linkedinShare’, ‘width=750,height=550’); return false;” rel=”nofollow”>Linkedin
<a class="btn btn-social-icon btn-pinterest" href="#" onclick="window.open('https://www.pinterest.com/pin/create/link/?url=&media=&description=‘, ‘pinterestShare’, ‘width=750,height=550’); return false;” rel=”nofollow”target=”_blank”>Pinterest
Còn thiếu CSS nữa. :D
Chào bác. Qua nắm thông tin được biết bác người Nghệ An. E cũng người Nghệ An. Bác cho e hỏi năm 2021 việc cmt blog chèn từ khóa về blog còn hiệu quả cho SEO ko ah
Mình thấy bạn vẫn chèn đấy thôi. Nếu không hiệu quả thì bạn chèn làm gì? :P
Thì thừa hơn thiếu mà bác. Nếu mà hiệu quả thì đi cmt dạo các blog lớn để kiếm backlink
Vẫn hiệu quả nhé.
OK bác, Vậy chắc sẽ đi lọc 1 số blog rank thấp đi cmt làm đa dạng backlink.
Plugin này khá hay. Trước đây mình cũng cũng loay với việc tìm plugin để tạo nút chia sẻ trên mạng xã hội. Thật may vì biết đến blog của bạn. Những kiến thức đơn giản mà rất thực tế..
Cảm ơn AD nhiều ạ, plugin không ảnh hưởng đến tốc độ website và hoạt động rất tốt ạ!
Cám ơn AD nhiều nhé,chia sẽ rất hữu ích, mình sẽ sử dụng plugin này cho website của mình