Hướng dẫn thêm facebook like button vào wordpresss

Thảo luận trong 'Wordpress' bắt đầu bởi ntphong, 26/5/15.

Hướng dẫn thêm facebook like button vào wordpresss

Wordpress, 26/5/15. Trả lời: 0, Đọc: 933.

ntphong ntphong

Lượt xem: 933

Bạn đang xem:

Hướng dẫn thêm facebook like button vào wordpresss

Coppy cùng chia sẻ nhé bạn!
  1. ntphong

    ntphong Administrator Staff Member

    Tham gia ngày:
    25/12/14
    Bài viết:
    49,740
    Trang chủ:

    Những Cảnh Đẹp Của Việt Nam Qua Góc Nhìn Từ FlyCam PhanTom 3 Professional (Video 4K)

    Bấm Youtube để đăng ký xem video nhé!


    Hầu hết blog, website bây giờ đều có tích hợp các button mạng xã hội như share, like nhằm mục đích quảng bá và tăng tính tương tác với độc giả. Blog visaonho cũng không phải ngoại lệ. Các bạn nhìn xuống dưới cuối bài viết này sẽ thấy có các button như tweet, share, like, g+1. Trong bài viết này mình sẽ hướng dẫn các bạn thêm facebook like button vào trong bài viết, widget hoặc bất kỳ chỗ nào bạn muốn.

    [​IMG]

    Thêm Facebook Like Button vào WordPress không dùng plugin
    Đầu tiên truy cập vào trang Facebook Like Button plugin, kéo thanh cuộn xuống dưới một chút phần Configurator. Ở đây sẽ có các tùy chỉnh dạng button, màu sắc, kích cỡ, bạn tự chọn cho mình một kiểu thích hợp, sẽ có preview ngay ở bên cạnh cho bạn xem trước kiểu button sẽ hiển thị như thế nào.

    [​IMG]

    URL to Like: Điền url site mà bạn muốn like, có thể điền url của page trên facebook.

    Layout Style: Kiểu dáng button, hiện có 3 kiểu button cho bạn lựa chọn.

    Width: Chiều dài button

    Show Faces: Hiển thị mặt hay logo của bạn

    Font: Kiểu chữ

    Color Scheme: Màu sắc, hiện có 2 mầu trắng và đen.

    Sau khi đã tạo một button có vẻ ưng ý, click vào Get Code

    [​IMG]

    Có thể chọn code ở chế độ HTML5, IFRAME để nhúng vào site, ở đây mình chọn IFRAME. Nếu bạn chỉ để like cho mỗi trang chủ thì có thể để nguyên, tuy nhiên nếu bạn đặt button vào từng post thì vấn đề là ở mỗi post URL sẽ khác nhau, không thể đặt thủ công URL cho từng post được. Dưới đây là code giúp bạn làm điều đó.

    1

    <iframe src="//www.facebook.com/plugins/like.php?href=<?php echo get_permalink(); ?>&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;font&amp;colorscheme=light&amp;action=like&amp;height=80&amp;appId=390360307731127" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
    Đoạn code này tương ứng với các lựa chọn ví dụ trong bài, hãy thay đổi các thông số cho phù hợp với bạn.

    Cách nhúng: Để nhúng Button vào post thì đặt code trên vào file single.php, để nhúng vào sidebar thì đặt vào file sidebar.php. Bạn cần có một chút kiến thức nhất định về wordpress thì mới dùng cách này được. Nếu không thạo hãy sử dụng plugin cho an toàn.

    Thêm Facebook Like Button vào WordPress bằng plugin
    Nếu bạn không quen với cách chỉnh sửa code thì có thể dùng plugin cho đơn giản. Có khá nhiều plugin giúp bạn làm việc này, mình đã thử khá nhiều và chọn được một plugin tốt giới thiệu cho các bạn sử dụng đó là WordPress Facebook Like Plugin, sau khi cài đặt và kích hoạt plugin này sẽ tự động thêm một like button dạng chuẩn vào phía dưới bài viết. Nếu muốn thay đổi vị trí và kiểu dáng, vào menu Facebook Like để vào trang cài đặt.

    [​IMG]

    Trang cài đặt khá đơn giản, nó cũng có các lựa chọn tương tự như lựa chọn trên trang facebook like button plugin.

    Để thay đổi vị trí hiển thị chọn Select button placement, có các lựa chọn tương đương là phía dưới bài viết, phía trên bài viết, phía trên bài viết bên trái, phía trên bài viết bên phải, phía dưới bài viết bên trái, phía dưới bài viết bên phải. Sau khi chọn xong click vào Save Facebook Like Button để lưu lại các thay đổi.



    Theo: Visaonho.com
     
    Diễn đàn Ntphong index siêu nhanh!

    Diễn đàn Seo

    Tiêu đề: Hướng dẫn thêm facebook like button vào wordpresss

    Ghi nguồn bài viết www.ntphong.com khi đăng tải lại bài viết này.

  2. Quảng cáo Thành viên VIP


    Những Cảnh Đẹp Của Việt Nam Qua Góc Nhìn Từ FlyCam PhanTom 3 Professional (Video 4K)

    Bấm Youtube để đăng ký xem video nhé!

Similar Threads: Hướng dẫn
Diễn đàn Tiêu đề Ngày
RAO VẶT TOÀN QUỐC Chia sẻ hướng dẫn tiêu chuẩn bàn ghế học sinh tiểu học, thcs Hôm nay lúc 16:05
RAO VẶT MIỀN BẮC Hướng dẫn cách sử dụng đèn led âm nước an toàn Hôm nay lúc 11:11
RAO VẶT TOÀN QUỐC Hướng dẫn chuyển tiền qua dịch vụ western union tại nhật Hôm qua, lúc 14:12
Thủ thuật Seo Hướng dẫn leader lập kế hoạch seo 1 năm Thứ hai lúc 11:17
Kiến thức Onpages - Offpages Hướng dẫn về seo content tốt và seo content xấu Thứ hai lúc 11:15
Kiến thức Onpages - Offpages Hướng dẫn cần thiết để kết nối nội dung internal Thứ hai lúc 10:44
RAO VẶT MIỀN NAM Hướng dẫn sử dụng vỏ xe nâng Thứ hai lúc 10:15
RAO VẶT TOÀN QUỐC Hướng dẫn mua bán pm - perfect money (tháng 5- 2017) Chủ nhật lúc 22:41

Link hữu ích: @@ giàn phơi thông minh, giàn phơi quần áo, giàn phơi quần áo thông minh, giàn phơi quần áo, thùng rác, sim tra sau, giàn phơi thông minh, Toyota camry 2017, Mật Ong Rừng, Mật Ong Rừng Nguyên Chất, @@
=