如何在您的 WordPress 部落格上顯示任何 RSS Feed

WPressize Me

05/02/2023

為什麼要在您的 WordPress 部落格上顯示任何 RSS Feed?

所有 WordPress 部落格都內建支持 RSS Feed,這允許您的用戶使用像 Feedly 這樣的 RSS 閱讀器接收您網站的定期更新。您甚至可以使用 RSS Feed 集成將新文章通知發送給用戶,通過電子郵件新聞簡報和推送通知。

您的部落格的 RSS Feed 地址簡單地是在網站地址後加上 /feed/,例如:

https://www.yourwebsite.com/feed/

有關更多詳細信息,請參閱我們關於如何在 WordPress 中進行內容聚合的完整指南。

然而,許多人不知道的是,您也可以使用 RSS 從其他網站拉取內容到您自己的網站。這讓您可以策劃來自其他網站的內容,並自動顯示來自社交媒體平台(如 Facebook、Instagram、Twitter 和 YouTube)的內容。您甚至可以使用 WordPress 作為新聞聚合器。

話雖如此,讓我們來看看如何在您的 WordPress 部落格上顯示任何 RSS Feed。我們將涵蓋四種方法:

  • 使用小工具顯示任何 RSS Feed
  • 使用插件顯示任何 RSS Feed
  • 使用插件顯示社交媒體 Feed
  • 使用代碼顯示任何 RSS Feed
  • 額外功能:將文章縮略圖添加到 WordPress RSS Feed

使用小工具顯示任何 RSS Feed

您可以使用內建的 WordPress 小工具輕鬆地在您的 WordPress 部落格上顯示 RSS Feed。請記住,這個方法不適用於區塊主題。

要這麼做,請從 WordPress 控制面板導航到「外觀」 » 「小工具」頁面,然後點擊屏幕頂部的「添加區塊」(+) 按鈕。

接下來,找到 RSS 小工具並將其拖到您的側邊欄或其他小工具就緒區域。之後,您只需要輸入或粘貼您希望顯示的 RSS Feed。

在本教程中,我們將添加 WPBeginner 的 RSS Feed,其位於 https://wpressize.me/feed/。我們還將使用標題區塊添加標題。

以下是我們的測試 WordPress 網站上的 RSS 小工具的外觀。

請注意,默認的 RSS 小工具僅提供非常基本的功能。例如,它不允許您添加縮略圖、社交按鈕或其他自訂。如果您想添加這些額外功能,最好使用插件。

使用插件顯示任何 RSS Feed

WP RSS Aggregator 是市場上最好的 WordPress RSS Feed 插件。

它允許您在博客上顯示 RSS Feed,通過購買高級插件,您可以將網站變成內容聚合器而無需任何編碼。詳細信息,請參閱我們的 WP RSS Aggregator 評測。

首先,您需要安裝並啟用免費的 WP RSS Aggregator 插件。詳細信息,請參閱我們的分步指南:如何安裝 WordPress 插件。

啟用後,您將被要求添加您的第一個 RSS Feed URL。在本教程中,我們將添加 https://wpressize.me/feed/。輸入 Feed URL 後,點擊頁面底部的「下一步」按鈕。

在下一頁,您將看到從您鏈接的 RSS Feed 中的最新 Feed 項目。

然後,您可以點擊「創建草稿頁面」按鈕將 Feed 添加到一個新的頁面草稿,或者使用右側的短代碼將它們添加到任何文章、頁面或小工具區域。

在本教程中,我們將點擊「創建草稿頁面」按鈕。

這樣做後,頁面將自動創建,並且按鈕文本將變為「預覽頁面」。

您現在可以點擊該按鈕預覽您的網站上的 RSS Feed。這是我們的演示網站的截圖。

頁面顯示了一個項帶列表,鏈接到 Feed 中的最新三篇文章,並帶有有關來源和發布日期的信息。

當您使用他們的高級插件時,WP RSS Aggregator 插件成為一個真正的強大工具。這些插件允許您為每個 RSS 項目創建單獨的文章,並導入每篇文章的全文。

其他功能允許 RSS 項目的關鍵字過濾,對每個項目進行分類等。

使用這些插件,這個插件可以用於自動博客。然而,在這樣做時應該謹慎,因為從第三方網站抓取全部內容可能會導致版權侵權和法律問題。

使用插件顯示社交媒體 Feed

向您的 WordPress 部落格添加社交媒體 Feed 可以幫助增加您的粉絲,改善社交互動,並豐富您的已有內容。

Smash Balloon 是 WordPress 最好的社交媒體 Feed 插件,被超過 1.75 百萬用戶信任。

它實際上是一組插件,讓您可以方便地從 Facebook、Instagram、Twitter 和 YouTube 創建和顯示自訂的 Feed。

在 WordPress 中添加 Facebook 社交媒體 Feed

您可以通過安裝和激活 Smash Balloon Facebook Feed 插件來在您的網站上添加 Facebook Feed。

也有一個免費版本,允許您創建基本的 Facebook Feed,但不包括所有高級功能,如嵌入照片、相冊等等。

Smash Balloon 允許您從多個 Facebook 頁面組合 Feed,並在不需要編碼的情況下自訂 Facebook Feed 的外觀。

詳細信息,請參閱我們的指南:如何在 WordPress 中創建自訂的 Facebook Feed。

在 WordPress 中添加 Instagram 社交媒體 Feed

Smash Balloon Instagram Feed 是最好的 WordPress Instagram 插件。

它甚至有一個免費方案,您可以用來將 Instagram Feed 嵌入到您的網站上。

這個插件允許您按標籤或賬戶顯示 Instagram 內容。您還可以顯示評論和喜歡數量,包含燈箱彈出等等。

詳細學習如何使用這個插件,請參閱我們的詳盡指南:如何在 WordPress 中創建自訂的 Instagram Feed。

在 WordPress 中添加 Twitter 社交媒體 Feed

Smash Balloon Custom Twitter Feeds 是最好的 WordPress Twitter Feed 插件。

該插件允許您做一些事情,如顯示多個 Twitter Feed、在網站上回覆、喜歡並轉發,以及在燈箱中顯示全部推文。

如果您預算有限,它甚至有免費版本可以使用。

有關使用此插件將 Twitter Feed 添加到 WordPress 的詳細說明,請參閱我們的指南:如何在 WordPress 中嵌入推文。

在 WordPress 中添加 YouTube 社交媒體 Feed

FeГds for YouTube by Smash Balloon 是 WordPress 最好的 YouTube 社交媒體插件,並且有專業版和免費版可供使用。

這個插件允許您從所有頻道創建可自訂的畫廊,添加直播,使用高級搜索查詢創建自訂 Feed 等等。

您還可以從不同的布局模板中選擇以改變您的視頻 Feed 外觀。

詳情,請參閱我們的指南:如何在 WordPress 中創建 YouTube 畫廊。

使用代碼顯示任何 RSS Feed

使用代碼,您可以使用 WordPress 內建的功能在您的博客上顯示任何 RSS Feed。

只需將以下代碼粘貼到您選擇的任何 WordPress 文件中。我們建議您為此目的創建自訂頁面:

<h2><?php _e( '來自其他博客的最新新聞:', 'my-text-domain' ); ?></h2>
 
<?php // 獲取 RSS Feed(s) 
include_once( ABSPATH . WPINC . '/feed.php' ); 
 
// 從指定的 Feed 源獲取 SimplePie feed 項目對象。
$rss = fetch_feed( 'https://wpressize.me/feed/' ); 
 
if ( ! is_wp_error( $rss ) ) : // 檢查對象是否正確創建 
 
    // 確認總共有多少個項目,但將其限制為 5。 
    $maxitems = $rss->get_item_quantity( 5 ); 
 
    // 從第 0 項(第一項)開始構建所有項目的數組。
    $rss_items = $rss->get_items( 0, $maxitems ); 
 
endif; 
?>
 
<ul>
    <?php if ( $maxitems == 0 ) : ?>
        <li><?php _e( '沒有項目', 'my-text-domain' ); ?></li>
    <?php else : ?>
        <?php // 循環遍歷每個 Feed 項目並將每個項目顯示為超鏈接。 ?>
        <?php foreach ( $rss_items as $item ) : ?>
            <li>
                <a href="<?php echo esc_url( $item->get_permalink() ); ?>"
                    title="<?php printf( __( '發布於 %s', 'my-text-domain' ), $item->get_date('j F Y | g:i a') ); ?>">
                    <?php echo esc_html( $item->get_title() ); ?>
               </a>
            </li>
        <?php endforeach; ?>
    <?php endif; ?>
</ul>

您可以通過在第 1 行更改標題,第 7 行更改 Feed 的 URL,第 12 行更改要顯示的項數,以及任何其他您喜歡的設置來自訂此代碼。

額外功能:將文章縮略圖添加到 WordPress RSS Feeds

添加任何網站的 RSS Feed 後,您可能還希望顯示文章縮略圖,以使您的 Feed 具有更高的視覺吸引力。

這可以幫助提供更好的用戶體驗,並可能鼓勵用戶花更多時間瀏覽您的 RSS Feeds。

要做到這一點,您必須安裝並啟用 Featured Images in RSS for Mailchimp & More 插件。詳細信息,請參閱我們的 WordPress 插件安裝初學者指南。

啟用後,從 WordPress 管理側邊欄訪問 Featured Images in RSS 頁面,並從 「RSS Image Size」 下拉選單中選擇 「Thumbnail」。

之後,您還可以配置對齊和文本填充,並選擇是否要使圖片可點擊。完成後,只需點擊 「Save Changes」 按鈕以保存您的設置。

現在,每個博客文章的縮略圖將與標題一起顯示在 RSS Feed 中。有關更多信息,請參閱我們的教程:如何為 WordPress RSS Feeds 添加文章縮略圖。

我們希望本教程幫助您學會如何在您的 WordPress 部落格上顯示任何 RSS Feed。您可能還想查看我們對最佳域名註冊商的比較,或我們的 WordPress 博客賺錢的證實方法列表。

如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>