Chèn code vào bất cứ vị trí nào trên Genesis Framework

Chèn code vào bất cứ vị trí nào trên Genesis Framework và Genesis child theme.

Nếu bạn đang tìm cách để chèn một đoạn văn bản, hình ảnh, code quảng cáo, code PHP, code JS, shortcode… vào một vị trí bất kỳ trên website sử dụng Genesis Framework và Genesis child theme (bao gồm cả Paradise child theme) thì bài viết này là dành cho bạn. Với sự trợ giúp của một plugin chuyên dụng có tên là Genesis Simple Hooks, các bạn có thể chèn code vào bất cứ vị trí nào mong muốn (chẳng hạn như đầu bài viết, cuối bài viết, trước logo, sau logo, trong phần bình luận…) mà không cần phải là một người am hiểu về kỹ thuật.

Tham khảo thêm:

• Chèn code vào header và footer của website WordPress
• Chèn code PHP vào WordPress với plugin Code Snippets

Xác định vị trí trên giao diện website

Để biết từng hook cụ thể tương ứng với vị trí nào trên website, các bạn có thể truy cập vào trang Visual Hook Guide. Tại đây, các bạn sẽ thấy giao diện trông tương tự như hình bên dưới.

Hãy xem qua một lượt để xác định tên của hook cần sử dụng thông qua vị trí của chúng. Ví dụ nếu bạn muốn chèn code vào cuối bài viết, bạn có thể chọn hook genesis_entry_footer.

Chèn code bằng plugin Genesis Simple Hooks

1. Đầu tiên, hãy cài đặt và kích hoạt plugin Genesis Simple Hooks (download).

2. Truy cập Genesis => Simple Hooks, các bạn sẽ thấy giao diện giống như hình bên dưới. Chúng được chia ra các phần: WordPress Hooks, Document Hooks, Header Hooks, Content Hooks, Loop Hooks, Entry Hooks, Comment Hooks, Sidebar Hooks và Footer Hooks.

Hãy tìm tên hook tương ứng mà bạn muốn sử dụng và chèn code vào khung. Một số hook có thể không xuất hiện trong Visual Hook Guide. Tuy nhiên, các bạn có thể đọc phần mô tả để biết vị trí của chúng.

Trong đó:

• Execute Shortcodes on this hook: tick vào mục này nếu bạn chèn shortcode.
• Execute PHP on this hook: tick vào mục này nếu bạn chèn code PHP.

Bỏ trống cả 2 mục trên nếu bạn chèn chỉ code HTML, CSS, JS, văn bản, hình ảnh… đơn thuần.

Sau khi chèn xong, click vào nút Save Changes để lưu lại. Xóa cache website (nếu có) và kiểm tra kết quả. Thật đơn giản phải không nào? Chúc các bạn thành công!

Ngoài ra, các bạn cũng có thể sử dụng plugin Genesis Simple Hooks để tắt bỏ (unhook) một số tính năng của Genesis Framework thay vì chèn thêm.

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. :)