Cách hiển thị Tweets gần đây trong WordPress với Widget Twitter

Bạn có muốn hiển thị Tweets gần đây của bạn trong WordPress? Tích hợp Twitter vào trang web WordPress của bạn giúp tăng sự tương tác trên cả hai nền tảng.


Khách truy cập blog của bạn khám phá các tweet của bạn giúp bạn có được những người theo dõi mới trên Twitter. Mặt khác, những người theo dõi Twitter của bạn khám phá thêm nội dung của bạn, giúp tăng lưu lượng truy cập vào trang web của bạn.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng hiển thị các tweet gần đây trong WordPress. Chúng tôi cũng sẽ đề cập đến cách hiển thị các tweet chọn lọc trong WordPress.

Cách hiển thị Tweets gần đây trong WordPress

Thêm Tweet gần đây của bạn trong WordPress – Từng bước

Bạn có thể hiển thị các tweet gần đây của mình trong WordPress bằng cách nhúng hồ sơ hoặc dòng thời gian Twitter của bạn.

Giống như thêm video YouTube, WordPress cũng giúp bạn dễ dàng nhúng nội dung Twitter như một tweet, bộ sưu tập, danh sách, lượt thích và khoảnh khắc vào trang web của bạn.

WordPress sử dụng tính năng oEmbed, tự động biến bất kỳ URL nội dung nào thành mã nhúng khi dán trong khu vực nội dung.

Nơi phổ biến nhất để hiển thị các tweet gần đây của bạn thường là thanh bên blog của bạn. Hãy bắt đầu với điều đó.

Thêm Tweet gần đây của bạn vào Thanh bên WordPress của bạn

Đầu tiên, bạn cần tìm và sao chép URL của hồ sơ Twitter mà bạn muốn nhúng. URL hồ sơ Twitter chỉ đơn giản là sự kết hợp của URL trang web Twitter và tên người dùng Twitter của bạn.

Ví dụ: URL hồ sơ Twitter của WPBeginner là https://twitter.com/wpbeginner.

URL hồ sơ Twitter

Tiếp theo, đăng nhập vào bảng điều khiển WordPress của bạn và đi đến Ngoại hình »Widgets trang. Chỉ cần kéo và thả tiện ích văn bản vào thanh bên của bạn và sau đó dán URL hồ sơ Twitter mà bạn đã sao chép trước đó trong vùng văn bản.

Dán URL hồ sơ Twitter vào tiện ích văn bản WordPress

Sau khi hoàn thành, nó sẽ ngay lập tức biến thành tiện ích dòng thời gian Twitter hiển thị Tweets gần đây từ tài khoản cụ thể đó.

Lưu tiện ích Tweet gần đây của bạn trong WordPress

Sau đó, bạn có thể đặt tên cho widget của mình, lưu nó và xem trước nó trực tiếp trên trang web của bạn. Dưới đây, cách thức các tweet gần đây của chúng tôi xuất hiện trên trang web demo của chúng tôi.

Tweets gần đây trong trang web WordPress Demo - Với Text Text

Như bạn có thể thấy trong ảnh chụp màn hình ở trên, phương pháp này thêm các tweet gần đây của bạn vào trong một hộp có thanh trượt dọc. Hộp bao gồm 20 tweet gần đây nhất và nút ‘Tải thêm Tweets Tweets ở cuối.

Nhúng nguồn cấp dữ liệu Twitter trong WordPress với Twitter Xuất bản

Thay thế tính năng tiện ích Twitter, Twitter hiện có tính năng Xuất bản Twitter để nhúng nội dung Twitter vào trang web.

Twitter Publish cho phép bạn dễ dàng tạo mã nhúng cho nhiều loại nội dung Twitter khác nhau, bao gồm tweet, bộ sưu tập, hồ sơ, danh sách, khoảnh khắc, hashtag, v.v..

Twitter Xuất bản để nhúng Tweets vào trang web

Để sử dụng phương pháp này, bạn cần truy cập trang web Xuất bản Twitter và sau đó dán URL hồ sơ Twitter của bạn vào hộp Bạn muốn nhúng gì?.

Nhập URL hồ sơ Twitter trong Twitter Xuất bản

Sau khi hoàn thành, nhấp vào biểu tượng mũi tên.

Sau đó, nó sẽ yêu cầu bạn chọn một tùy chọn hiển thị: Dòng thời gian nhúng hoặc Nút Twitter. Chọn Dòng thời gian được nhúng khi bạn muốn hiển thị dòng thời gian Twitter của mình với các tweet gần đây.

Twitter Xuất bản tùy chọn hiển thị

Khi chọn tùy chọn hiển thị, nó sẽ ngay lập tức tạo mã nhúng cho các tweet gần đây của bạn. Bây giờ bấm vào nút Sao chép mã.

Sao chép mã nhúng Twitter từ Twitter Xuất bản

Tiếp theo, bạn cần phải đi đến Ngoại hình »Widgets từ bảng điều khiển của bạn và thêm tiện ích ’HTML HTML tùy chỉnh vào khu vực thanh bên của bạn. Sau đó, dán mã nhúng mà bạn đã sao chép trước đó vào trường HTML.

Dán mã nhúng hồ sơ Twitter trong tiện ích HTML tùy chỉnh

Sau khi hoàn tất, hãy lưu tiện ích của bạn và xem các tweet gần đây của bạn trực tiếp trên trang web của bạn.

Ở đây, cách thức thức ăn Twitter của chúng tôi trên một trang web thử nghiệm.

Tweets gần đây trong WordPress - Trang web demo

Nhúng Tweet gần đây của bạn vào bài viết trên Blog WordPress

Đôi khi bạn có thể cần phải nhúng dòng thời gian Twitter của mình vào bài đăng trên blog hoặc về trang của bạn.

WordPress đi kèm với một khối nhúng Twitter cho trình chỉnh sửa khối WordPress mới.

Đơn giản chỉ cần tạo một bài viết mới hoặc chỉnh sửa một bài hiện có. Trên màn hình chỉnh sửa bài đăng, thêm khối nhúng Twitter vào khu vực nội dung của bạn.

Thêm khối nhúng Twitter trong WordPress Editor

Bây giờ bạn cần dán URL hồ sơ Twitter của mình và nhấp vào nút ‘Nhúng vào.

Dòng thời gian nhúng Twitter trong bài viết WordPress

Sau đó, WordPress sẽ tự động tìm nạp và hiển thị các tweet gần đây của bạn trong khu vực nội dung.

Hồ sơ Twitter được nhúng trong bài viết WordPress

Phương pháp này thêm nguồn cấp dữ liệu Twitter với thanh cuộn trong bài đăng của bạn.

Ngoài ra, bạn cũng có thể sử dụng phương pháp Xuất bản Twitter, phương thức này sẽ cho phép bạn hiển thị các tweet gần đây mà không cần thanh cuộn.

Truy cập trang web Twitter Publish và dán URL hồ sơ Twitter của bạn vào ô you Bạn muốn nhúng gì? Hộp và nhấp vào mũi tên bên cạnh nó.

Nhập URL hồ sơ Twitter trong Twitter Xuất bản

Sau đó, chọn tùy chọn Thời gian nhúng nhúng và sau đó sao chép mã nhúng.

Sao chép mã nhúng cho hồ sơ Twitter

Tiếp theo, bạn cần thêm khối ‘HTML tùy chỉnh trong trình chỉnh sửa bài đăng của mình để dán mã nhúng.

Thêm khối HTML tùy chỉnh trong WordPress Editor

Bây giờ bạn có thể dán mã nhúng bạn đã sao chép trước đó.

Dán hồ sơ Twitter Mã nhúng trong Khối HTML tùy chỉnh

Sau khi hoàn thành, lưu bài đăng của bạn và xem trước nó trực tiếp.

Hiển thị Tweets chọn lọc trong WordPress

Nhúng hồ sơ Twitter của bạn sẽ hiển thị tất cả các bài đăng gần đây của bạn trên trang web của bạn. Nếu bạn chỉ muốn hiển thị các tweet đã chọn?

Đừng lo lắng, có những giải pháp đơn giản cho việc đó. Có 5 cách chủ yếu để nhúng các tweet được chọn vào trang web của bạn.

  • Bộ sưu tập: Hiển thị một bộ sưu tập các tweet theo chủ đề, sở thích, cuộc trò chuyện và hơn thế nữa.
  • Danh sách: Hiển thị tweet của một nhóm người dùng Twitter.
  • Thích: Hiển thị tất cả các tweet mà một người dùng Twitter cụ thể đã đánh dấu là thích.
  • Chốc lát: Hiển thị tweet từ một khoảnh khắc công khai bởi một người dùng Twitter.
  • Dấu thăng: Hiển thị tweet của bất cứ ai có chứa một hashtag cụ thể.

Trong số các tùy chọn này, bạn có thể tạo bốn lựa chọn cuối cùng ngay từ trang web Twitter. Ngoài ra, bạn có thể sao chép URL tương ứng của họ và dán vào thanh bên WordPress của mình bằng tiện ích văn bản.

Ví dụ: bạn có thể tìm thấy danh sách Twitter của mình trong trang hồ sơ Twitter của bạn. Chọn bất kỳ danh sách nào bạn muốn nhúng và nhấp vào nó.

Danh sách Twitter của WPBeginner

Khi nhấp vào liên kết, danh sách sẽ mở ra và bạn có thể sao chép URL danh sách từ trình duyệt của mình. Ví dụ: URL của danh sách Twitter của chúng tôi Exper Các chuyên gia WordPress là https://twitter.com/wpbeginner/lists/wordpress-experts.

Bây giờ bạn có thể dán URL này vào thanh bên WordPress của mình.

Thêm danh sách Twitter trong WordPress Text Widget

Tương tự, bạn có thể tìm thấy các URL về lượt thích, khoảnh khắc và hashtag từ trang hồ sơ Twitter của mình và dễ dàng nhúng vào trang web WordPress của bạn.

Tuy nhiên, bạn cần sử dụng tính năng TweetDeck nâng cao Twitter Twitter để tạo bộ sưu tập. Bộ sưu tập Twitter là danh sách các tweet được tổ chức theo một chủ đề bởi người dùng.

Truy cập trang web TweetDeck và đăng nhập bằng tài khoản Twitter của bạn. Khi bảng điều khiển TweetDeck mở ra, hãy nhấp vào nút ‘Thêm Cột Cột trên bảng điều khiển bên trái.

Thêm cột trong ứng dụng TweetDeck

Tiếp theo, bạn cần chọn tùy chọn ‘Bộ sưu tập sắp xếp.

Chọn tùy chọn bộ sưu tập trong TweetDeck

Sau đó, bạn có thể đặt tên cho bộ sưu tập Twitter mới của mình.

Tạo bộ sưu tập mới trong TweetDeck

Sau khi hoàn thành, bạn sẽ thấy một cột mới được thêm vào bảng điều khiển TweetDeck của bạn.

Kéo Tweets vào Bộ sưu tập Twitter

Giờ đây, bạn có thể kéo tweet từ nhà Twitter hoặc bất kỳ tài khoản người dùng nào và tạo bộ sưu tập của bạn.

Khi bạn đã thêm tweet trong bộ sưu tập của mình, bạn có thể nhúng nó vào trang web của mình. Nhấp vào biểu tượng Tùy chọn và sau đó nhấp vào tùy chọn Chia sẻ. Sau đó, chọn tùy chọn ‘Embed Collection Collection.

Bộ sưu tập nhúng từ TweetDeck

Khi nhấp vào Bộ sưu tập nhúng, trang Xuất bản Twitter sẽ mở ra với mã nhúng cho bộ sưu tập Twitter của bạn.

Sao chép mã nhúng cho bộ sưu tập Twitter

Sao chép mã nhúng và sau đó dán mã vào trang web của bạn bằng tiện ích HTML tùy chỉnh.

Bộ sưu tập nhúng Twitter với tiện ích HTML tùy chỉnh

Sau khi hoàn tất, hãy lưu tiện ích của bạn và xem bộ sưu tập Twitter của bạn trực tiếp trên trang web của bạn.

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách hiển thị các tweet gần đây trong WordPress và cách hiển thị các tweet chọn lọc trong WordPress. Bạn cũng có thể muốn xem danh sách các plugin phương tiện truyền thông xã hội tốt nhất cho WordPress của chúng tôi.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me