Cách Hiển Thị Các Tweet Gần Đây Trong WordPress (Từng Bước)

Mục lục

Bạn có muốn hiển thị các tweet gần đây của mình trên WordPress không?

Tích hợp X/Twitter với website WordPress của bạn giúp tăng sự tương tác của người dùng. Người truy cập blog của bạn có thể dễ dàng khám phá các tweet của bạn, điều này cũng có thể giúp bạn có thêm người theo dõi mới trên Twitter.

Trong bài viết này, WPBeginner Việt Nam sẽ chỉ cho bạn cách hiển thị các tweet gần đây trên WordPress.

Cách Hiển Thị Các Tweet Gần Đây Trong WordPress

Tại sao phải hiển thị các Tweet gần đây trên trang WordPress của bạn?

X/Twitter là một trong những nền tảng truyền thông xã hội phổ biến nhất trên thị trường. Hiển thị các tweet gần đây trên website WordPress của bạn có thể tăng cường sự hiện diện và tương tác trực tuyến của bạn theo nhiều cách.

Đầu tiên, khi người dùng truy cập website của bạn và thấy nguồn cấp dữ liệu mạng xã hội của bạn, họ có thể sẽ đủ tò mò để nhấp vào tài khoản Twitter của bạn và theo dõi bạn, giúp tăng phạm vi tiếp cận của bạn.

Thêm vào đó, tweet có thể đóng vai trò là bản cập nhật theo thời gian thực về những gì đang diễn ra trên website hoặc công ty của bạn. Điều này có thể khuyến khích sự tương tác giữa khán giả của bạn, vì họ có thể tương tác trực tiếp với tweet của bạn.

Các tweet gần đây cũng có thể đóng vai trò là bằng chứng xã hội trên trang WordPress của bạn. Bạn có thể retweet các đánh giá tích cực hoặc những người giới thiệu sản phẩm của bạn, giúp xây dựng lòng tin với người đăng ký hoặc khách hàng.

Với điều này trong tâm trí, chúng ta hãy xem xét các phương pháp khác nhau để hiển thị các tweet gần đây trên website WordPress của bạn. Bạn có thể sử dụng các link nhanh bên dưới để chuyển đến một phương pháp cụ thể:

Phương pháp 1: Nhúng thủ công các Tweet vào Trình chỉnh sửa block Gutenberg (Không cần Plugin)

Phương pháp đầu tiên để hiển thị các tweet gần đây của bạn trên WordPress là nhúng thủ công hồ sơ Twitter hoặc timeline của bạn vào trang, bài đăng hoặc tiện ích WordPress (dành cho người dùng theme cổ điển).

Giống như thêm video YouTube, WordPress giúp bạn dễ dàng nhúng content Twitter như một tweet đơn lẻ hoặc timeline. Tính năng oEmbed của nó có thể tự động biến URL content thành code nhúng khi dán vào trình chỉnh sửa block.

Đầu tiên, bạn cần tìm và sao chép URL của hồ sơ Twitter hoặc tweet mà bạn muốn nhúng.

Ví dụ, URL hồ sơ Twitter của WPBeginner là

Trong khi đó, URL của một tweet trông như thế này: /trạng thái/1604852592827326464

Tiếp theo, chỉ cần làm theo một trong các phương pháp dưới đây:

Hiển thị các Tweet gần đây trong bài đăng hoặc trang WordPress

Đầu tiên, hãy đăng nhập vào dashboard WordPress và mở trình chỉnh sửa block cho bài đăng hoặc trang WordPress.

Nếu bạn muốn tạo một bài đăng hoặc trang mới, bạn có thể thực hiện việc này bằng cách vào Bài viết/Trang » Thêm mới.

Nhấp vào Thêm trang mới trong khu vực quản trị WordPress

Sau đó, chỉ cần dán URL hồ sơ Twitter mà bạn đã sao chép trước đó vào vùng ‘Nhập / để chọn block’.

Bạn có thể thấy phần này được đánh dấu bên dưới.

Dán URL Twitter vào trình chỉnh sửa block

Sau khi thực hiện xong, block đó sẽ ngay lập tức chuyển thành block timeline Twitter hiển thị các Tweet gần đây từ tài khoản đó.

Trong sidebar cài đặt block, bạn có thể chọn thay đổi kích thước block cho các thiết bị nhỏ hơn để block phản hồi tốt hơn khi xem trên thiết bị di động.

Ngoài ra, bạn có thể thoải mái thêm nhiều block vào trang hoặc bài đăng để khuyến khích người dùng theo dõi tài khoản Twitter của bạn.

Khi hoàn tất, chỉ cần nhấp vào ‘Cập nhật’ hoặc ‘Xuất bản’ để áp dụng thay đổi.

Xuất bản một trang với Nguồn cấp dữ liệu Twitter

Phương pháp này thêm các tweet gần đây của bạn vào một hộp có slider dọc. Hộp này bao gồm 20 tweet gần đây nhất và nút ‘Xem thêm trên Twitter’ ở cuối.

Đây là timeline Twitter của WPBeginner Việt Nam trông như thế nào:

Một ví dụ về trang có Nguồn cấp dữ liệu Twitter được tạo bằng block Twitter tích hợp

Nếu bạn sử dụng theme block WordPress, bạn cũng có thể sử dụng phương pháp tương tự này để nhúng nguồn cấp dữ liệu Twitter vào Trình chỉnh sửa toàn trang và hiển thị các tweet gần đây theo dạng mẫu hoặc phần mẫu.

Bạn có thể tìm hiểu thêm về điều này trong hướng dẫn đầy đủ của WPBeginner Việt Nam về Chỉnh sửa toàn bộ website WordPress.

Hiển thị các Tweet gần đây trong Khu vực Tiện ích WordPress

Nếu bạn sử dụng giao diện WordPress cổ điển và muốn hiển thị các tweet mới nhất của mình trong khu vực tiện ích (như sidebar), hãy làm theo các bước sau.

Đầu tiên, hãy đi đến Giao diện » Tiện ích. Sau đó, nhấp vào nút ‘+ Thêm mới’ trong vùng tiện ích đã chọn và chọn tiện ích Twitter.

Thêm tiện ích Twitter vào WordPress

Từ đây, chỉ cần dán tài khoản Twitter hoặc URL bài đăng vào trường thích hợp.

Sau đó, nhấp vào “Nhúng”.

Nhúng hồ sơ Twitter vào khu vực tiện ích WordPress

Sau đó, bạn có thể cập nhật tiện ích và xem trước tiện ích Tweet trực tiếp trên website của mình.

Sau đây là cách timeline xuất hiện trong sidebar WordPress của WPBeginner Việt Nam:

Ví dụ về tiện ích Twitter trong sidebar WordPress

Phương pháp thứ hai để thêm tweet gần đây vào trang WordPress của bạn là sử dụng plugin Twitter. Lý do WPBeginner Việt Nam khuyên bạn nên sử dụng phương pháp này là vì nó cung cấp nhiều option custom hơn so với phương pháp trước, cho phép bạn điều chỉnh nguồn cấp dữ liệu theo thiết kế trang của mình.

Đối với điều này, WPBeginner Việt Nam sẽ sử dụng Nguồn cấp dữ liệu Twitter custom Smash Balloon. Plugin này giúp tạo các nguồn cấp dữ liệu xã hội đẹp mắt với nhiều loại khác nhau. Bạn có thể hiển thị tweet dựa trên hashtag, thuật ngữ tìm kiếm, đề cập, timeline, v.v.

Trước tiên, bạn cần cài đặt và kích hoạt plugin WordPress. Sau khi plugin hoạt động, hãy vào khu vực quản trị WordPress của bạn, điều hướng đến Nguồn cấp dữ liệu Twitter » Settingsvà dán khóa cấp phép của bạn vào trường thích hợp.

Sau đó, bạn cần kích hoạt license và nhấp vào ‘Lưu thay đổi’.

Kích hoạt khóa cấp phép Custom Twitter Feeds Pro của Smash Balloon

Bây giờ, chỉ cần đi đến Nguồn cấp dữ liệu Twitter » Tất cả nguồn cấp dữ liệu.

Sau đó, nhấp vào nút ‘+ Thêm mới’.

Thêm Nguồn cấp dữ liệu Twitter mới bằng Smash Balloon

Nếu đây là lần đầu tiên bạn thêm nguồn cấp dữ liệu Twitter bằng Smash Balloon, bạn sẽ được yêu cầu xác minh địa chỉ email của mình.

Chỉ cần nhấp vào nút ‘Kết nối’ để thực hiện việc đó và làm theo hướng dẫn trên màn hình.

Kết nối địa chỉ email của người dùng với Smash Balloon

Khi hoàn tất, bạn sẽ quay lại trang plugin Custom Twitter Feeds và được yêu cầu chọn loại nguồn cấp dữ liệu.

Với Custom Twitter Feeds, bạn có thể chọn nhúng nguồn cấp dữ liệu timeline của người dùng, nguồn cấp dữ liệu hashtag hoặc nguồn cấp dữ liệu tìm kiếm. Trong ví dụ này, WPBeginner Việt Nam sẽ sử dụng option đầu tiên. Sau khi bạn đã đưa ra lựa chọn của mình, chỉ cần nhấp vào ‘Tiếp theo’.

Tạo Dòng thời gian của Người dùng Twitter Feed với Smash Balloon

Trên màn hình tiếp theo, bạn có thể nhập tên Twitter mà bạn muốn nhúng vào website WordPress của mình.

Sau đó, nhấp vào ‘Tiếp theo’ một lần nữa.

Chọn nguồn cấp dữ liệu Twitter trong Smash Balloon

Bây giờ chúng ta hãy chọn một mẫu nguồn cấp dữ liệu Twitter. Có 7 mẫu để lựa chọn và bạn luôn có thể thay đổi sau nếu bạn không nghĩ nó phù hợp với thiết kế trang của mình.

Sau khi đã đưa ra lựa chọn, hãy nhấp vào ‘Tiếp theo’.

Chọn mẫu Nguồn cấp dữ liệu Twitter Smash Balloon

Ở giai đoạn này, bạn sẽ đến giao diện chỉnh sửa nguồn cấp dữ liệu Twitter. Bạn sẽ thấy bản xem trước trực tiếp ở bên phải trang và dashboard bên trái nơi bạn có thể cấu hình giao diện của nguồn cấp dữ liệu.

Có hai tab: ‘Tùy chỉnh’ và ‘Cài đặt’.

Giao diện chỉnh sửa Nguồn cấp dữ liệu Twitter trong Smash Balloon

Hãy bắt đầu với Tùy chỉnh. Nếu bạn chọn option ‘Bố cục nguồn cấp dữ liệu’, thì bạn có thể chọn giữa các layout nguồn cấp dữ liệu có sẵn (như danh sách, block xây hoặc băng chuyền), đặt số lượng tweet để hiển thị, điều chỉnh chiều cao nguồn cấp dữ liệu, v.v.

Ghi chú: Do hạn chế của API, Đập Bóng Bay Lúc đầu chỉ có thể hiển thị từ 1 đến 30 tweet, nhưng sẽ nhiều hơn theo thời gian.

Sau khi hoàn tất các thiết lập đó, bạn chỉ cần nhấp vào nút ‘Tùy chỉnh’ ở trên cùng để quay lại menu chính.

Tùy chỉnh layout Nguồn cấp dữ liệu Twitter trong Smash Balloon

Một điều khác bạn có thể làm là bật nút Tải thêm, nút này sẽ xuất hiện bên dưới các tweet bạn hiển thị. Đây là một tính năng tiện dụng nếu bạn có nhiều tweet nhưng không thể hiển thị tất cả trên cùng một trang.

Chỉ cần nhấp vào option ‘Tải thêm nút’, sau đó là nút ‘Bật’. Sau đó, bạn có thể custom giao diện của nút.

Tùy chỉnh nút Tải thêm của Nguồn cấp dữ liệu Twitter trong Smash Balloon

Nếu bạn chuyển sang tab ‘Cài đặt’, bạn có thể thấy các option để thêm nhiều nguồn cấp dữ liệu hơn, áp dụng bộ lọc tweet và sử dụng các tính năng nâng cao (như thêm CSS custom).

Bạn cũng có thể nhấp vào nút ‘Xóa cache nguồn cấp dữ liệu’ để xóa cache nguồn cấp dữ liệu trước đó. Lần tới khi plugin cần hiển thị nguồn cấp dữ liệu Twitter của bạn, nó sẽ phải lấy các tweet mới nhất từ ​​server X/Twitter thay vì sử dụng dữ liệu được lưu trong cache cũ.

Tùy chỉnh cài đặt Nguồn cấp dữ liệu Twitter trong Smash Balloon

Hãy thử thêm bộ lọc vào tweet của bạn bằng cách nhấp vào option ‘Bộ lọc’.

Tại đây, bạn có thể chọn bao gồm trả lời và chia sẻ lại, hiển thị tweet dựa trên những từ được phép hoặc bị chặn hoặc ẩn các tweet cụ thể.

Tùy chỉnh bộ lọc để hiển thị Nguồn cấp dữ liệu Twitter trong Smash Balloon

Khi bạn đã hài lòng với giao diện của Nguồn cấp dữ liệu Twitter, bạn có thể nhấp vào nút ‘Lưu’.

Để thêm Nguồn cấp dữ liệu Twitter vào trang hoặc khu vực tiện ích của bạn, chỉ cần nhấp vào nút ‘Nhúng’ ở góc trên bên phải.

Sau đó, một popup sẽ xuất hiện, hiển thị cho bạn cách hiển thị Nguồn cấp dữ liệu Twitter: bằng shortcode, block hoặc tiện ích.

Cửa sổ bật lên Nguồn cấp dữ liệu nhúng Twitter trong Smash Balloon

Bất kể bạn chọn phương pháp nào, điều đầu tiên bạn cần làm là sao chép shortcode vì bạn sẽ cần đến nó.

Sau đó, nếu bạn muốn nhúng nguồn cấp dữ liệu Twitter vào một trang, hãy nhấp vào nút ‘+ Thêm vào trang’.

Sau khi thực hiện xong, bạn có thể chọn một trang hiện có từ website WordPress của mình và nhấp vào ‘Thêm’.

Chọn một trang để nhúng Nguồn cấp dữ liệu Twitter bằng Smash Balloon

Sau đó, bạn sẽ được chuyển hướng đến trình chỉnh sửa block WordPress của trang bạn đã chọn.

Nhấp vào nút thêm block ‘+’ ở bất kỳ đâu trên trang và chọn block Nguồn cấp dữ liệu Twitter.

Chọn block Nguồn cấp dữ liệu Twitter Smash Balloon trong trình chỉnh sửa block

Hiện tại, Nguồn cấp dữ liệu Twitter mà bạn đã tạo trước đó có thể không hiển thị ngay lập tức.

Nếu bạn gặp trường hợp này, chỉ cần dán shortcode vào trường ‘Cài đặt shortcode’ trong sidebar cài đặt block.

Sau đó, nhấp vào “Áp dụng thay đổi”.

Chèn shortcode vào block Nguồn cấp dữ liệu Twitter Smash Balloon

Khi hoàn tất, bạn có thể nhấp vào “Cập nhật” để áp dụng thay đổi.

Đây là giao diện của Twitter Feed trên website demo của WPBeginner Việt Nam:

Một ví dụ về Twitter Feed được tạo bằng Smash Balloon

Nếu bạn muốn hiển thị Nguồn cấp dữ liệu Twitter của mình trong một khu vực tiện ích, chỉ cần nhấp vào option ‘+ Thêm vào Tiện ích’. Tiếp theo, bạn sẽ được chuyển hướng đến trình chỉnh sửa tiện ích.

Sau đó, chỉ cần tìm và chọn tiện ích ‘Twitter Feed’.

Thêm tiện ích Twitter Feed Smash Balloon vào trình chỉnh sửa tiện ích

Tương tự như phương pháp trước, chỉ cần dán shortcode vào sidebar cài đặt block và nhấp vào ‘Áp dụng thay đổi’.

Sau đó, bạn sẽ thấy Nguồn cấp dữ liệu Twitter mới tạo của mình trong bản xem trước trực tiếp.

Chèn shortcode Smash Balloon Twitter Feed vào trình chỉnh sửa tiện ích

Cuối cùng, nhấp vào ‘Cập nhật’ để hoàn tất thay đổi.

Sau đó, bạn có thể truy cập website trực tiếp của mình để xem nguồn cấp dữ liệu trông như thế nào:

Ví dụ về tiện ích Nguồn cấp dữ liệu Twitter được tạo bằng Smash Balloon

Phương pháp 3: Hiển thị các Tweet mới nhất trong WordPress bằng Twitter Publish (Không cần Plugin)

Phương pháp cuối cùng cho phép bạn thêm các bài đăng gần đây trên Twitter bằng tính năng Twitter Publish.

Twitter Publish cho phép bạn dễ dàng tạo code nhúng cho nhiều loại content Twitter khác nhau, bao gồm tweet, video, timeline hoặc nút (như nút Theo dõi hoặc Chia sẻ).

Phương pháp này cho phép bạn custom giao diện của phần tử nhúng trước khi thêm vào blog hoặc website WordPress của bạn. Phương pháp này không mạnh bằng phương pháp thứ hai, nhưng đáng để đề cập vì nó miễn phí.

Đối với hướng dẫn này, WPBeginner Việt Nam sẽ chỉ cho bạn cách sử dụng Twitter Publish để nhúng timeline. Đầu tiên, bạn cần truy cập Xuất bản Twitter website và sau đó dán URL hồ sơ Twitter của bạn vào hộp ‘Bạn muốn nhúng gì?’.

Sau khi thực hiện xong, hãy nhấp vào icon mũi tên.

Chèn URL Twitter vào website Twitter Publish

Sau đó, bạn sẽ được yêu cầu chọn option hiển thị: Dòng thời gian nhúng hoặc Nút X/Twitter.

Bạn nên chọn option ‘Dòng thời gian nhúng’ vì bạn muốn hiển thị timeline Twitter của mình với các tweet gần đây.

Tùy chọn hiển thị của Twitter Publish

Khi chọn option hiển thị, nó sẽ ngay lập tức tạo code nhúng cho các tweet gần đây của bạn. Bạn có thể tiếp tục và nhấp vào ‘Sao chép code’ để nhúng code HTML custom ngay lập tức.

Ngoài ra, hãy nhấp vào ‘Đặt option custom’ để custom giao diện của timeline được nhúng.

Tùy chỉnh Nguồn cấp dữ liệu Twitter được thực hiện bằng Twitter Publish

Tại đây, bạn có thể custom chiều cao và chiều rộng của timeline, chọn chế độ sáng hoặc tối và bật tính năng dịch ngôn ngữ cho các tweet nếu cần.

Bạn có thể xem phần tử nhúng sẽ trông như thế nào bên dưới phần cài đặt. Sau khi hoàn tất, chỉ cần nhấp vào ‘Cập nhật’.

Nhấp vào Cập nhật trong website Xuất bản Twitter

Mã nhúng bây giờ sẽ bao gồm các cài đặt custom mà bạn đã chọn cho timeline.

Chỉ cần nhấp vào ‘Sao chép code’ để tiếp tục.

Sao chép code nhúng của Twitter Publish

Bây giờ, hãy quay lại dashboard WordPress của bạn và mở trình chỉnh sửa block cho trang, bài đăng hoặc khu vực tiện ích.

Sau đó, chỉ cần nhấp vào nút thêm block ‘+’ ở bất kỳ đâu trong trình soạn thảo và chọn tiện ích hoặc block HTML custom.

Chọn block HTML custom trong trình chỉnh sửa block

Bây giờ, hãy dán code nhúng từ trước vào trường.

Sau khi hoàn tất, bạn có thể nhấp vào nút ‘Xem trước’ để xem nguồn cấp dữ liệu trông như thế nào.

Dán code HTML của Twitter Publish vào trình chỉnh sửa block

Sau đó, bạn có thể thoải mái thêm nhiều thành phần hơn vào trang, bài đăng hoặc khu vực tiện ích. Sau đó, chỉ cần cập nhật hoặc xuất bản.

Đây là giao diện website demo của WPBeginner Việt Nam:

Một ví dụ về Twitter Feed được tạo bằng website Twitter Publish

Mẹo thưởng: Thêm nhiều nguồn cấp dữ liệu truyền thông xã hội vào WordPress

Bạn có chạy các nền tảng truyền thông xã hội khác cho thương hiệu hoặc doanh nghiệp của mình không? Nếu có, thì bạn có thể muốn hiển thị các nguồn cấp dữ liệu xã hội khác ngoài Twitter trên website của mình.

Bằng cách hiển thị các nguồn cấp dữ liệu xã hội khác nhau trên trang WordPress của bạn, bạn có thể cho người dùng biết họ có thể theo dõi bạn trên nền tảng nào, qua đó tăng số lượng người theo dõi.

Việc hiển thị nguồn cấp dữ liệu xã hội của bạn cũng có một lợi thế quan trọng so với việc hiển thị các nút icon xã hội thông thường. Nó có thể cho người dùng biết họ sẽ bỏ lỡ content nào nếu không theo dõi bạn trên mạng xã hội của bạn, tạo ra ‘nỗi sợ bỏ lỡ’.

Với Đập Bóng Baybạn có thể hiển thị và custom mọi loại nguồn cấp dữ liệu truyền thông xã hội trên website WordPress của mình. Theo cách này, tất cả các nguồn cấp dữ liệu đều trông đẹp với theme bạn đang sử dụng.

Tùy chỉnh layout nguồn cấp dữ liệu TikTok

Chỉ cần xem hướng dẫn bên dưới về cách hiển thị các nguồn cấp dữ liệu xã hội khác nhau trong WordPress:

Chúng tôi hy vọng bài viết này giúp bạn biết cách hiển thị các tweet gần đây trong WordPress. Bạn cũng có thể muốn xem hướng dẫn tối ưu của WPBeginner Việt Nam về WordPress SEO (tối ưu hóa công cụ tìm kiếm) hoặc lựa chọn chuyên gia của WPBeginner Việt Nam về các plugin truyền thông xã hội WordPress tốt nhất.

Nếu bạn thích bài viết này, vui lòng đăng ký theo dõi WPBeginner Việt Nam Kênh Youtube cho các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy WPBeginner Việt Nam trên TwitterFacebook.

5/5 - (151 bình chọn)
Facebook
Twitter
LinkedIn
Telegram
Email
Đội Ngũ Biên Tập
WordPress

Cách Thêm Schema FAQ vào WordPress (2 Phương pháp)

Bạn có muốn thêm schema FAQ vào WordPress không? Việc thêm schema FAQ có thể giúp tăng thứ hạng SEO và tỷ lệ nhấp chuột tự nhiên bằng cách hiển thị trực tiếp các câu hỏi thường gặp trong kết quả tìm kiếm của Google. Trong bài viết này, WPBeginner

Đọc tiếp »