Với sự phổ biến ngày càng tăng của Twitter, không có gì ngạc nhiên khi ngày càng có nhiều blogger tìm kiếm cách phân phối nội dung của họ thông qua twitter. Với sự ra mắt của Twitter @Anywhere, các blogger hiện được cung cấp một cách dễ dàng để nhúng Twitter @anywhere trên blog của họ và cho phép người đọc của họ đăng nhanh một tweet hoặc theo dõi các blogger mà không cần rời khỏi trang web. Nếu bạn vẫn đang tìm hiểu cách thực hiện, dưới đây là một số cách bạn có thể thực hiện trong WordPress:

Đăng ký khóa API Twitter

Trước khi bạn bắt đầu làm bất cứ điều gì, trước tiên bạn sẽ phải đăng ký một khóa API Twitter tại http://dev.twitter.com/apps. Với khóa API, bạn sẽ có thể nhúng @anywhere của mình trên trang web của mình.

1. Truy cập http://dev.twitter.com/apps. Đăng nhập bằng tên người dùng và mật khẩu Twitter của bạn.

2. Nhấp vào Đăng ký một ứng dụng mới

3. Điền vào mẫu đơn. Bạn có thể cung cấp cho ứng dụng bất kỳ tên nào bạn muốn. Chỉ có một điều cần lưu ý: trong loại Truy cập Mặc định, chọn Đọc và Viết .

4. Khi bạn đã đăng ký ứng dụng của mình, bạn sẽ thấy khóa API của mình trong màn hình tiếp theo. Đó là tất cả những gì bạn cần bây giờ.

WordPress @Anywhere Plugins

Bây giờ bạn đã nhận được khóa API Twitter của mình, hãy xem các plugin có sẵn mà bạn có thể sử dụng để nhúng @anywhere vào trang web của mình.

1. Twitter @Anywhere Plus

Điều này đã trở thành plugin @Anywhere toàn diện nhất trong toàn bộ danh sách. Nó được triển khai tốt và chứa nhiều tính năng nhất. Tất cả những gì bạn cần làm là kích hoạt các tùy chọn cần thiết trong trang Cài đặt và nó sẽ tự động cấu hình chính nó để hiển thị ở đúng nơi.

Các tính năng mà nó hỗ trợ bao gồm:

  • Tự động liên kết: Tất cả văn bản @username sẽ được chuyển thành liên kết Twitter
  • Thẻ di chuột: Thông tin Twitter sẽ bật lên khi bạn di chuột qua liên kết
  • Tweetbox: Gửi tweet ngay từ trang web của bạn. Hữu ích cho tính năng tweet lại.
  • Nút khôi phục
  • Nút theo dõi
  • Chèn hộp tweet tùy chỉnh bằng shortcode
  • Rút ngắn URL - bit.ly

Một điều thiếu trong plugin này là khả năng đặt mã bên ngoài vùng nội dung. Nếu bạn muốn đặt một hộp tweet ở đầu trang, chân trang hoặc thậm chí tiện ích thanh bên, plugin này không cho phép bạn làm như vậy.

Pro : Dễ sử dụng và nó chỉ hoạt động.

Con : Không thể nhúng @Bất cứ ai ở bên ngoài khu vực nội dung.

2. Mọi nơi

Đây là một triển khai rất cơ bản của @Anywhere. Hiện tại, nó chỉ hỗ trợ tự động liên kết, thẻ di chuột và Tweetbox.

Giống như plugin Twitter @Anywhere Plus, bạn có thể tùy chỉnh Tweetbox của mình để xuất hiện trước hoặc sau nội dung. Ngoài ra còn có tùy chọn thủ công cho phép bạn đặt tweetbox ở bất kỳ đâu trong nội dung, nhưng có rất ít tài liệu / hướng dẫn về cách sử dụng nó.

Pro : Đơn giản

Con : Các tính năng giới hạn và thiếu hướng dẫn sử dụng

Cách Hacker - Thêm mã @Anywhere theo cách thủ công

Có nhiều lý do tại sao việc thêm mã Twitter @Anywhere theo cách thủ công là một ý tưởng hay hơn việc sử dụng plugin:

1. Lesser overhead, sử dụng tài nguyên hệ thống ít hơn.

2. Nó rất dễ thực hiện. Ngay cả bất kỳ người mới nào cũng có thể tự làm.

3. Bạn có thể tùy chỉnh nó để xuất hiện bất cứ nơi nào bạn muốn trong trang web. Nó không chỉ giới hạn trong vùng nội dung.

Thêm javascript

Mở tệp functions.php chủ đề của bạn và dán mã sau vào cuối tệp.

 $ api_key = "Thay thế bằng khóa API của bạn"; wp_enqueue_script ("twitter-anywhere", "http://platform.twitter.com/anywhere.js?id={$api_key}&v=1"); add_action ("wp_head", "twitter_anywhere"); chức năng twitter_anywhere () {echo ''; echo 'twttr.anywhere (onAnywhereLoad);'; echo 'function onAnywhereLoad (twitter) {twitter.hovercards (); } '; echo ''; }

Lưu và tải lên máy chủ của bạn. Bạn vừa triển khai tính năng Thẻ di chuột trong trang web của mình.

Để thêm một hộp Tweet, dán mã sau vào vị trí mà bạn muốn hộp Tweet xuất hiện.

Không dễ sao?
Mẹo nhanh: Thêm thẻ di chuột vào biểu tượng Twitter của bạn 
Nếu bạn có biểu tượng Twitter trên trang web của mình, bạn có thể nhúng thẻ di chuột vào đó.
Trong đoạn mã trên, thay thế hàm twitter_anywhere () bằng các mã sau:
 chức năng twitter_anywhere () {echo ''; echo 'twttr.anywhere (onAnywhereLoad);'; echo 'function onAnywhereLoad (twitter) {twitter.hovercards (); twitter ("# hovercard"). hovercards ({tên người dùng: hàm (nút) {return node.title;}}); } '; echo ''; } 
Tiếp theo, thêm thuộc tính id = ”hovercard” và title = ”@ your-twitter-username” vào biểu tượng Twitter của bạn. Nó sẽ giống như
Để biết thêm thông tin, hãy xem tài liệu trên Twitter @Anywhere để biết thêm chi tiết.
Bạn đã nhúng Twitter @Anywhere vào trang web của mình chưa? Nếu có, bạn sử dụng cách nào?