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. :)
Thanks hiếu, trước giờ mình xài jetpack mà nó nặng siêu siêu nặng, chắc đây là phương án thay thế tốt nhất rồi
Thử cái này đi bạn, thấy sự khác biệt ngay.
Cái này mình cài rồi, có một vấn đề là nó không có shortcode. mặc định nó chèn ở cuối bài viết
Cuối bài viết mình có giới thiệu thêm 1 plugin với mức độ tùy biến cao hơn đấy. :P
Tks bác, để mình thử. Xài cái kia mặc định ở cuối bài viết rất khổ, mình cần cả trên cả dưới như jnew theme
Chèn càng nhiều nút thì càng nặng thôi. :P
Mình thì chỉ chèn vào đầu bài viết thôi.
Chèn vào cuối bài viết hợp lý hơn chứ nhỉ? Đọc bài xong thấy hay thì mới share được chứ. :v
Plugin mới bác nhỉ, em thấy mới có 800+ lượt cài đặt
Plugin không mới lắm, nó được phát hành từ 17 tháng trước rồi, nhưng rất ít người biết đến. Hầu hết mọi người lựa chọn 1 plugin chia sẻ mạng xã hội nào đó chỉ vì nó đẹp và được nhiều người sử dụng trước đó thôi. :D
thank bác. trước toàn đi dùng mấy thằng thiệt là nặng
Cái theme nó có sẵn rồi thì có nên bỏvaf cài plugin này ko nhỉ. Vì trong theme xài thấy cũng nhẹ. Bữa có xài Monarch đẹp thì đẹp có nhiều option nên hơi nặng
Test thử đi. Cái nào nhẹ hơn thì dùng cái đó. :P
Trong khi e vừa comment thì e đã test plugin. Nhẹ nhưng lượt bỏ plugin sẽ tốt hơn. Nhưng hình như site a bị lỗi cache hay gì ấy. E click vào phản hồi trong email để rep comment. Nhưng mục bình luận rep chỉ có mỗi trường nhập email a à. Có ai bị giống mình phản hồi lại comment này nhé
Vụ khung bình luận chắc liên quan đến tính năng ESI của plugin LiteSpeed Cache. Mình vừa tắt nó đi rồi, bạn test lại thử xem hết lỗi chưa nhé.
Chào anh Hiếu, em thấy social Warfare cũng khá nhẹ đấy ạ. Không biết anh đánh giá cái nào tốt hơn nhỉ?
Bạn có thể thử cài lần lượt từng plugin rồi sử dụng các công cụ test tốc độ để xem kết quả mà. Kiểm tra xem page-size, số lượng request và thời gian tải trang giảm được bao nhiêu là biết cần lựa chọn plugin nào ngay.
Theme Paradise của bạn Hiếu có rồi mà chắc là nhẹ nên thôi ko cần thử nhỉ.
Mình chèn cả đầu cả cuối mục đích cho đẹp nhưng giờ đọc bài này thì bỏ luôn jetpack rồi
Ý bạn là Genesis Simple Share ấy hả? Nên thay bằng plugin mình giới thiệu trong bài viết nhé, nhẹ hơn khá nhiều đấy. :P
Ơ đúng rồi, hóa ra là plugin à :)). Vậy để mình thay luôn. Tks Hiếu!
Cám ơn bác đã chia sẻ ạ, trước giờ em toàn dùng Share this, nặng thôi rồi luôn ạ.
Trước mình cũng có dùng plugin này với theme GeneratePress, cảm thấy rất nhẹ. Có điều không hỗ trợ nhiều mạng xã hội khi Share. Add this vẫn “đông đảo” nhất nhưng nặng. Hiện tại mình đang dùng theme Pixwell có tích hợp sẵn, cảm thấy cũng khá ổn.
Thank ad, trước tôi dùng jetpack load web như rùa.
Mình đang dùng plugin Jetpack trên web đây, có load như rùa đâu nhỉ? :D Quan trọng là biết cách tối ưu thôi. :P
Em cài mãi mà chưa được :((
Bạn gặp vướng mắc ở bước nào nhỉ?
Plugin này bị gỡ rồi bạn ơi, mới được giới thiệu plugin Social Snap, dùng xong hài lòng thực sự: Nhẹ, đẹp, tính năng đủ dùng.
Mình vẫn đang dùng bình thường. Để upload bản zip lên share cho anh em có nhu cầu. :P