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ể. Thật may mắn, chỉ sau vài phút sử dụng Google Search, ứng cử viên sáng giá nhất đã xuất hiện. Không nổi tiếng và không được nhiều người sử dụng, nhưng Social Media Share Buttons hoàn toàn đáp ứng được những kỳ vọng của tôi.
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 Social Media Share Buttons?
- Hoàn toàn miễn phí.
- Thiết lập đơn giản.
- Siêu nhẹ, 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 page-size và một lượng kha khá truy vấn HTTP.
- Hỗ trợ các mạng xã hội phổ biến như Facebook, Twitter, LinkedIn, Pinterest, WhatsApp và cả chia sẻ qua email.
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 Social Media Share Buttons.
2. Tiếp theo, truy cập Settings => Social Sharing. Tại đây, các bạn sẽ thấy 2 tab là Inline Sharing và Floating Sharing.
Inline Sharing
Cho phép bạn chèn nút chia sẻ mạng xã hội vào cuối các bài viết.
Trong đó:
- Tick vào mục Activate để kích hoạt nó.
- Share Title: cho phép bạn tùy biến dòng chữ kêu gọi người dùng chia sẻ. Bạn có thể điền bất cứ chữ gì vào đây.
- 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 (không bao gồm @).
- Add Nofollow: thêm thẻ nofollow vào link chia sẻ.
Sau khi thiết lập, click vào nút Save Changes để lưu lại. Xóa cache web (nếu có) và cache trình duyệt rồi kiểm tra kết quả. Nó sẽ trông tương tự như thế này:
Floating Sharing
Cho phép bạn tạo các nút chia sẻ mạng xã hội trượt dọc theo cạnh màn hình.
Trong đó:
- Tick vào mục Activate để kích hoạt nó.
- Choose Icons: lựa chọn mạng xã hội mà bạn muốn sử dụng.
- Top padding: thiết lập khoảng các từ nút chia sẻ đến cạnh trên của trình duyệt web.
- Hide on Mobile: cho phép ẩn các biểu tượng trên trình duyệt web của điện thoại nếu chiều ngang có kích thước nhỏ hơn hoặc bằng kích thước (pixel) được thiết lập trong mục này.
Click vào nút Save Changes để lưu lại các thiết lập. Xóa cache web (nếu có) và cache trình duyệt rồi kiểm tra kết quả. Nó sẽ trông tương tự như thế này:
Với nhu cầu thông thường, chúng tôi khuyên bạn chỉ nên sử dụng tính năng Inline Sharing để tối ưu tốc độ load một cách tốt nhất.
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 subscribe 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 qua email 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ỉ?