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 hoặc dịch vụ WordPress Hosting 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ẹ: 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. Hơn nữa, tài nguyên chỉ được tải trên các trang có hiển thị nút chia sẻ.
  • 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. Bạn cũng có thể loại trừ những trang không muốn chèn nút chia sẻ thông qua ID bài viết của chúng.
  • 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.

Xem changelog – WPCB Social Share Buttons

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

1. Đầu tiên, bạn cần download plugin WPCB Simple Contact Form. Vui lòng tham gia group WP Căn bản trên Facebook (chỉ dành riêng cho khách hàng) để lấy link download plugin.

Tham gia group WP Căn bản ngay

Đối với trường hợp cài đặt thông qua theme Paradise, hãy đảm bảo bạn đã cập nhật phiên bản mới nhất và kích hoạt bản quyền của theme.

2. Upload, cài đặt và kích hoạt plugin WPCB Simple Contact Form.

cai-dat-va-kich-hoat-plugin-wpcb-social-share-buttons

Plugin chỉ hoạt động trên dịch vụ WordPress Hosting của WP Căn bản hoặc có theme Paradise. Nếu website sử dụng host của nhà cung cấp khác hoặc không có theme Paradise, bạn sẽ không thể kích hoạt được plugin.

Đối với theme Paradise, 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ẻ.
  • Các bạn cũng có thể loại trừ các trang cụ thể thông qua ID bài viết của chúng (kể từ phiên bản 1.6). ID này có thể được tìm thấy trên thanh địa chỉ của trình duyệt web khi bạn chỉnh sửa hoặc đăng tải bài viết. Ví dụ bạn thấy post=2282 trên đường dẫn thì ID bài viết chính là 2282.

vo-hieu-hoa-nut-chia-se-tren-cac-trang-cu-the

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. :)

Đang tải đánh giá...

Bài viết liên quan

Biểu mẫu Jetpack Newsletter cho theme Paradise
Biểu mẫu Jetpack Newsletter cho theme Paradise
Ra mắt plugin Hybrid Object Cache độc quyền tại WP Căn bản
Ra mắt plugin Hybrid 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
Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản

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ình luận mới nhất

Bình luận nhiều nhất

  1. Tịnh Nguyễn Blog (20)
  2. Quang (5)
  3. Ngọc Blue (5)
  4. Lê Tùng (4)
  5. Tuấn Lê (3)
  6. Nutatu (2)
  7. VietHouse (2)
  8. Góc Của Ân (1)

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

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