WordPress 教学

如何在 WordPress 中正確切換至 Google Analytics 4

谷歌建議網站所有者遷移至新的 Google Analytics 4,因為它已於 2023 年 7 月 1 日淘汰了舊的 Universal Analytics。

本文將向您展示如何輕鬆地在 WordPress 中切換到 Google Analytics 4。

為什麼要切換到 Google Analytics 4?

Google Analytics 4 (GA4) 是 Google Analytics 的最新版本。它允許您在同一個帳戶中追蹤您的移動應用程序和網站,並提供了新的度量標準、報告和追蹤功能。

如果您還沒有創建 GA4 屬性,現在是切換到最新版本的最佳時機。因為 Google 在 2023 年 7 月 1 日關閉了舊的 Universal Analytics。

這意味著 Universal Analytics 將不再接收和處理來自您 WordPress 網站的數據。您現在可以訪問過去的數據,但它將最終在 2024 年 7 月停止顯示舊報告。這意味著您所有的舊分析數據將會丟失。

切換到 Google Analytics 4 將防止您從頭開始,沒有歷史數據。這樣,您可以未雨綢繆,並給自己充足的時間來學習新的 Google Analytics 儀表板和功能。

創建 Google Analytics 4 屬性

如果您已經有一個使用舊版本的 Google Analytics 帳戶,則可以輕鬆創建一個新的 GA4 屬性並開始向 GA4 发送統計數據。

首先,您需要訪問 Google Analytics 網站並登錄到您的帳戶。

接下來,前往左下角的“管理”設置。

如果您使用的是舊版 Google Analytics,則會看到設置 GA4 的選項。這樣可以,“GA4設置助理”在屬性列下選擇

在下一步中,設置助手將給您兩個選擇。您可以創建一個新的 Google Analytics 4 屬性或連接一個現有的。

由於我們要設置一個新屬性,只需在“我要創建新 Google Analytics 4 屬性”選項下點擊“開始”。

彈出窗口將顯示設置巫師的詳細信息。

如果您使用的是 Global Site Tag (gtag.js) 設置 Universal Analytics 則會看到一個選項以使用現有標籤啟用數據收集。

此選項使用現有的跟蹤代碼來收集信息。如果您的網站上還沒有正確的跟蹤代碼,我們會在下文中向您展示如何將其添加到您的 WordPress 博客。

現在,您可以點擊“創建屬性”按鈕。

設置巫師將添加一個新的 GA4 屬性,並複製 Universal Analytics 的屬性名稱、網站 URL、時區和貨幣設置。

您現在可以在 GA4 設置助手中查看您的新 Google Analytics 4 屬性。

接下來,您需要點擊“前往您的 GA4 屬性”按鈕來查看您的 Google Analytics 跟蹤代碼。

您可以點擊“收集網站和應用數據”並選擇“管理數據流”選項。

您應該能夠在數據流下看到您的新 GA4 屬性。

點擊您的新屬性。

右側將滑出新窗口,您將能夠看到您的網絡流詳細信息。

注意:Google Analytics 4 使用“數據流”和“網絡流”,這些都只意味著 Google Analytics 從您的網站接收的分析數據流。

點擊頂部的“查看標籤說明”。

接下來,您將看到不同的方式來連接您的 WordPress 站點與 Google Analytics。例如,Google Analytics 可以與網站建設者或 WordPress 插件連接。

您還可以手動添加跟蹤代碼到您的網站。

切換到“手動安裝”標籤來查看代碼。

您需要知道的是 Google Analytics 4 報告與您在 Universal Analytics 中習慣的報告有所不同。

它們引入了新術語,並且許多熟悉的度量標準和報告完全消失了。基本上,如果您是使用諸如最佳登錄頁面報告等常見報告,則需要在 Google Analytics 4 中從頭開始創建這些報告。

這就是為什麼我們建議使用 MonsterInsights Pro 或即使是 MonsterInsights 的免費版本。它將幫助您在 WordPress 儀表板中查看所有熟悉的分析報告,使您更容易找到決策所需的數據。

值得一提的是,使用 MonsterInsights,您可以獲得所有強大的跟蹤功能,如外部鏈接跟蹤、作者追蹤等等,這些都可以在不編寫任何代碼的情況下啟用。

您可以查看更多信息,請參閱我們的 MonsterInsights 完整評測。

向 WordPress 站點添加 Google Analytics 跟蹤代碼

將 Google Analytics 跟蹤代碼添加到 WordPress 網站的最佳方式是使用 MonsterInsights。這是我們在 WPressize Me 上使用的插件。

MonsterInsights 是 WordPress 上最佳的分析解決方案,並且被超過 300 萬個網站所信賴,因為它使您可以輕鬆設置高級跟蹤,而不需要任何編碼技能。

您可以使用 MonsterInsights Lite 版本來快速設置 Google Analytics。另外還有更高級的 MonsterInsights 計劃,提供更多功能,如自定義儀表板報告、電子郵件摘要、滾動跟蹤、電子商務跟蹤、高級集成等。

首先,您需要安裝並激活 MonsterInsights 插件。更多詳細信息,請參閱我們的 WordPress 插件安裝指南。

激活後,您將被帶到您的 WordPress 儀表板中的 MonsterInsights 歡迎屏幕。簡單點擊“啟動向導”按鈕,將 Google Analytics 添加到您的網站。

點擊按鈕後,設置向導會要求您選擇最能描述您的網站的類別。 您可以選擇商業網站、發佈者(博客)或網店。 選擇後,點擊“保存並繼續”按鈕。

下一步,您需要將 MonsterInsights 與您的 WordPress 網站連接。

點擊“連接 MonsterInsights”按鈕。

點擊按鈕後,您需要登錄到您的 Google 帳戶。 選擇您的帳戶並點擊“下一步”按鈕。

接下來,MonsterInsights 將需要訪問您的 Google Analytics 帳號。 MonsterInsights 應用需要這些權限,以便幫助您正確設置分析,並在您的 WordPress 儀表板中顯示所有相關統計數據。

點擊“允許”按鈕繼續。

然後,您將被重定向回 MonsterInsights 設置向導。 要完成連接,從下拉菜單中選擇您的 Google Analytics 4 屬性,然後點擊“完成連接”按鈕。

接下來,MonsterInsights 將 Google Analytics 與您的 WordPress 網站連接。

在下一個屏幕上,您將看到一些推薦設置,比如文件下載跟蹤和聯盟鏈接跟蹤。

您可以使用設置向導中的默認設置。但是,如果您正在使用聯盟鏈接插件,則需要輸入用來隱藏聯盟鏈接的路徑。

接下來,您可以向下滾動並選擇誰可以查看報告和添加不同的 WordPress 使用者角色。

完成後,點擊“保存並繼續”按鈕。

接下來,MonsterInsights 會顯示您可以為網站啟用的不同跟蹤功能。

您可以向下滾動並點擊“現在跳過”按鈕。

接下來,您將看到一個檢查表,顯示您已成功將 Google Analytics 連接到您的網站。

例如,它將顯示您已成功連接到 Google Analytics、正確安裝了跟蹤代碼並且正在收集數據。

接下來,您需要向下滾動並輸入您的許可密鑰。

在本教程中,我們只需點擊“完成設置無需升級”選項。

就是這樣。您已在您的 WordPress 站點添加了 Google Analytics 4 屬性。

您可以通過我們的指南來了解更多有關如何在 WordPress 中安裝 Google Analytics 的信息。

要查看您的網站表現如何,請前往 Insights » 報告。 在這裡,您將找到做出正確決策以增長您網站所需的所有數據。

您可以通過我們的指南來了解不同報告的更多信息,以及如何在 WordPress 中添加統計儀表板的指南。

我們希望這篇文章能幫助您了解如何在 WordPress 中切換到 Google Analytics 4。 您還可能想參閱我們的終極 WordPress SEO 指南以提高您的排名,或我們對小企業的最佳電子郵件營銷服務的比較。

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

Read More
WordPress 插件

如何自訂 WordPress 的搜尋結果頁面

為什麼要自訂 WordPress 搜尋結果頁面?

默認情況下,WordPress 網站具有基本的搜尋功能,允許使用者根據搜尋詞找到相應內容,但搜尋結果並不總是理想的。往往搜尋詞未能返回任何結果,即使實際上有幾個匹配項可以回答使用者的問題。同時,搜尋速度也較慢,需要加載頁面,對網站性能造成負擔。通過自訂搜尋結果頁面,可以創建更快速且更有用的搜尋系統,從而改善使用者體驗。

如何編輯 WordPress 搜尋結果頁面

我們將向您展示如何無需編寫任何代碼即可輕鬆編輯 WordPress 搜尋結果頁面,並用更強大的解決方案替換默認搜尋功能以提高搜尋結果質量。

步驟1:設置 SearchWP 作為您的 WordPress 搜尋引擎

SearchWP 是市場上最佳的 WordPress 搜尋插件,它可以通過替換默認搜尋引擎來提升搜尋速度和準確性。它自動在後台索引內容,搜索查詢運行更快,並與默認 WordPress 搜尋表單和模板兼容。下載並安裝插件後,訪問 SearchWP» 設定頁面,切換到『許可證』選項卡,輸入您在 SearchWP 網站帳戶中的插件許可證密鑰。接著配置搜尋引擎設置,調整源和屬性權重。

步驟2:為您的 WordPress 網站創建高級搜尋表單

SearchWP 允許您為 WordPress 網站創建高度使用的高級搜尋表單。前往 SearchWP» 搜尋表單頁面,點擊『新增』按鈕,然後自訂表單的名字和主題,完成後存儲設置。將表單嵌入到網站側邊欄或模板中,即可使用。

步驟3:調整搜尋結果以推廣重要內容

訪問 SearchWP» 擴展頁面安裝自訂結果排序擴展,並在 SearchWP» 統計頁面查看熱門搜尋詞。在 SearchWP» 搜尋算法頁面,輸入要推廣的搜尋詞並將特定內容置頂,即可讓其顯示在搜尋結果的首位。

步驟4:排除特定內容不顯示在搜尋結果中

訪問 SearchWP» 擴展頁面安裝排除 UI 擴展,編輯要排除的文章或頁面,並勾選『從搜尋中排除』選項,更新後該內容將不再在搜尋結果中顯示。

步驟5:讓搜尋結果即時顯示

安裝 SearchWP» 即時搜尋擴展,在搜尋表單中輸入關鍵詞時即時顯示搜尋結果,提升使用者體驗。

步驟6:在更多地方進行搜尋

SearchWP 可配置在 WordPress 網站的更多地方進行搜尋,如自訂欄位、PDF 文件和短碼輸出等。在搜尋算法頁面添加/移除屬性進行配置,並根據需要調整權重。

步驟7:將電商內容包含在搜尋結果中

安裝 WooCommerce Integration 擴展,配置使產品出現在搜尋結果中,調整屬性權重,提升電商搜尋結果的準確性。

希望本文能幫助您了解如何輕鬆自訂 WordPress 的搜尋結果頁面。

Read More
WordPress 主题

如何在 WordPress 中為頁面使用多個佈景主題

您是否想在 WordPress 中為不同頁面使用多個佈景主題?

您可以自訂您網站頁面的外觀和布局,並為文章、頁面和部分區域建立模板。但是如果您想為網站的某些部分或頁面使用完全不同的佈景主題呢?

本文將指導您如何在 WordPress 中為頁面使用多個佈景主題。

為什麼要在 WordPress 中為頁面使用多個佈景主題?

當您建立 WordPress 網站時,您會仔細選擇一個吸引人的佈景主題來展示您的內容。預設情況下,該佈景主題會使網站上的每個頁面具有相同的外觀和布局。

但是如果您希望網站的一個部分看起來完全不同呢?或者您希望網站上的某些頁面從其他頁面中脫穎而出,例如,您可能希望您的隱私政策頁面沒有側邊欄,或者使用不同的布局為您的 404 頁面。

以下是如何在 WordPress 中為頁面使用多個佈景主題的方法。我們將介紹兩種方法,您可以使用以下快速鏈接跳轉到您想要使用的方法:

方法一:通過插件使用多個 WordPress 佈景主題

方法二:使用自訂頁面建構器建立多個模板

注意:在開始之前,我們建議您對 WordPress 網站進行完整備份,以便在發生問題時能夠恢復。還建議您關閉任何緩存插件,例如 W3 Total Cache 或 WP Super Cache,因為這些插件有時會顯示頁面的舊版本,您可能看不到最新的更改。

方法一:通過插件使用多個 WordPress 佈景主題

在此方法中,我們將使用 Multiple Themes 插件在 WordPress 站點上同時使用多個佈景主題。如果您有特定的佈景主題希望在網站不同部分使用,這是最佳方法。

首先,您需要安裝並啟用 Multiple Themes 插件。有關詳細信息,請參閱我們關於如何安裝 WordPress 插件的分步指南。確保您想要使用的佈景主題已安裝在 WordPress 中。您一次只能啟用一個佈景主題,但可以安裝任意多的佈景主題。要了解更多,請參閱我們關於如何安裝 WordPress 佈景主題的指南。

此插件提供豐富的選項,我們將介紹三種最常見的用例。然而,您可以為幾乎任何頁面或區域使用不同的佈景主題。

1. 為首頁使用不同佈景主題

啟用後,請前往外觀 » Multiple Themes 插件來配置插件。確保您處於「設置」標籤下。

您需要向下滾動到「站點主頁」部分,然後從下拉菜單中選擇一個主題。然後,點擊「保存所有變更」按鈕來存儲您的設置。這樣簡單!您的首頁現在使用了不同的佈景主題。

2. 為博客使用不同佈景主題

也許您對佈景主題在博客文章上的外觀感到滿意,但不喜歡其他重要頁面的外觀。您可以為文章使用一個佈景主題,而為頁面使用另一個佈景主題。這種方法無論您的博客是位於首頁還是為博客文章創建了單獨的頁面都適用。首先,確保您希望為博客使用的佈景主題是啟動的。

接下來,會像之前一樣使用相同的插件。在 WordPress 儀表板中,前往設置 » Multiple Themes 插件。一旦到那裡,應點擊「高級設置」標籤。

向下滾動到「選擇所有頁面的佈景主題」部分。在這裡,您可以選擇一個新佈景主題,該佈景主題將在查看網站上的頁面時使用。完成後,確保點擊「保存所有變更」按鈕。

3. 為 WooCommerce 商店使用不同佈景主題

您的 WooCommerce 商店在選擇適合 WooCommerce 的佈景主題時效果最佳。預設的 Storefront 主題或其他主要的 WooCommerce 佈景主題將同時用於您的商店和網站。但是,如果您希望網站或博客使用與您的商店不同的佈景主題呢?這是另一個需要使用多個佈景主題的情況。

為此,我們將保持目前的 Storefront 主題啟動,然後為您的首頁、頁面和文章使用不同的佈景主題。像之前的方法一樣,前往設置 » Multiple Themes 插件。首先,您需要像上面所述更改網站首頁的佈景主題。在「設置」標籤下,向下滾動並更改網站主頁的佈景主題。

接下來,需要點擊「高級設置」標籤並向下滾動到「選擇所有頁面的佈景主題」部分。在這裡,需要從下拉菜單中更改頁面和文章的佈景主題。

還差一步就完成了,如果為博客文章創建了單獨的頁面,則需要完成這一步。返回「設置」標籤並向下滾動到「為單個頁面設置」部分。接下來,從下拉菜單中選擇相同的佈景主題,然後在「頁面、文章、前綴或其他的 URL」字段中鍵入您的博客頁面的 URL。您可以通過導航到網站上的博客頁面來發現正確的 URL。它可能看起來像這樣:https://example.com/blog/。一旦點擊「保存所有變更」按鈕,即完成。您的網站和 WooCommerce 商店將使用不同的佈景主題。

如何自訂第二佈景主題的外觀

根據上面的步驟,您選擇了一個用於網站某些部分的第二佈景主題。但是,如果您想自訂第二佈景主題的外觀怎麼辦?

應用第二佈景主題並未改變活動佈景主題。這意味著,如果您想配置替代佈景主題,則需要臨時啟動它。例如,假設您為網站使用了 Astra 主題,但為博客選擇了 Twenty Twenty 主題。要配置 Twenty Twenty 的主題選項,只需前往外觀 » 主題並啟動 Twenty Twenty 主題。現在,您可以自由使用外觀 » 自訂來更改主題。

您可以參閱我們的最終指南來學習如何使用 WordPress 主題自訂器。如果您使用的是塊狀 WordPress 佈景主題,則需要使用完整網站編輯器來自訂佈景主題。可以通過儀表板的外觀 » 編輯器訪問此功能。

您可以在我們的初學者指南中了解更多關於 WordPress 完整網站編輯的功能。一旦對主題設置感到滿意,請保存您的更改,然後返回 WordPress 管理面板的外觀 » 主題並重新啟動 Twenty Twenty-One 主題。對於更高階的主題選項,請查看插件的設置頁面的「主題選項」標籤。

此方法的缺點是,您在自訂選項時會臨時更改所有網頁的活動主題。為避免這種情況,您可以使用下面的方法二。

Multiple Themes 插件能夠進行更複雜的操作。例如,您可以為匹配通配符或查詢的頁面使用不同的主題。有關更多信息,請參閱插件在 WordPress.org 上的支持頁面。

方法二:使用頁面建構器建立多個模板

另一種建立完全不同外觀的頁面方法是使用拖放頁面建構器插件。這些插件允許您自訂網站上每個頁面的外觀和布局,無需使用任何代碼如 PHP、CSS 或 HTML。

這可能是一個更具成本效益的選擇,因為與其支付多個高級主題的費用,您可以通過一次購買一個插件來建立多個自訂主題。

SeedProd 是市場上速度和易用性最佳的 WordPress 頁面建構器。它提供了超過 300 個美麗的預製模板和站點套件,可以單獨應用到不同頁面上。雖然有免費版本的 SeedProd,但本教程將使用高級插件,因為它具有更多功能並允許您建立多個自訂主題。

首先,您需要安裝並啟用 SeedProd 插件。更多詳細信息,請參閱我們的分步指南來學習如何安裝 WordPress 插件。啟用後,系統會要求您輸入許可證密鑰。您可以在 SeedProd 網站上的帳戶中找到這些信息。

1. 為特定頁面建立自訂布局

SeedProd 可以用作頁面建構器插件,因此您可以建立具有完全自訂布局的頁面。為此,請前往 SeedProd » 登陸頁面,然後點擊「建立新登陸頁面」按鈕。

現在,您可以為此特定頁面選擇主題。SeedProd 附帶數百個美麗的頁面模板,您可以為每個頁面選擇不同的模板作為起點。如果您想從空白頁開始,則只需選擇「空白模板」。

系統會要求您提供頁面的標題和 URL。之後,請點擊標有「保存並開始編輯頁面」的按鈕繼續。

這將加載 SeedProd 頁面建構器界面。這個簡單的拖放建構器會在右側顯示頁面的即時預覽,左側是一個工具欄。如果您選擇了空白模板,則首先需要為頁面選擇一個布局。可以選擇沒有側邊欄的布局,也可以選擇左側或右側有側邊欄的布局,或使用多欄布局。在不同頁面上,您可以選擇完全不同的布局。

如果您選擇了另一個模板作為起點,您的頁面將已有一些內容。您可以通過點擊每個塊來編輯和自訂該內容。您還可以通過拖放向頁面添加新塊。

您可以在我們的指南中了解更多關於如何自訂頁面和添加新塊的信息,該指南介紹了如何使用 WordPress 建立登陸頁面。一旦完成頁面的建立,請點擊「保存」旁邊的下拉菜單,然後點擊「發布」來存儲頁面並在您的網站上公開。

2. 使用不同的布局建立您網站的自訂主題

SeedProd 也可以作為完全自訂的主題建構器使用。使用 SeedProd,您可以為網站的各個部分建立自訂設計。這意味著您可以為您的博客和網站的其餘部分選擇完全不同的布局,或者為您的電子商務商店和首頁選擇不同的布局。

要開始,請前往 SeedProd » 主題建構器,然後點擊「主題」按鈕。

從這裡,您可以選擇一個主題布局作為起點。它們完全可自訂,因此您可以僅作為起點使用它們。選擇一個主題後,SeedProd 將生成網站不同區域所需的所有模板。每個模板都是完全可自訂的。實質上,您可以使每個部分看起來像完全不同的主題。您還可以添加自己的模板,這些模板可以條件地在網站的不同區域使用。例如,您可以建立一個僅在您的博客文章中使用的側邊欄。或者,您可以僅為產品頁面建立一個自訂頁面布局。

更多使用 SeedProd 的詳情,請查看以下指南:

  • 如何輕鬆建立自訂 WordPress 主題(無需任何代碼)
  • 如何使用 SeedProd 在 WordPress 中建立美麗的即將推出頁面
  • 如何在 WordPress 中建立銷售頁面(轉換率高)
  • 如何在 WordPress 中建立自訂頁面

我們希望這個教程能幫助您了解如何在 WordPress 中為頁面使用多個佈景主題。您可能還想了解如何建立電子郵件通訊,或查看我們的增長網站必備插件列表。如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。您還可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 主题

如何在 WordPress 中使用 jQuery 增加平滑回頂效果

您是否想在 WordPress 網站上添加回頂效果?這種效果在頁面較長時非常有用,可以讓用戶輕鬆返回頁面頂部,提升網站的用戶體驗。

本文將教您如何使用 jQuery 和插件在 WordPress 中添加平滑回頂效果。

什麼是平滑回頂效果?什麼時候應該使用?

除非網站具有固定的標頭菜單,否則用戶在滾動到頁面的底部時需要手動返回頂部,這可能會讓人感到厭煩,甚至可能因此離開網站。因此,您需要一個按鈕,快速將用戶送回到頁面的頂部。

您可以簡單地添加一個文本鏈接實現此功能,無需 jQuery,如下所示:

<a href="#" title="返回頂部">^頂部</a>

它會在幾毫秒內將用戶返回頁面頂部,但效果可能會顯得生硬,就像突然遇到颠簸一般。相反,平滑回頂效果可以讓用戶以視覺上愉悅的方式返回頂部,顯著改善網站的用戶體驗。

接下來,讓我們看看如何使用 WordPress 插件和 jQuery 添加平滑回頂效果。

使用 WordPress 插件添加平滑回頂效果

這種方法適合初學者,無需編寫任何代碼即可在 WordPress 網站上添加平滑回頂效果。首先,您需要安裝並激活 WPFront Scroll Top 插件。如果需要幫助,請參閱我們的 WordPress 插件安裝指南。

啟用插件後,您可以從 WordPress 後台導航到 設定 » Scroll Top 在這裡進行插件配置並自定義平滑回頂效果。首先,您需要勾選「啟用」選項,以激活網站上的回頂按鈕。接下來,您可以修改滾動偏移、按鈕大小、不透明度、淡出持續時間、滾動持續時間等。

下拉並找到更多選項,例如自動隱藏時間、在小設備上隱藏按鈕以及在 wp-admin 屏幕上隱藏按鈕。您還可以編輯按鈕的操作,默認情況下,它會滾動到頁面頂部,但您可以將其更改為滾動到文章中的特定元素,甚至鏈接到一個頁面。

插件還提供了多種預建按鈕設計可供選擇,您能夠輕鬆找到適合網站的設計。如果找不到合適的預建圖片按鈕,您也可以從 WordPress 媒體庫上傳自定義圖片。

完成設置後,點擊「保存更改」按鈕即可。您現在可以訪問網站,查看回頂按鈕的效果。

使用 jQuery 在 WordPress 中添加平滑回頂效果

這種方法不適合初學者,適合那些對編輯主題感到舒適的人,因為它需要在網站上添加代碼。我們將使用 jQuery、一些 CSS 和一行 HTML 代碼在您的 WordPress 主題中添加平滑回頂效果。

首先,打開文本編輯器(如 Notepad),創建一個文件,並將其保存為 smoothscroll.js。接下來,將以下代碼複製並粘貼到文件中:

jQuery(document).ready(function($){
	$(window).scroll(function(){
    if ($(this).scrollTop() < 200) {
		$('#smoothup').fadeOut();
    } else {
		$('#smoothup').fadeIn();
    }
});
$('#smoothup').on('click', function(){
	$('html, body').animate({scrollTop:0}, 'fast');
	return false;
	});
});

保存文件並將其上傳到您的 WordPress 主題目錄中的 /js/ 文件夾中。如果您的主題沒有 /js/ 目錄,可以創建一個並將 smoothscroll.js 上傳其中。更多詳細步驟,請參閱我們的 FTP 上傳文件指南。

接下來需要在主題中加載 smoothscroll.js 文件。為此,我們將在 WordPress 中掛載腳本。將以下代碼複製並粘貼到主題的 functions.php 文件中。我們不建議直接編輯主題文件,因為即使是最細微的錯誤都可能導致您的網站崩潰。相反,您可以使用像 WPCode 這樣的插件,並參閱我們的如何在 WordPress 中添加自定義代碼片段教程。

wp_enqueue_script( 'smoothup', get_template_directory_uri() . '/js/smoothscroll.js', array( 'jquery' ), '', true );

在上述代碼中,我們告訴 WordPress 加載我們的腳本,同時加載 jQuery 庫,因為我們的插件依賴於它。

現在,我們已經添加了 jQuery 部分,接下來讓我們在 WordPress 站點中添加一個將用戶返回頂部的鏈接。將以下 HTML 粘貼到主題的 footer.php 文件中。如果需要幫助,請參閱我們的如何在 WordPress 中添加頁眉和頁腳代碼教程。

<a href="#top" id="smoothup" title="返回頂部"></a>

您可能注意到 HTML 代碼中包含一個鏈接,但沒有錨文本。這是因為我們將使用向上的箭頭圖標作為顯示返回頂部按鈕。在此示例中,我們使用 40x40 像素的圖標。簡單地在主題的樣式表中添加以下自定義 CSS。

#smoothup {
height: 40px;
width: 40px;
position:fixed;
bottom:50px;
right:100px;
text-indent:-9999px;
display:none;
background: url("https://www.example.com/wp-content/uploads/2013/07/top_icon.png");
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s; transition-duration: 0.4s;
}
#smoothup:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
background: url('') no-repeat;
}

在上述 CSS 中,請確保將 https://www.example.com/wp-content/uploads/2013/07/top_icon.png 替換為您想使用的圖片 URL。您可以使用 WordPress 媒體上傳器上傳自己的圖標,然後複製圖片 URL 並將其粘貼到代碼中。

希望這篇文章幫助您在您的網站上使用 jQuery 添加平滑回頂效果。您可能還想查看我們專家推薦的小型企業最佳 WordPress 插件,以及我們的逐步指南,了解如何創建網上商店。

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

Read More
WordPress 基础知识

新手指南:如何在WordPress中添加链接

新手指南:如何在WordPress中添加链接

链接对于引导访客浏览你的网站至关重要。它们连接你的内容,改善导航。在WordPress中,你可以在文章、页面、菜单、侧边栏和页脚等不同位置添加链接。本指南将逐步为你演示如何添加链接的方法,帮助你提高网站的可用性。

链接的重要性

链接是互联网的信息血液。它们连接网站和网页,形成一个信息的全球网络。如果你访问一个没有任何链接的网页,你只能点击浏览器的返回按钮。超链接文本、按钮和其他元素将你从一个页面带到另一个页面或网站。链接使访客知道可以在WordPress网站上找到更多信息。

如何在WordPress的文章和页面中添加链接

在WordPress的区块编辑器中添加链接非常简单。编辑你的文章或页面,或者创建一个新页面。接下来,你需要选择你希望附加链接的文字。此选定的文字叫做链接的锚文本。然后,点击工具栏中的“链接”按钮。

你会看到一个可以输入URL的框。URL是网页地址。例如,WPressize Me关于如何开始使用WordPress博客的指南的URL是:https://www.wpressize.me/start-a-wordpress-blog

你可以复制并粘贴你希望链接到的文章或页面的URL。点击“提交”按钮或按“回车”键将链接插入到你的文章中。如果你是链接到你自己的网站内容,那么搜索你的内容标题中的一个或两个词会更快,然后WordPress会自动找到它。

如果你希望链接在新标签页中打开,首先添加链接,然后点击链接,再勾选“在新标签页中打开”选项。

在经典编辑器中添加链接

如果你使用的是旧版经典编辑器,添加链接的方法类似。打开你想编辑的文章或创建新文章,选择你想用作链接锚文本的文字并高亮显示。然后点击工具栏中的“链接”按钮。

你可以粘贴你要链接到的URL或搜索文章或页面,如同区块编辑器中的操作。

在WordPress导航菜单中添加链接

是否需要在网站导航菜单中添加链接?WordPress具有内置的拖放菜单编辑器,允许你在WordPress网站上创建和管理导航菜单。

如果你使用的是完整站点编辑器中的区块主题,那么你可以简单地前往“外观»编辑器”页面并点击你要编辑的导航菜单。在导航区块中,点击“添加(+)”按钮添加新链接。通过搜索找到你要链接的内容或粘贴URL后按回车键添加该链接。要编辑链接,只需点击它并在右侧面板更改链接即可。

如果你使用经典主题,则前往“外观»菜单”页面。如果你没有设置菜单,可以通过输入菜单名称来创建一个。选择你希望添加到菜单中的文章或页面,然后点击“添加到菜单”按钮。WordPress会自动链接到所选文章和页面,使用拖放来重新排列条目。

如何在WordPress中添加按钮链接

是否想在WordPress文章或页面中添加按钮?最简单的方法是使用WordPress内置的“按钮”区块。创建新文章或编辑现有文章,点击“+”图标创建一个新区块,然后拖动“按钮”区块到文章中并输入按钮的文本。

之后,使用工具栏中的“链接”按钮添加链接。这和在WordPress区块编辑器中任何其他链接的添加方法相同。

如何在WordPress中嵌入链接内容

你可以通过简单地在文章中插入URL来轻松嵌入某些类型的内容。有时这被称为在文章中创建“内容卡”。只需将整个URL粘贴到它自己的段落区块中。例如,如果你粘贴一个Twitter URL,整个推文(包括图片、点赞、时间戳等)都会被嵌入。

YouTube视频的操作也是一样的。找到你要使用的视频并复制浏览器窗口顶部的URL,然后将链接粘贴到你的文章或页面中,视频会自动嵌入。这个方法对Twitter推文、YouTube视频以及其他多种内容都有效。

手动在HTML中添加链接

有时候,你可能希望使用HTML代码在网站中添加链接。你可以试试在文章或页面中添加自定义HTML区块。你可以在“组件”中找到这个区块或使用搜索栏搜索。

接下来,你会看到一个可以编写HTML的框。将下面的代码复制到框中:

<a href="https://www.yourlinkhere.com">Text</a>

它应该看起来像这样。点击“预览”标签以查看代码在文章或页面中的样子:现在点击回到“HTML”标签以更改URL为正确的网页。此外,你可以将“Text”更改为任何你希望用作链接的文字。如果你希望链接在新标签页中打开,只需在HTML代码中添加 target="_blank",像这样:

<a href="https://www.yourlinkhere.com" target="_blank">Text</a>

如果你希望链接没有被跟随(nofollow),则添加 rel="nofollow",像这样:

<a href="https://www.yourlinkhere.com" rel="nofollow">Text</a>

你可以一次包含所有这些。这是一个带有标题、在新标签页打开并被nofollow的链接示例:

<a href="https://www.yourlinkhere.com" title="This is the title" target="_blank" rel="nofollow">Text</a>

希望这些方法对你有所帮助。

Read More
WordPress 插件

如何在WordPress允許用戶檢舉不當評論

為何在WordPress允許用戶檢舉不當評論?

儘管WordPress有工具來對抗評論垃圾機器人,負面評論仍可能被忽略。特別是如果您允許用戶匿名發表評論。不當、粗魯和傷人的言詞出現在您的網站上,會損害品牌形象並對您的業務產生負面影響。此外,搜尋引擎優先考慮用戶滿意度。包含不適當或冒犯內容的網站可能會受到懲罰,導致排名下降。

幸運的是,您無需對評論設定做出重大改變。您不需要完全禁用評論來應對這一問題。透過允許用戶檢舉不當評論,您可以快速移除冒犯性的留言,使您的網站更加愉快,這還能幫助您在WordPress博客上獲得更多的評論。

在WordPress允許用戶檢舉不當評論

最好透過使用Zeno Report Comments這個外掛程式來讓人們檢舉不當的WordPress評論。這個外掛會自動從您的網站上移除被檢舉的評論,讓您進行審核。

首先,您需要從WordPress儀表板安裝並啟用Zeno Report Comments外掛程式。更多詳情請參見我們的逐步指南,學習如何安裝WordPress外掛。

之後,前往WordPress管理區域中的“設定”»“討論”頁面。在這裡,捲動到“允許評論標記”部分並勾選該框。

在該選項下方有更多選項可以自訂檢舉功能。首先,您會看到“標記閾值”選項,這是評論需要獲得多少次檢舉才會被標記進行手動審核。我們建議將其設置為1,但您可以使用任何數字。例如,如果您的讀者開始檢舉您實際上願意保留在WordPress博客上的評論,那麼您可能需要提高閾值。

預設情況下,Zeno Report Comments每次用戶標記負面評論以及需要手動審核的評論時都會向您發送電子郵件通知。這些電子郵件可以幫助您更快地移除冒犯信息。然而,如果您的WordPress網站收到大量評論,這些電子郵件可能讓您感到不堪重負。您可以取消選中“管理員通知”旁邊的框,以禁用電子郵件通知。如果需要,我們建議每天審查您的新評論。

還有名為“檢查垃圾機器人保護”的設置。我們建議啟用此功能以防止您的檢舉按鈕被垃圾機器人濫用。

當您對設定感到滿意時,請確保點擊“保存”按鈕。現在,如果您打開您的博客,您將會在每則評論下看到一個新的“檢舉評論”鏈接。用戶可以通過點擊此鏈接來檢舉不當評論。

當用戶檢舉一則已批准的評論時,外掛程式會顯示一則消息,確認已收到他們的回饋。這讓他們知道您認真對待他們的報告。

一旦評論的檢舉次數達到標記閾值,就會被送至審核隊列。您現在可以刪除該評論、將其標記為垃圾信息或重新批准它。

欲了解更多信息,請參見我們的文章《如何在WordPress中審核評論》,它涵蓋了關於評論審核的一切,從配置WordPress的討論設置到保護您的網站免受垃圾評論的提示。

額外提示:使用Thrive Comments顯示/埋藏評論

除了檢舉評論,另一種促進健康和積極的評論區的方法是讓用戶在您博客文章中顯示或埋藏評論。這使您的讀者能夠突出有價值的評論並淡化不相關的評論。透過顯示有價值的評論,您可以引導對話朝著積極的方向發展。此外,這還能給讀者一種對對話的控制感。

實現此功能的一種方法是使用Thrive Comments外掛程式。Thrive Comments提供多種功能來提升評論參與度,包括評論上票和下票、點讚和不點讚。

此外,您還能獲得後續評論操作。利用這個功能,您可以推薦相關資源或鼓勵他們訂閱您的電子郵件列表,讓評論者在您的網站上停留更長時間。

想了解更多詳細信息,請參閱我們的文章《如何在WordPress中顯示或埋藏評論》,還可以在我們的Thrive Themes評測中了解更多關於Thrive Comments的信息。

我們希望這篇文章幫助您了解如何在WordPress允許用戶檢舉不當評論。您可能還想查看我們的指南《如何允許用戶註冊您的WordPress網站》以及我們挑選的最佳聯絡表格外掛。

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

Read More
WordPress 插件

如何在WordPress博客文章中嵌入PDF、電子表格等文件

如何在WordPress博客文章中嵌入PDF、電子表格等文件

是否曾經寫過一篇需要附加資源的博客文章,如可下載的PDF或格式化完整的電子表格?我們知道增加多樣內容至網站的力量。然而,弄清楚如何嵌入各種文件格式和類型可能會令人感到困難。

在這篇文章中,我們將展示如何在WordPress博客文章中嵌入PDF、電子表格、PowerPoint和其他文檔。完成該指南後,您將能夠與讀者分享有價值的文檔,從而提升您的內容。

添加PDF到WordPress博客文章(無插件)

WordPress允許您上傳PDF至網站,然後在頁面或文章中顯示該文件。它還添加了一個‘下載’按鈕,訪客可以將PDF保存到他們的計算機中。

這對於需要訪客保存的文件是個不錯的選擇。例如,您可以創建下載PDF產品目錄,或在WordPress中添加電子書下載。

要使用此方法,只需打開您想要添加可下載PDF的頁面或文章,然後創建一個新的‘文件’塊。之後,點擊‘上傳’,選擇您想使用的PDF文件。

WordPress現在將在頁面或文章中嵌入PDF並顯示其文件名,以及一個‘下載’按鈕。如需更改文件名或‘下載’文字,只需點擊文字進行更改即可。

如果您想隱藏下載按鈕,只需在右側菜單中禁用‘顯示下載按鈕’切換開關。最後,點擊頁面頂部的‘發佈’或‘更新’以使您的更改生效。

您也可以使用此方法添加其他文檔的可下載鏈接,如Microsoft Word文檔、Excel電子表格和PowerPoint演示文稿。然而,文件塊不會在您的WordPress網站內顯示文檔內容,因此訪客需要下載文件才能查看。

使用PDF插件添加PDF到WordPress博客文章

使用內建的WordPress文件塊對於嵌入少量簡單PDF是可以的。但它不提供很多自定義選項,因此我們推薦使用插件。

WP PDF Embedder是最好的WordPress PDF插件之一,允許您輕鬆在WordPress文章或頁面中嵌入友好的PDF文件。該插件自動調整PDF文件大小,並提供帶有導航按鈕、放大功能、下載按鈕、PDF搜索按鈕等工具欄。

首先,您需要安裝並激活WP PDF Embedder插件。如果需要幫助,請參閱我們的如何安裝WordPress插件教程。

注意:您可以使用PDF Embedder的免費版本。但插件的高級版本提供更多高級功能。

插件激活後,從WordPress儀錶板轉到設置 » PDF Embedder。在這裡,您可以配置PDF瀏覽器的設置。例如,您可以指定PDF的寬度和高度。

當您對設置滿意後,點擊‘保存更改’按鈕。現在您可以開始在WordPress文章中嵌入PDF。

嵌入Microsoft Word、電子表格和其他文檔

您希望嵌入PDF文件以外的文檔嗎?例如,您可能希望在網站上顯示Microsoft Word文檔、電子表格或PowerPoint演示文稿。這種情況下,我們推薦使用Embed Any Document插件,因為它允許您嵌入各種類型的文檔。

首先需要在網站上安裝並激活Embed Any Document插件。然後創建新文章或打開現有文章,點擊‘+’按鈕,找到‘嵌入’部分下的新‘文件’塊。

點擊以添加塊到頁面或文章中。之後,點擊‘上傳’按鈕,您現在可以從計算機上傳文檔。

如果文檔已發布在線,您可以選擇‘URL’並輸入鏈接。選擇文檔後,您將看到不同的嵌入方式,可以根據需要進行自定義。當對設置滿意後,點擊‘插入’。

在WordPress文章中嵌入SlideShare演示文稿

您可以使用內建的WordPress工具從第三方網站嵌入內容。特別是,WordPress有YouTube視頻、推文和SlideShare演示文稿的嵌入塊。

以SlideShare為例,要在WordPress博客文章中嵌入演示文稿,創建新文章或編輯現有文章,然後添加新‘SlideShare’塊。

訪問SlideShare網站並複製要嵌入的演示文稿鏈接,將鏈接粘貼到嵌入SlideShare塊中並點擊‘嵌入’按鈕。WordPress會自動添加演示文稿到文章中。

如何在WordPress中嵌入Google Docs、Sheets等

目前為止,我們展示了如何添加從本地計算機上的PDF和其他文檔。然而,許多人使用Google Drive在線創建和存儲文檔。

您可以使用iFrame方法輕鬆在WordPress文章中嵌入Google Drive文件。首先,打開瀏覽器中的文檔,轉到‘文件’菜單,然後選擇‘分享’再點選‘發布到網頁上’。選擇‘嵌入’標籤,點擊‘發布’按鈕,Google Drive會提供唯一的iFrame嵌入代碼。

打開想嵌入Google文檔的文章,點擊藍色的‘+’圖標並添加自定義HTML塊,將iFrame嵌入代碼粘貼到自定義HTML塊中。如果需要,可添加高度和寬度參數調整顯示方式。

如何在WordPress中出售PDF、電子表格等文件

有許多方法可以在WordPress博客上賺錢,但許多網站所有者選擇出售數字文件,例如合同、遺囑或稅務申報等重要法律文件的模板。若您出售在線課程,可以創建一些幫助資源如模擬考題或高級演示文稿。

Easy Digital Downloads是最好的WordPress電子商務插件,可銷售數字文件。如果您使用SiteGround作為WordPress托管提供商,Digital Downloads會預裝在您的帳戶上,您可以立即開始銷售數字文件。

請參閱我們的指南了解如何銷售Google電子表格。

在WordPress文章中跟蹤文件下載

若嵌入的文件可以下載,您可能想知道這些文件的表現如何。這對於銷售數字下載或使用下載來收集訪問者聯繫信息並擴展電子郵件列表尤為重要。

最簡單的方式是使用MonsterInsights,它是最好的WordPress分析插件。您可以使用MonsterInsights Lite版本開始,它包括跟蹤文件下載所需的一切功能。但如果升級到MonsterInsights Pro版本,可以在WordPress儀表板中查看最受歡迎的下載及其他高級報告。

首先,安裝並激活MonsterInsights Lite插件。然後將WordPress網站與Google Analytics連接。MonsterInsights會自動開始跟蹤文件下載。使用Pro版本,可在儀表板中的報告下查看最高下載鏈接的報告。

若希望跟蹤更多文件,可更改MonsterInsights設置。詳情見我們的指南。

希望本文幫助您了解如何在WordPress文章中嵌入PDF、電子表格和其他文檔。您可能也希望查看我們的指南了解如何在WordPress頁面或文章中插入內容,以及如何在WordPress中添加互動地圖。

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

Read More
WordPress 教学

修復:WordPress 記憶體用盡錯誤–增加 PHP 記憶體

什麼是 WordPress 記憶體用盡錯誤?

當你的網站在執行任務時遇到困難,你可能會看到 WordPress 記憶體用盡錯誤訊息。 WordPress 是使用 PHP 構建的,而 PHP 是一種伺服器端的程式語言,運行時需要記憶體。 與其他計算機一樣,網頁伺服器也有有限的記憶體來同時運行多個應用程式。 WordPress 託管服務提供商會為不同應用程式(包括 PHP)分配特定記憶體大小。

當你的 WordPress 程式碼需要的記憶體超過默認分配的記憶體時,你會看到以下錯誤訊息:
致命錯誤:允許的記憶體大小為 33554432 字節,用盡(嘗試分配 2348617 字節)於 /home4/xxx/public_html/wp-includes/plugin.php 在行 xxx
你的 WordPress 網站可能因為以下原因耗盡伺服器記憶體:

  • 大量圖片、影片和其他類型的媒體。
  • 很多未使用的 WordPress 外掛。
  • 託管方案資源不夠。

默認情況下,如果 PHP 記憶體限制低於 64MB,WordPress 將自動嘗試增加這個限制。然而,64MB 往往是不夠的。接下來,我們來看看如何輕鬆增加 PHP 記憶體限制以避免記憶體用盡錯誤。 可以使用以下快速鏈接導航教程:

選項 1:編輯 wp-config.php 文件

首先,你需要編輯 WordPress 網站上的 wp-config.php 文件。這是位於根目錄(通常為 public_html)中的核心 WordPress 文件之一。你需要使用像 FileZilla 這樣的 FTP 客戶端或網頁託管控制台中的文件管理器。

接下來,你需要在 wp-config.php 文件中,在 ‘That’s all, stop editing! Happy blogging’ 行前面粘貼以下這行:

define( 'WP_MEMORY_LIMIT', '256M' );

這段代碼告訴 WordPress 將 PHP 記憶體限制增加到 256MB。 有關更多詳情,請參見我們的分步指南,了解如何查找和編輯 wp-config.php 文件。 完成後,你需要保存更改並將 wp-config.php 文件上傳回伺服器。 現在你可以訪問你的 WordPress 網站,記憶體用盡錯誤應該已經消失了。

選項 2:編輯 .htaccess 文件

下一個方法是編輯 .htaccess 文件。該文件也位於 WordPress 網站的根文件夾中。 在這裡,你需要將以下代碼粘貼在 ‘#END WORDPRESS’ 行前面:

php_value memory_limit 256M

與前一段代碼類似,它會告訴 WordPress 將 PHP 記憶體限制增加到 256MB。 之後,只需保存你的更改並將文件上傳回你的網頁伺服器。你現在可以再次打開你的 WordPress 網站,看記憶體限制錯誤是否消失了。如果找不到 .htaccess 文件,請查看我們的指南,了解為什麼 .htaccess 文件可能丟失以及如何找到它。

選項 3:檢查你的 php.ini 文件

如果上述方法不起作用,你可能需要查看 php.ini 文件。php.ini 是控制 PHP 設置的文件,包括 PHP 版本和 PHP 腳本。它不是 WordPress 核心文件,通常由你的託管服務提供商管理。你可以檢查其代碼以查看你的 PHP 記憶體使用限制。 有關詳細信息,你可以參見我們關於如何查找和編輯 php.ini 文件的指南。不過,由於這是一種進階方法,我們建議你聯繫網頁託管提供商的支持團隊,看看是否可以手動增加 WordPress 記憶體限制。否則,這可能會導致更多錯誤。你也可以參見我們的指南,了解如何正確請求 WordPress 支持。

選項 4:升級你的 WordPress 託管

如果你經常遇到記憶體用盡錯誤,這可能意味著你網站的託管方案已經不適用了。隨著你的網站吸引更多訪客和增加更多內容,它需要更多資源才能順利運行。升級到分配更高記憶體的方案可以是一勞永逸的解決方案。考慮升級你的 WordPress 託管:

  • 如果你已嘗試過之前的解決方案但錯誤依然存在。
  • 如果你網站的流量或內容顯著增加。
  • 如果你計劃添加需要更多資源的功能或功能。

Bluehost 提供經濟實惠且可靠的 WordPress 託管方案,可以隨著你的網站需求進行擴展。它們提供專為 WordPress 優化的用戶友好平台,使你可以輕鬆管理網站。如果你使用我們的 Bluehost 優惠碼,則可以獲得最多 61% 的首次購買折扣。

→ 點擊此處獲取獨家 Bluehost 優惠 ←

如何避免耗盡你的 WordPress 記憶體

既然你已經解決了 WordPress 記憶體用盡錯誤,這裡有一些積極的步驟來防止它再次發生:

  • 停用未使用的外掛。許多外掛會消耗記憶體。 定期查看已安裝的外掛,停用任何你不活躍使用的,以釋放記憶體進行基本任務。
  • 優化圖片。大型圖片可以佔用大量記憶體。考慮使用像 EWWW Image Optimizer 這樣的外掛來自動壓縮圖片,然後再上傳到你的網站。
  • 使用快取外掛。快取外掛存儲網站數據,減少每次訪問時 WordPress 需要重新生成數據的需求。這可以顯著提高網站性能並降低記憶體使用量。

我們希望這篇文章幫助你通過增加 PHP 記憶體限制來解決 WordPress 記憶體用盡錯誤。也可以參見我們的分步新手指南了解如何排除 WordPress 錯誤以及我們專家的最佳 WordPress 插件推薦,來幫助網站成長。如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道獲取更多 WordPress 視頻教程。你也可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 主题

如何在 WordPress 中創建自定義頁面

如何在 WordPress 中創建自定義頁面

更新於2024年5月3日;由編輯部撰寫 | 審閱者:Syed Balkhi

您是否想在 WordPress 中創建一個自定義頁面?自定義頁面允許您使用與網站其餘部分不同的佈局。許多 WordPress 網站使用自定義頁面佈局來建立銷售頁面、登陸頁面、網路研討會頁面等。

在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中創建自定義頁面。

為什麼要在 WordPress 中創建自定義頁面?

每當您創建新頁面時,WordPress 主題使用模板文件來控制該頁面的外觀。這個 page.php 模板會影響您在 WordPress 中創建的所有單一頁面。然而,您可能不希望每次都使用相同的設計。

登陸頁面通常具有與常規頁面不同的內容,比如大型的主圖像或行動呼籲 (CTA)。這意味著它們往往與網站的其他部分看起來完全不同。然而,使用標準頁面模板創建獨特設計可能會花費大量時間。您還受到 page.php 模板的限制,可能無法創建您想要的精確設計。

那麼,讓我們看看如何在 WordPress 中創建自定義頁面,精確設計、佈局和內容您想要的外觀。

方法1:使用區塊編輯器創建自定義頁面 (無需插件)

區塊編輯器使得使用您已熟悉的工具設計自己的模板變得簡單。這是一個很好的選擇,如果您計劃在多個頁面上重複使用相同的設計,因為您可以簡單地應用相同的模板。

要開始,請打開任何頁面或文章。然後,在右側菜單中選擇“頁面”選項卡並點擊“模板”旁邊的文本。彈出窗口中,點擊“添加模板”圖標,輸入模板名稱然後點擊“創建”。這將啟動模板編輯器,與 WordPress 的內容編輯器類似。

要向自定義頁面設計中添加區塊,只需點擊藍色的“+”按鈕。您可以拖放添加區塊。當模板看起來令人滿意時,點擊“發布”按鈕並保存。現在您可以將此模板應用到任何頁面,只需在編輯器中打開該頁面,選擇新模板並添加內容。

方法2:使用全站編輯器創建自定義頁面 (僅限區塊主題)

如果您使用的是區塊主題,那麼您可以使用全站編輯器創建自定義頁面,這允許您更改個別頁面的佈局,而不需要創建自定義模板。

首先正常創建頁面,然後轉到外觀 > 編輯器。在左側菜單中點擊“頁面”,找到您想重新設計的頁面並點擊它進行編輯。使用全站編輯器工具進行編輯,比如添加新的區塊或自定義現有區塊。完成更改後,點擊“保存”按鈕。

方法3:使用 SeedProd 創建自定義頁面 (推薦)

我們推薦使用頁面構建器來創建自定義頁面。SeedProd是一個最佳的拖放頁面構建器,擁有超過350個模板,允許您創建自定義頁面而不需要編寫任何代碼。首先,您需要安裝並啟用 SeedProd 插件,然後進入 SeedProd > 登陸頁面並點擊“添加新登陸頁面”按鈕,選擇適合的模板並進行自定義設計。

使用 SeedProd 的拖放編輯器,您可以輕鬆自定義選定的模板。完成設計後,點擊“保存和開始編輯頁面”按鈕,然後發布頁面。

方法4:使用 Thrive Architect 創建自定義頁面

您還可以使用 Thrive Architect 創建自定義頁面,這是一個流行的拖放頁面構建器。首先安裝並啟用插件,然後進入頁面 > 新增 頁面中,選擇“啟動 Thrive Architect”,選擇適合的模板並進行編輯。

在 Thrive Architect 編輯器中,您可以點擊任何元素來自定義它。完成設計後,點擊“保存工作”旁邊的箭頭按鈕,然後選擇“保存並返回至帖子編輯器”。然後您可以發布頁面,它將顯示在您的 WordPress 網站上。

我們希望這篇文章幫助您了解如何在 WordPress 中創建自定義頁面。您也可以查看我們關於如何提高博客流量的指南,以及我們精選的最佳 WordPress 聯繫表單插件。

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

Read More
WordPress 主题

如何在 WordPress 中以下拉清單顯示最近的文章

為何以及誰需要下拉清單展示最近文章?

WordPress 內建的最近文章小工具可以添加至任何側邊欄或準備好放置小工具的區域。這個小工具只是簡單地展示最近文章列表,您可以選擇要展示的文章數量。但是,如果您想展示超過 5-10 篇文章,那麼這個列表會在側邊欄中佔用大量空間。一些 WordPress 用戶可能需要更緊湊的方式來展示最近文章。在這種情況下,使用下拉清單或可折疊列表可以幫助節省空間。

在 WordPress 中顯示簡單的下拉清單最近文章(手動代碼)

此方法使用內建的 wp_get_recent_posts 函數。您只需將以下代碼複製並粘貼到佈景主題的 functions.php 文件或站點特定的插件中。

function wpb_recentposts_dropdown() {
$string .= '<select id="rpdropdown">
<option value="" selected>選擇一篇文章</option>';

$args = array( 'numberposts' => '5', 'post_status' => 'publish' );
$recent_posts = wp_get_recent_posts($args);
foreach( $recent_posts as $recent ){
$string .= '<option value="' . get_permalink($recent["ID"]) . '">' . $recent["post_title"].'</option> ';
}

$string .= '</select>
<script type="text/javascript"> var urlmenu = document.getElementById( "rpdropdown" ); urlmenu.onchange = function() {
window.open( this.options[ this.selectedIndex ].value, "_self" );
};
</script>';

return $string;
}
add_shortcode('rp_dropdown', 'wpb_recentposts_dropdown');
add_filter('widget_text','do_shortcode');

現在您可以在 WordPress 文章、頁面和文本小工具中使用短代碼 [rp_dropdown]。它看起來像這樣:

使用插件添加可折疊的最近文章

上述方法僅僅是將最近文章以下拉形式列表顯示。另一種節省空間的方法是使用可折疊的最近文章列表,當用戶點擊時展開。首先,您需要安裝並激活 Collapse-O-Matic 插件。該插件即插即用,無需配置設置。該插件允許您使用短代碼在可折疊菜單中顯示任何內容。

在使用該插件之前,我們需要一種方法來輕鬆地在任何地方顯示最近文章。只需將下面的代碼添加到您的主題的 functions.php 文件或站點特定的插件中。

function wpb_recentposts() {
$string .= '<ul>';
$args = array( 'numberposts' => '5', 'post_status' => 'publish' );
$recent_posts = wp_get_recent_posts($args);
foreach( $recent_posts as $recent ){
$string .= '<li><a href="' . get_permalink($recent["ID"]) . '">' . $recent["post_title"].'</a></li> ';
}
$string .= '</ul>';
return $string;
}
add_shortcode('recentposts', 'wpb_recentposts');
add_filter('widget_text','do_shortcode');

這段代碼允許您使用短代碼 [recentposts] 顯示最近文章列表。現在我們將短代碼添加到 Collapse-O-Matic 短代碼中,創建一個可折疊的最近文章列表。只需這樣添加短代碼:

[expand title=”最近文章”][recentposts][/expand]

您可以將此短代碼添加到文本小工具、WordPress 文章或頁面中。我們的測試站點中,它看起來是這樣的。

就是這樣,我們希望這篇文章幫助您在 WordPress 中以下拉清單顯示最近文章。您可能還希望查看這6條創建殺手級編輯日曆的技巧。如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。

Read More