WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat

hosting-tot-nhat-danh-cho-wordpress

Tạo nút chia sẻ mạng xã hội siêu nhẹ cho WordPress

Trung Hiếu 52 Bình luận

Mục lục Hiện

Tạo nút chia sẻ mạng xã hội siêu nhẹ cho WordPress, không chứa JavaScript và jQuery.

tao-nut-chia-se-mang-xa-hoi-sieu-nhe-cho-wordpress

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:

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 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 17KB khi nén zip và 34KB 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 4KB (chưa nén) vào giao diện website của bạn. Như vậy, page-size chỉ nặng thêm chưa đến 7KB (chưa nén) 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, trang, sản phẩm (WooCommerce) và các loại bài viết tùy chỉnh khác.
  • 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.
  • Hỗ trợ file ngôn ngữ, đã dịch sẵn (100%) 2 ngôn ngữ là tiếng Anh và tiếng Việt, thay đổi theo ngôn ngữ website của bạn.
  • Đ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ẹ

Plugin chỉ hoạt động với theme Paradise. Nếu bạn chuyển qua theme khác, plugin sẽ tự động bị ngừng kích hoạt. Hãy đảm bảo bạn đã kích hoạt bản quyền của theme.

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. Vui lòng cập nhật theme Paradise lên phiên bản mới nhất. Sau đó, truy cập Giao diện => Cài đặt các plugin để cài đặt và kích hoạt.

cai-dat-plugin-wpcb-social-share-buttons-trong-theme-paradise

Nếu website của bạn đã cài đặt plugin này trước đó, hãy xóa nó đi và tiến hành cài đặt lại để đảm bảo phiên bản plugin là mới nhất.

2. Tiếp theo, truy cập Cài đặt => Social Share Buttons. Tại đây, các bạn sẽ thấy giao diện thiết lập như sau:

thiet-lap-plugin-wpcb-social-share-buttons

Trong đó:

  • Tick vào mục Kích hoạt để kích hoạt nó.
  • Lựa chọn biểu tượng: lựa chọn các mạng xã hội mà bạn muốn sử dụng.
  • Hiện trên loại bài viết: lựa chọn các loại bài viết mà bạn muốn hiển thị nút chia sẻ.
  • Tên người dùng Twitter: điền tên người dùng Twitter của bạn vào đây nếu có (không bao gồm @).
  • Thêm thẻ nofollow: thêm thẻ rel="nofollow" vào link chia sẻ.

Sau khi thiết lập, click vào nút Lưu thiết lập để 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:

wpcb-social-share-buttons-desktop

  • Trên mobile:

wpcb-social-share-buttons-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. :)

Bài viết liên quan

Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản
Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản
Tính năng Crawl Optimization của plugin Yoast SEO
Tính năng Crawl Optimization của plugin Yoast SEO
Vô hiệu hóa WooCommerce Brands để tăng tốc độ
Vô hiệu hóa WooCommerce Brands để tăng tốc độ

Reader Interactions

Bình luận

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

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

    • Nút đó thì cần phải có JS mới hoạt động được. Mà định hướng của mình là không sử dụng JS nên yêu cầu của bạn e là không thể trở thành hiện thực được. 😅

      Bình luận

  2. Dùng cái này thấy chia sẻ rất nhanh.
    Nhưng anh không thấy có tùy chọn bỏ nút share ở 1 số post hoặc chỉ cho hiển thị ở post hoặc page.
    Có cách nào bỏ nút đó ở 1 số bài viết không Hiếu.

    Bình luận

  3. Bác cho xin đường link tải plugin này được không, mình tìm WPCB Social Share Buttons mà ko thấy đúng.

    Bình luận

    • Plugin này chỉ dành cho khách hàng mua host hoặc mua theme của bên mình thôi bạn. Khách hàng đã mua host hoặc theme thì vui lòng đăng nhập tài khoản trên shop.wpcanban.com để download nhé.

      Bình luận

      • đã mua 3 gói host mà đăng nhập trang shop can ban lại báo lỗi, admin giấu plugin kỹ quá

        Bình luận

        • Lỗi gì bạn nhỉ? Các gói host của bạn còn thời hạn sử dụng không? Mỗi gói host có thời hạn sử dụng 1 năm nên link download cũng chỉ có giá trị trong vòng 1 năm thôi. Nếu bạn vẫn đang dùng host của bên mình mà không download được file thì vui lòng gửi giúp mình thông tin đăng nhập tài khoản khách hàng qua email admin@wpcanban.com hoặc Facebook Messenger để được hỗ trợ nhé.

          Bình luận

  8. 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ế..

    Bình luận

  9. 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

    Bình luận

  10. 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"><span class="fa fa-facebook"></span><span class="text">Chia sẻ facebook</span></a>
<a class="btn btn-social-icon btn-twitter" href="#" onclick="window.open('https://twitter.com/share?text=:&amp;url=', 'twitterShare', 'width=600,height=250'); return false;" rel="nofollow"><span class="fa fa-twitter"></span><span class="text">Twitter</span></a>
<a class="btn btn-social-icon btn-linkedin" href="#" onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&amp;url=&amp;title=&amp;source=hocluat.vn', 'linkedinShare', 'width=750,height=550'); return false;" rel="nofollow"><span class="fa fa-linkedin"></span><span class="text">Linkedin</span></a>
<a class="btn btn-social-icon btn-pinterest" href="#" onclick="window.open('https://www.pinterest.com/pin/create/link/?url=&amp;media=&amp;description=', 'pinterestShare', 'width=750,height=550); return false;" rel="nofollow"target="_blank"><span class="fa fa-pinterest"></span><span class="text">Pinterest</span></a>
    Bình luận
1 2 3

Footer

Bài viết mới nhất

Bình luận mới nhất

Thống kê WP Căn bản

9 Chuyên mục - 998 Bài viết - 35.494 Bình luận