Chào các bạn, hôm nay mình xin chia sẻ với các bạn cách làm thế nào để thêm những nút chia sẻ lên mạng xã hội vào bài viết thông qua gói mở rộng Sassy Social Share nhé.

sassy social share - thêm nút chia sẻ mạng xã hội vào bài viết

Trước khi mình đi vào chi tiết, mình sẽ cho các bạn xem thành quả sau cùng để các bạn dễ hình dung nhé. Các bạn thấy những nút chia sẻ trên Facebook, Google+ và Twitter sẽ hiện ra như thế này. Và bên cạnh trái của màn hình cũng có một dãy nút, mình gọi đó là floating buttons.

sassy social share 0- web cho mọi người

Đầu tiên các bạn cài đặt và kích hoạt gói mở rộng có tên là Sassy Social Share. Cách thức cài đặt và kích hoạt một gói mở rộng như thế nào mời bạn tham khảo chi tiết ở bài viết này nhé.

sassy social share 1- web cho mọi người

Sau khi cài đặt và kích hoạt xong, trong màn hình quản trị, bạn sẽ thấy có một menu tên là Sassy Social Share. Bạn bấm vào menu đó và màn hình cấu hình sẽ hiện ra như sau.

sassy social share 2- web cho mọi người

Các bạn thấy hiện tại mình đang ở tab tên là Theme Selection, trong tab này các bạn chú ý những tham số như sau, còn những phần khác các bạn cứ để mặc định nhé

Shape – hình dáng của nút chia sẻ, có ba lựa chọn cho bạn đó là tròn, vuông, và chữ nhật.

Size – kích thước của nút, bạn có thể để là 35

Counter Position – bạn chọn Inner Right để con số hiển thị những lượt chia sẻ sẽ nằm bên trong và phía phải của nút bấm

Các bạn cuộn tiếp xuống phía dưới sẽ thấy tiếp một phần nữa cũng tương tự như vậy

sassy social share 3- web cho mọi người

Đây là phần tùy chỉnh cho dãy nút chia sẻ mà sẽ hiện ra ở cạnh bên trái hay bên phải của bài viết. Bạn có thể chọn giống như tùy chỉnh ở phía trên. Sau đó nhớ bấm nút Save Changes trước khi đi qua tab mới nhé.

Tiếp theo mình sẽ qua tab Standard Interface. Đây là phần tùy chỉnh cho những nút nằm dưới tiêu đề bài viết.

sassy social share 4- web cho mọi người

Bạn sẽ chọn những tham số sau

Enable Standard sharing – bạn check vào đây

Target Url – bạn chọn cái đầu tiên

Tiếp theo bạn check vào những mạng xã hội mà bạn muốn hiện lên nút chia sẻ trong bài viết, có rất nhiều mạng xã hội cho bạn lựa chọn. Ở đây mình chỉ chọn 3 mạng xã hội chính thôi đó là Facebook, Google+ và Twitter thôi. Bạn có thể chọn thêm bao nhiêu tùy thích nhé.

Bạn cuộn xuống tiếp phỉa dưới sẽ thấy những tùy chọn như sau

sassy social share 5- web cho mọi người

Horizontal alignment – bạn chọn là Left, các nút sẽ canh lề bên trái

Position with respect to content – vị trí bạn muốn những nút này hiện ra trong bài viết, mình muốn hiện cả phía trên và dưới cuối bài viết nên check vào cả hai tùy chọn

Placement – bạn muốn nơi nào sẽ xuất hiện những nút chia sẻ này, ở đây mình chỉ chọn là Posts vì mình chỉ muốn hiển thị trên bài viết thôi. Nếu bạn muốn hiển thị trên trang thì check vào Pages nhé

Show share counts – nếu bạn muốn hiện lên số lượt người đã chia sẻ bài của bạn thì chọn vào đây

Show total shares – hiện lên tổng số lượt chia sẻ trên tất cả các mạng xã hội

Enable ‘More’ icon – nếu bạn check vào đây thì sẽ có một nút tên là More, cho phép hiện ra tất cả các mạng xã hội còn lại. Ở đây mình để trống không check vào

Và bạn đừng quên nhấn vào nút Save Changes nhé.

Các bạn qua tiếp tab Floating Interface và cũng cấu hình tương tự như vậy nhé. Và thành quả cuối cùng sẽ trông như thế này đây.

Đây là những nút chia sẻ xuất hiện trên bài viết

sassy social share 8- web cho mọi người

Và đây là những nút chia sẻ bên cạnh của màn hình (mình gọi là floating buttons)

sassy social share 9- web cho mọi người

Chúc các bạn thành công nhé. Cảm ơn bạn đã theo dõi bài viết, hẹn gặp lại các bạn trong những bài tiếp theo.

 

— Phạm Hữu Hiền