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
- 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.
- 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ẹ
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. Đố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.
Đố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.
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:
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:
- 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. :)
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
Em cài mãi mà chưa được :((
Bạn gặp vướng mắc ở bước nào nhỉ?
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
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.
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 ạ.
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á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.
thank bác. trước toàn đi dùng mấy thằng thiệt là nặng
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
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