Tự động thêm nút G+ trong bài viết

Thiết kế website bằng wordpress, đa phần mọi người sử dụng plugin. Đối với chức năng chia sẻ thì plugin add_this khá nổi tiếng và được nhiều người sử dụng.

Nhưng đối với 1 website sử dùng càng nhiều plugin thì website càng nặng, tốc độ truy cập sẽ rất lâu. Để hạn chế việc sử dụng plugin thì ta có thể viết code trực tiếp

Để thêm nút G+ trong bài viết mà không sử dụng plugin việc đầu tiên
- Bạn tìm hiểu code tại link này: https://developers.google.com/+/web/+1button/#configuration
- Viết code wordpress tự động thêm nút G+

add_filter('the_content', 'google_plusone');
function google_plusone($content) {
        $content = $content.'<div class="plusone"><g:plusone size="tall" href="'.get_permalink().'"></g:plusone></div>';
        return $content;
}
add_action ('wp_enqueue_scripts','google_plusone_script');
function google_plusone_script() {
        wp_enqueue_script('google-plusone', 'https://apis.google.com/js/plusone.js', array(), null);
}
Đoạn code trên được chèn trong file funtions.php nhé.

Giải thích xíu hem:
add_action ('wp_enqueue_scripts','google_plusone_script'): Chèn 1 script vào trong head của website (script nút G+)

add_filter('the_content', 'google_plusone'): lọc nội dung trước khi xuất ra màng hình, cụ thể ở đây là chèn 1 đoạn code của nút G+ vào cuối bài viết


Không có nhận xét nào:

Đăng nhận xét