Cách tạo nút chia sẻ cho GeneratePress không cần dùng Plugin

18/08/2021

Việc tạo nút chia sẻ cho GeneratePress (GP) mà không cần dùng Plugin sẽ giúp cho theme GP trở nên nhẹ hơn. Nhờ vào việc loại bỏ các mã không cần thiết và sử dụng icon SVG chia sẻ sẽ nhẹ hơn rất nhiều so với các định dạng ảnh icon khác.

Vì sao phải tự tạo nút chia sẻ mạng xã hội cho GeneratePress mà không sử dụng Plugin

Vì theme GP không tích hợp sẵn nút chia sẻ mạng xã hội (MXH) như các theme khác. 

Thứ hai là vì khi sử dụng các plugin có nút chia sẻ MXH sẽ làm cho website của bạn trở nên chậm hơn. Và dư thừa khi có một số MXH mình không muốn xài tới lại được tích hợp vào. Nhìn không tin gọn chút nào.

Các đặc tính của nút chia sẻ MXH tự tạo cho GeneratePress

  • Chỉ sử dụng mã PHP, HTML và CSS. 
  • Không có mã JavaScript. 
  • Không có FontAwesome hoặc bất kỳ Tích hợp bên thứ ba nào. 
  • Sử dụng mã nội tuyến SVG siêu nhẹ 
  • Không có yêu cầu thêm tài nguyên khác. 
  • Nhẹ và tương thích với mobile. 
  • Không sợ bị cài theo dõi vì do bạn tự làm. 
  • Chỉ dành cho theme GeneratePress Premium. 
  • Các nút chia sẻ xã hội không làm ảnh hưởng đến tốc độ website.

Yêu cầu trước khi thực hiện

  • Bạn phải có GP Premium 
  • Elements phải được bật trong GP Premium (Bật tại : Appearance > GeneratePress > Elements > Activate )
  • Tắt tính năng chặn edit và thực thi file php cho plugin và theme trên các plugin security như iTheme security (trường hợp này hiếm gặp). 

Các bước thực hiện tự tạo nút chia sẻ cho GeneratePress 

Bước 1: Tạo một Element mới dạng Hook với tên bất kỳ, ví dụ:  Social share button

tạo nút chia sẻ từ hook generatepress

Bước 2: Copy đoạn code dưới đây vào nội dung 

tạo nút chia sẻ  code hook

Link code: https://gist.github.com/extactspeed/44072e442d347c5c7fdbe4610669c7a3

Bước 3: Cấu hình hook như sau: 

tạo nút chia sẻ setting elements

Settings

tạo nút chia sẻ  settings display rules

Display Rules 

Internal Notes: Không cần điền gì hết.

Bước 4: Publish và ra ngoài xem kết quả

nút chia sẻ mãng xã hội

Kết luận

Như vậy là chúng ta đã tự tạo cho mình một nút chia sẻ cho GeneratePress cực kỳ nhẹ và tối ưu, đẹp mắt. Bạn hãy comment bên dưới nếu muốn tùy biến hoặc muốn add thêm các mạng xã hội khác để chia sẻ nhé. 

Xem thêm về những điều cần làm sau khi cài theme GeneratePress ở đây

5 1 vote
Article Rating
Share:
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
menuchevron-upcross-circle
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram