Tạo nút share facebook cho website

  -  

Bài viết này sẽ hướng dẫn bạn tạo nút like và nút share của Facebook vào cuối mỗi bài viết trong trang WordPress một cách tự động mà không cần phải tải plugin. Tất cả những gì bạn cần làm là copy paste code.

Bạn đang xem: Tạo nút share facebook cho website


Trước khi chèn nút like và nút share Facebook vào WordPress thì cần chuẩn bị gì?

Trước khi đọc tiếp bài viết này, bạn cần phải tích hợp Facebook Javascript SDK vào WordPress và tìm hook cho vị trí ở cuối bài viết của theme bạn đang sử dụng.

Các theme phổ biến hiện nay (Astra, GeneratePress, OceanWP, Genesis, …) đều hỗ trợ web designer/developer tích hợp thêm các tính năng khác cho theme bằng hook. Thêm nút like share của Facebook vào bài viết là một ví dụ cho việc sử dụng hook để thêm tính năng cho WordPress.

Ví dụ như bạn đang sử dụng theme GeneratePress, dựa theo trang visual hooks do nhà phát triển của theme GeneratePress cung cấp, hook cho vị trí ở cuối bài viết (single post) là generate_after_content.


*

Tùy theo mỗi theme mà hook cho vị trí ở cuối bài viết sẽ khác nhau, bạn có thể search Google với mẫu từ khóa “tên theme + visual hooks guide” hoặc “tên theme + single post visual hooks guide” để tìm hiểu thêm.

Sau đây là một số hook của các theme thông dụng cho vị trí ở cuối bài viết:

Bước 1: Tích hợp Facebook Javascript SDK vào WordPress

Đầu tiên, bạn phải tích hợp code Javascript SDK của Facebook vào WordPress trước thì mới có thể thêm nút like và nút share của Facebook vào WordPress được.

Xem thêm: 555 Hình Ảnh Mưa Buồn Cô Đơn, Lãng Mạn Bạn Gửi Gắm Nỗi Lòng, Những Hình Ảnh Mưa Buồn Đẹp Và Lãng Mạn Nhất

Bước 2: Thêm code tạo nút like share của Facebook trong file functions.php của child theme

Bạn copy và paste code dưới đây vào file functions.php của child theme (đọc hướng dẫn tạo child theme tại đây) để tạo nút like share ở cuối bài viết (tìm hook cho vị trí ở cuối bài viết phù hợp với theme bạn đang sử dụng như đã đề cập ở trên).

/* Add Facebook like share button in single blog post */add_action( "generate_after_content", "bss_facebook_social_plugin" ); // thay generate_after_content bằng hook của theme bạn đang sử dụngfunction bss_facebook_social_plugin() { ?>
Sau khi thêm code xong, bạn truy cập vào trang blog hoặc một bài viết bất kỳ, bạn sẽ thấy nút like và nút share Facebook đã được tạo thành công.


*
Nút like và nút share của Facebook đã được thêm vào cuối bài viết trong WordPress
*
Like bài viết
*
Chia sẻ bài viết

BONUS Bước 2: Chỉ thêm nút like share vào trang bài viết, không thêm vào trang blog archive hoặc các trang khác


*
Trang 404 cũng có nút thích và chia sẻ?

Nếu bạn chỉ muốn thêm nút like và nút share của Facebook vào cuối trang bài viết nhưng không muốn thêm chúng vào các trang khác như trang blog archive, trang kết quả tìm kiếm, trang 404,… thì hãy bạn thay thế đoạn code ở bước 2 bằng đoạn code sau.

/* Add Facebook like share button in single blog post */add_action( "generate_after_content", "bss_facebook_social_plugin" ); function bss_facebook_social_plugin() {if (is_single() && !is_404()){ ?>
Như vậy là bạn đã thêm nút like và nút share của Facebook vào bài viết trong WordPress thành công.

Tiếp theo, bạn có thể:


Danh mục Không cần plugin,WordPress Thẻ chèn nút like facebook vào bài viết,chèn nút like facebook vào wordpress,chèn nút like share facebook vào wordpress không cần plugin,tạo nút like facebook cho bài viết trong wordpress,tạo nút share facebook cho bài viết trong wordpressĐiều hướng bài viết

Viết một bình luận Hủy

Bình luận

TênThư điện tửTrang web

Lưu tên của tôi, email, và trang web trong trình duyệt này cho lần bình luận kế tiếp của tôi.

Xem thêm: Làm Thế Nào Để Được Nhiều Like Trên Facebook (Kèm Ảnh), Cách Để Có Nhiều Like Trên Facebook


Blog này được tạo ra để nhắc bạn SEO thật ra rất đơn giản. SEO chính là trải nghiệm người dùng (UX) và Content. Tối ưu UX và cung cấp Content hữu ích cho khách truy cập chính là tối ưu SEO.