Để chỉnh sửa plugin **Sassy Social Share** nhằm hiển thị các nút chia sẻ mạng xã hội trên trang chủ bên phải của website WordPress, bạn cần thực hiện các bước sau đây. Plugin này cung cấp tùy chọn hiển thị nút chia sẻ ở dạng thanh dọc nổi (vertical floating bar), thường được đặt ở bên trái hoặc bên phải của trang. Dưới đây là hướng dẫn chi tiết:
### Bước 1: Truy cập cài đặt plugin Sassy Social Share
1. Đăng nhập vào **bảng điều khiển WordPress** (wp-admin).
2. Vào menu **Sassy Social Share** (thường xuất hiện trong thanh bên trái sau khi plugin được kích hoạt).
### Bước 2: Kích hoạt thanh dọc nổi (Floating Bar)
1. Trong giao diện cài đặt của plugin, tìm tab hoặc mục có tên **Floating Sharing Interface** (Giao diện chia sẻ nổi) hoặc tương tự.
2. Kích hoạt tùy chọn **Enable Vertical Floating Bar** (Bật thanh dọc nổi) bằng cách chọn ô "Yes" hoặc bật công tắc.
### Bước 3: Đặt vị trí bên phải
1. Trong cùng mục **Floating Sharing Interface**, bạn sẽ thấy tùy chọn để chọn vị trí của thanh nổi:
- **Position**: Chọn **Right** (Bên phải) thay vì "Left" (Bên trái).
2. Một số phiên bản có thể yêu cầu bạn xác định thêm khoảng cách từ mép (offset) hoặc các trang cụ thể để hiển thị. Hãy đảm bảo chọn **Homepage** (Trang chủ) trong phần "Show on" hoặc "Target pages" nếu muốn hiển thị trên trang chủ.
### Bước 4: Tùy chỉnh thêm (nếu cần)
- **Icons**: Chọn các mạng xã hội bạn muốn hiển thị trên thanh nổi (Facebook, Twitter, v.v.).
- **Style**: Điều chỉnh kiểu dáng, màu sắc hoặc kích thước biểu tượng trong mục **Theme** hoặc **Customization** nếu muốn.
- **Hide on Mobile**: Nếu bạn không muốn thanh nổi xuất hiện trên thiết bị di động, hãy tắt tùy chọn này.
### Bước 5: Lưu và kiểm tra
1. Nhấn nút **Save Changes** (Lưu thay đổi) để áp dụng cài đặt.
2. Truy cập trang chủ của website và kiểm tra xem thanh chia sẻ đã xuất hiện ở bên phải chưa. Nếu không thấy, thử xóa bộ nhớ cache của trình duyệt hoặc plugin cache (nếu có).
### Lưu ý quan trọng
- **Phiên bản miễn phí và trả phí**: Tính năng thanh nổi bên phải thường có sẵn trong phiên bản miễn phí của Sassy Social Share, nhưng nếu bạn không thấy tùy chọn này, có thể cần nâng cấp lên bản Pro để mở khóa thêm vị trí hiển thị.
- **Xung đột giao diện**: Nếu thanh nổi không hiển thị đúng vị trí, hãy kiểm tra xem giao diện (theme) hoặc các plugin khác có đang chặn CSS của Sassy Social Share không. Bạn có thể cần thêm CSS tùy chỉnh trong **Appearance > Customize > Additional CSS** để điều chỉnh vị trí chính xác, ví dụ:
```css
.heateor_sss_vertical_sharing {
right: 20px !important;
left: auto !important;
}
```
### Nếu cần chỉnh sửa code
Nếu plugin không cung cấp tùy chọn giao diện để đặt bên phải hoặc bạn muốn tùy chỉnh sâu hơn:
1. Tìm file cấu hình của plugin trong thư mục `wp-content/plugins/sassy-social-share`.
2. Tìm đoạn mã liên quan đến vị trí thanh nổi (thường trong file PHP hoặc CSS như `public/class-sassy-social-share-public.php` hoặc `css/style.css`).
3. Tuy nhiên, mình khuyên bạn nên liên hệ với hỗ trợ của plugin hoặc sử dụng giao diện cài đặt để tránh lỗi không mong muốn.
Hy vọng hướng dẫn này giúp bạn hiển thị Sassy Social Share trên trang chủ bên phải thành công! Nếu cần thêm trợ giúp, hãy cho mình biết nhé.
### Bước 1: Truy cập cài đặt plugin Sassy Social Share
1. Đăng nhập vào **bảng điều khiển WordPress** (wp-admin).
2. Vào menu **Sassy Social Share** (thường xuất hiện trong thanh bên trái sau khi plugin được kích hoạt).
### Bước 2: Kích hoạt thanh dọc nổi (Floating Bar)
1. Trong giao diện cài đặt của plugin, tìm tab hoặc mục có tên **Floating Sharing Interface** (Giao diện chia sẻ nổi) hoặc tương tự.
2. Kích hoạt tùy chọn **Enable Vertical Floating Bar** (Bật thanh dọc nổi) bằng cách chọn ô "Yes" hoặc bật công tắc.
### Bước 3: Đặt vị trí bên phải
1. Trong cùng mục **Floating Sharing Interface**, bạn sẽ thấy tùy chọn để chọn vị trí của thanh nổi:
- **Position**: Chọn **Right** (Bên phải) thay vì "Left" (Bên trái).
2. Một số phiên bản có thể yêu cầu bạn xác định thêm khoảng cách từ mép (offset) hoặc các trang cụ thể để hiển thị. Hãy đảm bảo chọn **Homepage** (Trang chủ) trong phần "Show on" hoặc "Target pages" nếu muốn hiển thị trên trang chủ.
### Bước 4: Tùy chỉnh thêm (nếu cần)
- **Icons**: Chọn các mạng xã hội bạn muốn hiển thị trên thanh nổi (Facebook, Twitter, v.v.).
- **Style**: Điều chỉnh kiểu dáng, màu sắc hoặc kích thước biểu tượng trong mục **Theme** hoặc **Customization** nếu muốn.
- **Hide on Mobile**: Nếu bạn không muốn thanh nổi xuất hiện trên thiết bị di động, hãy tắt tùy chọn này.
### Bước 5: Lưu và kiểm tra
1. Nhấn nút **Save Changes** (Lưu thay đổi) để áp dụng cài đặt.
2. Truy cập trang chủ của website và kiểm tra xem thanh chia sẻ đã xuất hiện ở bên phải chưa. Nếu không thấy, thử xóa bộ nhớ cache của trình duyệt hoặc plugin cache (nếu có).
### Lưu ý quan trọng
- **Phiên bản miễn phí và trả phí**: Tính năng thanh nổi bên phải thường có sẵn trong phiên bản miễn phí của Sassy Social Share, nhưng nếu bạn không thấy tùy chọn này, có thể cần nâng cấp lên bản Pro để mở khóa thêm vị trí hiển thị.
- **Xung đột giao diện**: Nếu thanh nổi không hiển thị đúng vị trí, hãy kiểm tra xem giao diện (theme) hoặc các plugin khác có đang chặn CSS của Sassy Social Share không. Bạn có thể cần thêm CSS tùy chỉnh trong **Appearance > Customize > Additional CSS** để điều chỉnh vị trí chính xác, ví dụ:
```css
.heateor_sss_vertical_sharing {
right: 20px !important;
left: auto !important;
}
```
### Nếu cần chỉnh sửa code
Nếu plugin không cung cấp tùy chọn giao diện để đặt bên phải hoặc bạn muốn tùy chỉnh sâu hơn:
1. Tìm file cấu hình của plugin trong thư mục `wp-content/plugins/sassy-social-share`.
2. Tìm đoạn mã liên quan đến vị trí thanh nổi (thường trong file PHP hoặc CSS như `public/class-sassy-social-share-public.php` hoặc `css/style.css`).
3. Tuy nhiên, mình khuyên bạn nên liên hệ với hỗ trợ của plugin hoặc sử dụng giao diện cài đặt để tránh lỗi không mong muốn.
Hy vọng hướng dẫn này giúp bạn hiển thị Sassy Social Share trên trang chủ bên phải thành công! Nếu cần thêm trợ giúp, hãy cho mình biết nhé.