WordPress 主题

如何在 WordPress 迴圈中排除置頂文章

為什麼要將置頂文章排除在迴圈之外?

在 WordPress 網站上移除置頂文章可以幫助您在特定區域不顯示它們。置頂文章對於突出重要內容如支柱文章、高流量博客文章和時間敏感的內容非常有用。然而,它們可能會擠占最新文章小工具區域,讓最新內容變得難以訪問。

這時候,排除迴圈中的置頂文章就派上用場了。由於 WordPress 無法推測這一點,因此您需要明確告訴 WordPress 從自定義迴圈中排除置頂文章。

在 WordPress 中排除置頂文章

為了幫助您將置頂文章從迴圈頂端排除或完全移除,我們創建了一個自定義代碼片段。由於這需要編輯網站上的代碼,對於初學者來說可能有些複雜。如果您之前沒有這麼做過,我們建議您觀看我們的指南,了解如何將網路上的代碼片段粘貼到 WordPress。

您也可以考慮聘請開發人員進行一對一的幫助。

忽略 WordPress 中的置頂文章

這段代碼將忽略文章是否置頂,並在 WordPress 博客中按正常順序顯示文章。使用此代碼後,您的置頂文章仍會出現在迴圈中,但不會被放在頂端。

只需將以下代碼輸入到您的主題的functions.php文件或代碼片段插件中:

 10,
    'ignore_sticky_posts' => 1 
);

// 迴圈
$the_query = new WP_Query($args);
if ($the_query->have_posts()) {
    while ($the_query->have_posts()) {
        $the_query->the_post();

            }
}

我們建議使用WPCode這個最好的代碼片段插件來添加此代碼。使用WPCode,您可以安全且輕鬆地在WordPress中添加自定義代碼,而無需編輯主題的functions.php文件。

首先,您需要安裝並激活免費的WPCode插件。如果需要幫助,請查看此教學了解如何安裝WordPress插件。

插件激活後,前往WordPress儀表板的 代碼片段 » + Add Snippet 頁面。

在那裡,找到 添加自定義代碼(新片段) 選項,然後點擊其下的 使用片段 按鈕。

接下來,為您的片段添加一個標題,這樣可以幫助您記住代碼的用途。然後將上面的代碼粘貼到 代碼預覽 框中,並從右側的下拉列表中選擇 PHP 片段 作為代碼類型。

之後,將開關從 不活動 切換到 活動 並點擊 保存片段 按鈕。

完全排除迴圈中的置頂文章

如果您在幻燈片插件中使用置頂文章,有時您可能希望完全從迴圈中排除置頂文章。

只需將以下代碼片段添加到您的 functions.php 文件或代碼片段插件中:

 10,
    'post__not_in' => get_option( 'sticky_posts' ) // 完全不顯示置頂文章
);

// 迴圈
$the_query = new WP_Query($args);
if ($the_query->have_posts()) {
    while ($the_query->have_posts()) {
        $the_query->the_post();

         }
}

此代碼將完全排除迴圈中的置頂文章。

您可以按照上述相同步驟,使用WPCode插件添加此代碼。

如需更多有關修改WordPress主題的提示,請查看我們的WordPress主題新手指南。

我們希望這篇文章幫助您學會如何在WordPress中排除置頂文章。您可能還會想查看我們關於如何獲取免費電子郵件域的指南及我們的最佳WordPress插件推薦。

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

Read More
WordPress 主题

如何在 WordPress 中自動截短博客文章標題

為什麼要在 WordPress 中使用 PHP 截短文章標題?

在 WordPress 中使用 PHP 截短文章標題,可以讓你更好地控制標題的長度和在網站上的顯示方式。比方說,你可能希望在首頁上截短長文章標題,以保持博客設計的一致性。

注意:有些用戶僅希望使用較短的文章標題來優化 SEO,這種情況下,你不需要截短標題。只需使用 WordPress 的 SEO 插件來縮短標題標籤即可。更多細節請參考我們的 All in One SEO 設置指南。

方法 1:使用 WordPress 函數截短文章標題

最簡單的方法是通過向 WordPress 文件中添加 PHP 代碼來截短標題。如果你之前沒有做過這類操作,可以參考我們的指南。大多數教程會告訴你直接在主題的 functions.php 文件中添加代碼,但這可能導致錯誤甚至破壞你的网站。

因此,我們建議使用免費的 WPCode 插件,並遵循我們的自定義代碼添加指南。

首先,安裝並激活 WPCode 插件。激活後,選擇 Code Snippets » + Add Snippet 選項,接著點擊‘Add Your Custom Code (New Snippet)’,然後點擊‘Use snippet’。

在新的頁面中輸入代碼段標題並添加以下代碼:

function max_title_length( $title ) { $max = 35; if( strlen( $title ) > $max ) { return substr( $title, 0, $max ). " …"; } else { return $title; } } add_filter( 'the_title', 'max_title_length');

此代碼將在 WordPress 文章循環中執行,並將文章標題縮短至 35 個字符。你只需修改 $max 變量即可調整標題長度。

選擇‘PHP Snippet’作為代碼類型,啟用該代碼段並保存。啟用後,標題將被截短,無論它們出現在網站的哪裡。

方法 2:通過更改主題文件截短標題

另一種方法是直接在主題文件中添加代碼,這樣你可以更靈活地控制標題截短位置,例如僅在首頁截短標題,但在文章頁面顯示完整標題。

使用以下代碼替換主題文件(如 index.php)中的 the_title 標籤:

<a href="<?php the_permalink() ?>"> <?php $thetitle = $post->post_title; $getlength = strlen($thetitle); $thelength = 25; echo substr($thetitle, 0, $thelength); if ($getlength > $thelength) echo "..."; ?> </a>

此代碼將標題設置為 25 個字符,並在超出部分添加省略號‘…’。

修改並保存代碼後,將其上傳至主題目錄即可。

提示:更新主題會丟失這些更改。參考我們的指南以避免這個問題。

希望這篇文章幫助你學會使用 PHP 截短 WordPress 文章標題。更多相關操作可參考我們的其他指南。若你喜歡此文章,請訂閱我們的 YouTube 頻道,並在 Twitter 和 Facebook 上關注我們。

Read More
WordPress 主题

如何使用 GitHub 和 Deploy 自動部署 WordPress 主題變更

如何使用 GitHub 和 Deploy 自動部署 WordPress 主題變更

為什麼要使用版本控制系統進行 WordPress 主題開發?

版本控制系統允許您隨時間記錄文件或文件集的更改,以便您日後可以回憶特定版本。換句話說,每次我們更改 WordPress 主題模板、圖片或 CSS 文件時,版本控制系統會跟蹤這些更改。例如,假設您決定運行一批更改。如果這些更改引起了問題,您可以恢復(或回滾)到WordPress 主題的現有版本。Git 是一種常見的版本控制系統,它允許多個用戶在相同的代碼基礎上進行操作,如 WordPress 主題。如果兩個開發者編輯同一文件,Git 內建的控制措施會處理這些問題(稱為合併衝突)。

為什麼要使用部署系統?

一個與 GitHub 等服務集成的部署系統允許您自動或手動上傳對 WordPress 主題所做的更改。您可以將其視為單向同步系統。舉例來說,如果您從 WordPress 主題中刪除一個文件,您也必須通過 FTP 刪除它。使用部署系統,當您將代碼更改提交到 GitHub 時,這些操作會自動完成。本文中,我們將使用名為 DeployHQ 的部署系統,簡稱建議為 Deploy。Deploy 也支持其他 Git 儲存庫提供商如 Bitbucket,但我們在這篇教程中將使用 GitHub。

設置 GitHub 儲存庫以存儲 WordPress 主題

首先,您需要在 GitHub 上註冊一個賬戶,然後使用 GitHub 客戶端來存儲 WordPress 主題的更改。您可以訪問 GitHub 網站並輸入您的電子郵件地址來創建新賬戶。接下來,輸入用戶名和密碼,GitHub 還會要求您選擇電子郵件偏好。之後,您可以向下滾動並通過解謎來驗證您的賬戶。驗證完成後,您將看到 GitHub 儀表板。從這裡,您可以點擊頂部的“+”圖標並選擇“新建儲存庫”選項。輸入儲存庫名稱,例如您的 WordPress 主題的文件夾名稱,然後選擇公共或私人儲存庫,最後勾選加 README 文件的選項並點擊“創建儲存庫”。現在,您的 GitHub 儲存庫已準備就緒。

將 GitHub 文件上傳到本地電腦並同步代碼

接下來,您需要將我們的 WordPress 主題代碼放入我們的儲存庫中。為此,您可以訪問 GitHub Desktop 網站並下載適用於 Windows 或 Mac 的桌面客戶端。下載完成後,啟動 GitHub 客戶端,並使用您的 GitHub 賬戶登錄。然後點擊“授權桌面”按鈕允許 GitHub Desktop 訪問您的賬戶。接下來,打開 GitHub Desktop 客戶端,並配置 Git。點擊“克隆儲存庫”選項並選擇您創建的儲存庫,並選擇儲存路徑。您已經將 GitHub 上的儲存庫克隆到我們的電腦上。接下來,將我們的 WordPress 主題代碼添加到儲存庫的文件夾中,並提交和同步這些代碼到 GitHub。

設置 Deploy

最後一步是確保 GitHub 儲存庫上的任何更改都推送到您的 WordPress 網站。DeployHQ 是一個基於 Web 的服務,它將監視您的 GitHub 儲存庫的變更,並自動或手動將這些更改上傳到您的 WordPress 網站。首先,訪問 Deploy 網站並註冊一個新賬戶。完成註冊後,登錄到 Deploy 儀表板,點擊“創建項目”按鈕。提供一個項目名稱,選擇 GitHub 作為代碼託管平台。接著,根據提示進行設定,直到完成。接下來,您需要提供服務器信息,包括主機名、端口、用戶名和密碼及部署路徑。輸入這些詳細信息後,點擊“創建服務器”,然後點擊“部署”按鈕開始上傳 GitHub 文件。

自動部署設置

為了設置自動部署,訪問 Deploy 儀表板並前往“項目”頁面,點擊項目名稱,然後前往“自動部署”選項卡,啟用自動部署的選項。接著,複製 Webhook URL 並添加到 GitHub 儲存庫的設定中。最後,GitHub 儲存庫將通知 Deploy,Deploy 會自動將變更實施到您的網站。

我們希望本文能夠幫助您學會如何使用 GitHub 和 Deploy 自動部署 WordPress 主題變更。如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程,您也可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 主题

如何從 WordPress 貼文循環中排除最新貼文

為什麼要從 WordPress 貼文循環中排除最新貼文?

默認情況下,WordPress 會按倒序顯示您的部落格貼文,因此最新的貼文會先顯示。然而,您可能想在自訂首頁或 WordPress 檔案頁面上更改最新貼文的顯示方式。通過從 WordPress 貼文循環中排除最新貼文,您可以在不同位置展示該內容,甚至可以新增自己的自訂樣式。

方法1:使用 WPCode 外掛程式(推薦)

排除貼文循環中最新貼文的最簡單方法是向您的 WordPress 網站添加程式碼。一些指南會告訴你手動編輯主題檔案,但這可能會導致常見的 WordPress 錯誤,甚至完全破壞您的網站。因此,我們推薦使用 WPCode。它是最好的程式碼片段外掛程式,使您可以輕鬆地在 WordPress 中添加自訂程式碼而不會使您的網站面臨風險。

首先,您需要安裝和激活免費的 WPCode 外掛程式。有關更多信息,請查看我們的逐步指南如何安裝 WordPress 外掛程式。一旦該外掛程式被激活,請前往Code Snippets » Add Snippet

在這裡,您將看到所有可以添加到您網站的預製程式碼片段,包括允許您完全禁用評論、上傳 WordPress 通常不支持的文件類型、禁用附件頁面等的程式碼片段。

現在,將鼠標懸停在‘Add Your Custom Code (New Snippet)’選項上,並在出現時單擊‘Use snippet’按鈕。

在下一個畫面中,輸入程式碼片段的標題。這只是給您參考,因此您可以隨便使用任何內容。然後,必須打開‘Code Type’下拉菜單並選擇‘PHP Snippet’。

完成後,將以下程式碼粘貼到程式碼編輯器中:

is_home() && $query->is_main_query() ) {
		$query->set( 'offset', '1' );
	}
}
add_action( 'pre_get_posts', 'wpsites_exclude_latest_post', 1 );

之後,向下滾動頁面到‘Insertion’部分。如果尚未選擇,請選擇‘Auto Insert’和‘Run Everywhere’。

最後,向上滾動屏幕,並單擊‘Inactive’滑動條,使其顯示‘Active’。然後,只需單擊‘Save Snippet’或‘Update’按鈕使程式碼片段生效。

現在,如果您訪問您的 WordPress 網站,最新的部落格貼文將被隱藏。

方法2:編輯 WordPress 主題檔案(不需要外掛程式)

注意:此教程僅適用於經典的 WordPress 主題,區塊主題具有不同的一組主題檔案。如果您使用區塊主題,則建議使用第一種方法。另外,建議先備份您的網站和/或使用暫存環境以防止在遵循此方法時發生錯誤。

另一種從 WordPress 貼文循環中排除最新貼文的方法是向您的 WordPress 主題檔案添加程式碼。這實現了與上述程式碼類似的結果,但您需要直接添加到您想顯示的 WordPress 循環。在這個例子中,如果您想更改整個網站的貼文循環,您需要將程式碼添加到 index.php 檔案中。只需注意,直接將程式碼添加到您的 WordPress 檔案中可能會對您的 WordPress 部落格的分頁導致問題。

首先,您需要打開您的 WordPress 託管提供商的文件管理器或使用 FTP 用戶端連接您的網站。本教程中,我們將使用 Bluehost 的文件管理器,因為過程比使用 FTP 更簡單。也就是說,不管使用的是 FTP 還是其他網頁託管商,步驟大致相同。

如果您是 Bluehost 用戶,請登錄到您的託管賬戶儀錶板並導航到‘Websites’標籤。然後,單擊您希望編輯的網站的‘Settings’。

現在,進入快速連結部分。然後,單擊‘File Manager’按鈕。Bluehost 還顯示了您的網站根目錄(如果您需要)。

進入文件管理器後,您需要找到您要編輯的文件。假設您想將程式碼添加到 index.php 中,則可以在您當前主題的文件夾中找到它,即 public_html/wp-content。找到後,只需右鍵單擊 index.php 文件並選擇‘Edit’。

現在,您需要將以下程式碼複製並添加到您的 WordPress 循環中:

query_posts('posts_per_page=6&offset=1');

這段程式碼告訴循環僅顯示 5 篇除去最新貼文後的貼文。您需要將程式碼直接添加到您的 WordPress 循環之上,使其看起來與下方程式碼片段類似:

您添加程式碼後,只需單擊‘Save Changes’按鈕。然後,繼續預覽您的 WordPress 網站。

我們希望這篇文章能幫助您了解如何從 WordPress 循環中排除最新貼文。您可能還想查看我們的指南如何使用 WordPress 在線賺錢,以及我們專家的最佳拖放式 WordPress 頁面建構器的推薦。

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

Read More
WordPress 主题

如何更新 WordPress 主題而不丟失自定義

你是否擔心更新 WordPress 網站主題時會丟失自定義?WordPress 的一個最佳特點是它的易於自定義。但是不幸的是,更新主題時很有可能會丟失一些更改。在這篇文章中,我們將展示如何在不丟失自定義的情況下輕鬆更新 WordPress 主題。

WordPress 中的主題更新如何運作

WordPress 附帶了一個強大的系統,不僅可以安裝 WordPress 本身的更新,還可以安裝插件和主題的更新。你的 WordPress 網站會定期檢查更新並在「控制台」»「更新」頁面中顯示它們。

當有主題更新可用時,你也會在「外觀」»「主題」頁面上看到通知。更新對於 WordPress 網站的安全性和性能非常重要。除了安全性和錯誤修復,主題開發者還可能通過這些更新引入新功能。

你可以簡單地點擊「立即更新」按鈕來安裝新版本。WordPress 將下載主題包,解壓縮並用新版本替換舊文件。這會覆蓋網站上的所有舊主題文件。如果你手動將自定義代碼添加到 WordPress 主題文件中,那麼這些更改將會丟失。

哪些自定義會在主題更新過程中丟失?

有多種方法可以自定義 WordPress 主題。其中一些自定義是安全的,因為更改存儲在 WordPress 數據庫中。

不會在主題更新中丟失的自定義

通過內置的 WordPress 主題自定義器所做的更改不會丟失,可以通過訪問「外觀」»「自定義化」頁面來進行。自定義器允許你修改 WordPress 主題並將所有更改存儲在 WordPress 數據庫中。

你的 WordPress 小掛件和導航菜單也不會受到主題更新的影響。一些流行主題如 Astra 和 Ocean WP 現在附帶有伴隨插件。這些插件用於添加額外功能,通過這些伴隨插件所做的更改也不會受到主題更新的影響。

如果你使用 SeedProd、Divi 或 Beaver Builder 等 WordPress 頁面構建器來自定義佈局,這些變更也不會受到影響。使用插件添加到網站的其他功能也是安全的,例如你的聯絡表單、Google Analytics、電子郵件新聞彈出窗口等。

會在主題更新中丟失的自定義

你將會丟失的是直接對主題文件所做的任何更改。例如,你可能已將代碼添加到主題的 functions.php 文件中,或將 CSS 樣式添加到主題的樣式表文件(style.css)中。這些更改會丟失,因為更新後文件會被覆蓋。同樣,如果你更改了該主題的任何模板文件(如 index.php、header.php 和 footer.php),這些文件也會被覆蓋,你的更改將會丟失。

但是,如果你使用代碼片段插件將代碼添加到你的 WordPress 站點,你就不會丟失這些自定義。我們推薦 WPCode,它能讓你直接從 WordPress 控制台輕鬆添加自定義代碼,這些代碼片段就像在你的主題文件中運行一樣,使你的自定義未來具有持久性。

WPCode 還讓你可以輕鬆地從一個中央螢幕管理所有自定義代碼。所以,你不必擔心丟失片段或犯錯。你可以開始使用 WPCode 的免費版本來確保網站自定義的未來性。

方法 1:使用代碼片段插件保存自定義(推薦)

如果你將自定義代碼添加到 WordPress 主題文件中,最簡單的方法是將其移至 WPCode 插件,再更新主題。首先,從 WordPress 控制台轉到「外觀」»「主題文件編輯器」。接著,導航到右側欄中的 functions.php 文件並在編輯器打開它。

從這裡,你需要找到你之前添加自定義代碼的位置(通常在文件末尾)。找到自定義代碼後,將其複製並粘貼到你的電腦上的純文本編輯器(如記事本)中。接下來,安裝並激活免費的 WPCode 插件。如果需要幫助,可以參考我們的教程《如何安裝 WordPress 插件》。

插件激活後,前往「代碼片段」»「添加片段」。接著,在’添加自定義代碼(新片段)’選項上懸停並點選‘使用片段’按鈕。現在,將你在上一步保存到電腦的代碼片段之一複製並粘貼到代碼預覽框中,不要忘記從右側下拉菜單中選擇’PHP 片段’作為代碼類型。你還可以在頁面頂部添加標題,以幫助記住代碼的功能。

然後,將頁面頂部的開關從‘無效’切換為‘有效’並點擊‘保存片段’按鈕。插件現在會自動加載代碼到你的 WordPress 站點上。注意,需要對每個自定義代碼片段重複上述過程。同樣的步驟也適用於將 header.php 和 footer.php 文件中的任何自定義移動到 WPCode 插件中。詳細步驟,可以參考我們的指南《如何在 WordPress 中添加頭部和底部代碼》。

方法 2:使用子主題保存自定義

子主題是繼承了另一個 WordPress 主題(父主題)的功能、特性和風格的 WordPress 主題。你可以自定義子主題而不更改父主題。由於更改儲存在子主題中,你可以安全地更新父主題而不丟失自定義。

要創建子主題,你可以使用插件或代碼。請參考我們的初學者指南《如何創建 WordPress 子主題》,創建子主題。你需要更新的主題應該是父主題。不要立即激活子主題,這將在本教程末尾完成。

下載主題文件夾到電腦:連接到你的 WordPress 託管帳戶並前往 /wp-content/themes/ 文件夾,將主題文件夾下載到電腦上。這個文件夾將是你主題和自定義的備份,我們將稍後將自定義從這個文件夾複製到子主題文件夾中。

如果之前使用插件創建了子主題,則也應下載其文件夾。然後,從主題網站下載最新版本的主題,並解壓該主題的 zip 文件,此時你應該在電腦上有三個主題文件夾:新更新的主題、舊的自定義主題和剛創建的子主題。

將自定義內容複製到子主題:用文件比較軟件比較新舊主題文件,將舊版中更改過的文件複製到子主題文件夾,functions.php 和 style.css 文件文本應該複製到子主題文件的底部並保存。

將更新的主題和子主題文件夾上傳到網站

連接到網站並前往 /wp-content/themes/ 文件夾,將更新的主題和子主題上傳到網站。選擇覆蓋現有文件以確保更新成功完成。

導入主題自定義設置

使用 Customizer Export/Import 插件備份和導入父主題的自定義設置,然後激活子主題並導入這些設置。完成之後,所有自定義都被移至子主題,未來可以安全地更新父主題而不喪失自定義。

Read More
WordPress 主题

如何從 WordPress 評論中移除日期和時間

如何從 WordPress 評論中移除日期和時間

最後更新於 2024 年 7 月 23 日,編輯團隊 | 審核:Syed Balkhi

編注:我們通過 WPBeginner 的合作夥伴鏈接賺取佣金。佣金不會影響我們編輯的意見或評估。了解更多關於編輯流程的資訊。

移除 WordPress 評論中的日期和時間可以使您的網站看起來更加簡潔,增強評論內容本身的吸引力。我們在多年使用 WordPress 的經驗中,了解如何調整網站以最大程度地滿足需求和偏好。調整評論設置不僅能提升網站美觀度,還有助於增加互動率。

是否應該移除 WordPress 評論中的日期和時間?

有些人認為藏日期和時間可以防止文章顯得過時,從而改善 SEO 和搜索引擎排名。

然而,我們不完全同意這種觀點。我們認為移除日期可能會帶來一些問題。更多詳情,請參見我們的文章《為什麼不應該移除 WordPress 文章日期》。同樣的理由也適用於您的 WordPress 評論。移除評論中的日期和時間會隱藏重要訊息,使較早的評論看起來不自然。

然而,我們理解某些使用場合可能需要這樣做,例如在 WordPress 內網或網路應用上。

接下來,我們來看看如何輕鬆地從 WordPress 評論中移除日期和時間。

如何從 WordPress 評論中移除日期和時間

您可以通過向主題的 functions.php 文件新增自訂程式碼,輕鬆地移除 WordPress 評論中的日期和時間。

然而,請注意,任何細小的錯誤可能會使您的網站無法訪問。我們推薦使用 WPCode 插件來新增自訂程式碼。

首先,您需要安裝和啟用 WPCode 插件。詳細步驟,請參見我們的《如何安裝 WordPress 插件教程》。

注意:WPCode 也提供免費版本,但升級到付費計劃將使您能訪問雲端程式碼庫、條件邏輯等功能。

啟用後,訪問 WordPress 管理員側欄的“>程式碼片段 » 新增片段頁面。

點擊「新增自訂程式碼(新片段)」選項下的「使用片段」按鈕。

這將指引您進入「創建自訂片段」頁面,首先命名程式碼片段。

接下來,從程式碼類型下拉菜單中選擇「PHP 片段」選項。

之後,將以下程式碼複製並粘貼到「程式碼預覽」框中:

// 移除評論日期
function wpb_remove_comment_date($date, $d, $comment) {
 if ( !is_admin() ) {
 return;
 } else {
 return $date;
 }
}
add_filter( 'get_comment_date', 'wpb_remove_comment_date', 10, 3);

// 移除評論時間
function wpb_remove_comment_time($date, $d, $comment) {
 if ( !is_admin() ) {
 return;
 } else {
 return $date;
 }
}
add_filter( 'get_comment_time', 'wpb_remove_comment_time', 10, 3);

之後,向下滾動到「插入」部分,選擇「自動插入」模式。

這將在您的網站上自動執行程式碼。

接下來,滾動回頁面頂部,切換開關到「啟用」。最後,點擊「保存片段」按鈕儲存設置。

現在,您可以訪問您的網站查看日期和時間是否已從 WordPress 評論中移除。

請注意,此方法不會刪除您 WordPress 數據庫中的評論日期和時間。移除程式碼將立即顯示評論的日期和時間。

額外提示:從 WordPress 帖子中移除作者姓名

您可以從評論中移除日期和時間,並從帖子中移除作者姓名。

通常,添加作者姓名會向用戶提供更多資訊,從而增加互動率。然而,如果您運營多作者博客或管理客座博主,移除作者姓名可以使網站看起來更加統一。

您可以通過使用 WPCode 新增 CSS 程式碼片段來輕鬆實現這一點。

更多詳情,請參見我們的教程《如何從 WordPress 帖子中移除作者姓名》。

希望這篇文章能幫助您學會如何輕鬆地從 WordPress 評論中移除日期和時間。您也可以查看我們的教程《如何在 WordPress 頁腳中新增動態版權日期》以及《必備的 WordPress 插件列表》。

如果您喜歡這篇文章,請訂閱我們的YouTube 頻道以觀看更多 WordPress 教程。您也可以在TwitterFacebook上找到我們。

Read More
WordPress 主题

如何自訂 WordPress 區塊編輯器的背景顏色

如何自訂 WordPress 區塊編輯器的背景顏色

最後更新於 2024 年 4 月 5 日,編輯部 | 審核:Syed Balkhi

你是否希望為 WordPress 管理區域中的區塊編輯器自訂背景顏色?在處理客戶專案時,你可能需要將 WordPress 的 Gutenberg 編輯器背景顏色更改為與品牌色彩相符。

在這篇文章中,我們將展示如何輕鬆地自訂 WordPress 編輯器的背景顏色。

為什麼要更改 WordPress 區塊編輯器的背景顏色?

你可能會出於多種原因想要更改 WordPress 區塊編輯器的背景顏色。例如,多數現代的 WordPress 主題會將區塊編輯器的背景顏色設為與實際網站相同,如 Astra、OceanWP 和 GeneratePress。

然而,如果你的 WordPress 主題沒有使用相同的顏色,那麼編輯器中文章的外觀與用戶在實際網站上看到的會有所不同。另一個原因可能是個人偏好。預設情況下,區塊編輯器使用純白背景,長時間看白色屏幕可能會讓一些用戶感到疲勞。

如何更改 WordPress 編輯器背景顏色

你可以透過添加自訂代碼至主題的 functions.php 文件,輕鬆地更改 WordPress 編輯器的背景顏色。不過,代碼中的小錯誤就可能導致網站崩潰,因此我們推薦使用 WPCode 插件。這是市場上最好的 WordPress 代碼片段插件,也是向網站添加自訂代碼的最簡單且最安全的方法。

首先,你需要安裝並啟用 WPCode 插件。詳情請參見我們的逐步指南 如何安裝 WordPress 插件

啟用後,訪問 WordPress 管理側邊欄的代碼片段 » +新增片段頁面。在這裡,點擊‘添加你的自訂代碼(新片段)’選項下的‘使用片段’按鈕。這會將你帶到‘創建自訂片段’頁面,首先輸入代碼片段的名稱。這只是給你自己看的,可以是任何名稱,便於你識別代碼。

接下來,在右上角的下拉選單中選擇‘PHP 片段’作為‘代碼類型’。然後,將以下代碼複製並粘貼到‘代碼預覽’框中:


add_action( 'admin_footer', function() {
?>

.editor-styles-wrapper {
background-color: #bee0ec;
}

<?php
});

隨後,在 PHP 片段的代碼中找到如下代碼:


background-color: #bee0ec;

然後,將你的首選顏色的十六進制代碼添加到背景顏色選項旁邊。如果不想使用十六進制代碼,也可以使用一些基本顏色名稱,如‘white’或‘blue’。

接下來,向下滾動到‘插入’部分,選擇‘自動插入’選項。然後,從下拉選單中選擇代碼片段的‘位置’為‘僅限管理員’。

然後,回到頁面頂部,將‘未啟用’開關切換為‘啟用’。最後,別忘了點擊‘保存片段’按鈕來儲存更改。

現在,從管理側邊欄訪問區塊編輯器,查看背景顏色變更效果。

獎勵:更改 WordPress 前端的背景顏色

如果你希望更改網站前端的背景顏色,可以透過訪問 WordPress 儀表板中的外觀 » 自訂頁面來實現。這將啟動主題自訂器,在左側欄中點擊‘顏色與黑暗模式’標籤。請記住,根據你使用的主題不同,自訂器的外觀會有所不同。

這會在側邊欄中打開一個新面板,其中你需要點擊‘選擇顏色’選項。顏色選擇器會在屏幕上彈出,你可以選擇首選背景顏色。完成後,別忘了點擊頂部的‘發佈’按鈕來儲存設置。

你還可以從主題自訂器中更改文字顏色、突出顏色、按鈕顏色等。如果你使用的是區塊主題,則需要在全站編輯器中做這些更改。

我們希望這篇文章幫助你學會如何輕鬆地更改 WordPress 編輯器背景顏色。你可能還會想查看我們的 WordPress 最實用和節省時間的快捷鍵終極指南 或瀏覽我們挑選的 最佳 WordPress 頁面構建器插件

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

Read More
WordPress 主题

如何在您的 WordPress 主題中使用短碼

如何在您的 WordPress 主題中使用短碼

您是否想在您的 WordPress 主題中使用短碼?通常,您會在內容區域如文章、頁面或側邊欄小部件中使用短碼。然而,有時您可能希望在 WordPress 主題中添加短碼。本文中,我們將向您展示如何輕鬆地將任何短碼添加到您的 WordPress 主題中。

為何在 WordPress 主題中使用短碼?

短碼可以為您的網站添加各種功能,包括圖片畫廊、表單、社交媒體フィード等。WordPress 帶有一些內建短碼,但還有許多流行的 WordPress 插件為您的站點添加短碼。例如,WPForms 提供容易使用的區塊,但它也提供短碼,這樣您可以將表單添加到網站的其他區域。

方法一:使用完整站點編輯器(僅限區塊主題)

在 WordPress 主題中使用短碼最簡單的方法是使用完整站點編輯器。這允許您在網站的任何部分添加短碼塊。然而,此方法僅適用於如 Hestia Pro 這樣的區塊主題。如果您未使用區塊啟用主題,則需要使用不同的方法。

步驟 1:

首先,導航到 WordPress 儀表板中的外觀 » 編輯器。

默認情況下,完整站點編輯器顯示主題的主頁模板,但您可以將短碼添加到任何模板中。要查看所有可用選項,選擇「模板」。

步驟 2:

現在,點擊您想要編輯的模板。作為示例,我們將在 404 頁面模板中添加短碼,但無論選擇哪個模板,步驟都完全相同。

WordPress 現在將顯示模板的預覽。要添加短碼,請點擊小鉛筆圖標。

然後,點擊左上角的藍色「+」圖標。在搜索欄中,輸入「Shortcode」。當正確的塊出現時,將其拖放到主題模板中。現在,您可以粘貼或輸入您想使用的短碼。然後,點擊「保存」按鈕。

現在,只需訪問您的 WordPress 博客以查看短碼效果。

方法二:編輯您的 WordPress 主題文件(適用於任何 WordPress 主題)

您還可以通過編輯主題文件將短碼添加到您的 WordPress 主題中。這種方法更為高級,但適用於每個 WordPress 主題。如果您從未在網站中添加代碼,請查看我們有關如何在 WordPress 中複製和粘貼代碼的分步指南。

您可以直接修改各個主題文件,但這使得更新您的 WordPress 主題時難以保留自定義。因此,我們建議通過創建子主題來覆蓋主題文件。當編輯主題文件時,您不能使用與標準內容區域相同的格式來添加短碼。相反,您需要使用 do_shortcode 函數明確告知 WordPress 執行短碼。

這是一個您將添加到 WordPress 主題文件中的代碼示例:

echo do_shortcode('');

僅需替換為您想使用的短碼。如果您不確定將短碼添加到哪裡,請參見我們的 WordPress 模板層次結構初學者指南。添加帶有額外參數的短碼時,需要使用略有不同的代碼片段。

例如,您可以使用 WPForms 創建一個聯繫表單。此情況下,您將需要使用標準的 WPForms 短碼加上表單的 ID:

echo do_shortcode("[wpforms id='92']");

故障排除:當 do_shortcode 不工作時該怎麼辦

有時,您可能會將短碼添加到主題文件中,但代碼的輸出並未出現在您的 WordPress 網站上。這通常意味著短碼依賴於 WordPress 插件或網站上的其他代碼。如果 do_shortcode 函數不起作用,請確保提供短碼的插件已安裝並激活。

您還可以通過在 index.php 文件中添加 shortcode_exists() 函數來檢查短碼是否可用:

if ( shortcode_exists( 'wpforms' )) { echo do_shortcode("[[wpforms id='147']]"); }

如果您仍然看不到短碼輸出,請嘗試清除 WordPress 緩存,因為您可能看到的是站點的舊版本。

方法三:創建自己的 WordPress 主題(完全可自定義)

另一種選擇是創建一個自定義的 WordPress 主題。這是一種更高級的方法,但它允許您將任意數量的短碼添加到 WordPress 主題的任何區域。您還可以進行其他更改以創建您想要的功能和設計。

過去,您通常需要遵循復雜的教程或編寫自定義代碼來構建自定義 WordPress 主題。然而,現在您可以使用 SeedProd 在不編寫一行代碼的情況下創建自定義主題。

SeedProd 是最好的 WordPress 頁面構建器,還提供主題構建器以及整個網站套件和模板。這允許您使用拖放設計自己的主題。

創建主題後,您可以通過導航到 WordPress 儀表板中的 SeedProd 和主題構建器來將短碼添加到 WordPress 網站的任何部分。

找到要使用短碼的模板。然後,將鼠標懸停在該模板上,並在出現時點擊「編輯設計」。這將在 SeedProd 的主題構建器中打開模板。在左側欄中,滾動到「高級」部分。找到短碼塊並將其拖放到佈局中。在實時預覽中,點擊選擇短碼塊。現在,將您的短碼添加到短碼框中。

默認情況下,SeedProd 不會在實時預覽中顯示短碼輸出。要查看短碼效果,點擊「顯示短碼選項」開關。

當您對頁面外觀感到滿意時,只需點擊「保存」按鈕。然後,選擇「發布」以使短碼生效。您現在可以訪問您的網站,查看自定義短碼的效果。

我們希望這個教程能幫助您學習如何在 WordPress 主題中使用短碼。您還可能希望查看我們有關如何在 WordPress 中創建登陸頁面的指南以及我們精選的最有用的小部件。

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

Read More
WordPress 主题

2024年開發者必備的19個最佳WordPress入門主題

2024年開發者必備的19個最佳WordPress入門主題

最後更新於2024年5月27日,由編輯部撰寫 | 審核者:Syed Balkhi

你是否在尋找適合開發者的最佳WordPress入門主題?一個WordPress入門主題為開發者提供了堅實的基礎,讓你在開發過程中獲得良好的開端。在這篇文章中,我們精心挑選了一些最佳的WordPress入門主題,開發者可以從零開始創建自己的主題。

什麼是WordPress入門主題?

WordPress入門主題是一個具有最少設計元素和基本布局的空白主題,這些主題通常包含WordPress主題中最常用的模板,並包含顯示文章、存檔頁面、單篇文章和評論的代碼,但沒有或幾乎沒有樣式。這讓主題開發者可以快速開始添加自己的樣式並構建新主題,而不必從頭編寫網站。

入門主題通常不帶有樣式,因此在未經自定義的情況下無法直接使用,但可以作為父主題來使用。

在WordPress中使用入門主題的方式

你可以輕鬆使用入門主題來構建自己的WordPress主題。WordPress是市場上最好的網站建設工具,超過43%的網站都在使用它。WordPress是一個自託管的開源平台,給予你完全的創作自由來按照自己的喜好建設網站。

要開始,你需要一個託管賬戶來存儲你的網站文件,接著,你還需要一個域名,它將是你網站在網上的地址,例如wpressize.me或www.example.com。

我們推薦選擇Bluehost作為託管服務,因為他們是全球最大的網絡託管公司之一,並且是官方推薦的WordPress託管服務提供商。並且,他們為WPBeginner讀者提供巨大的折扣,包括免費域名和SSL證書。

一旦購買了託管方案,就可以安裝WordPress,然後可以參考我們的逐步指南來製作一個WordPress網站。

現在,是時候選擇一個可以用作基礎的入門主題了。你可以從我們的專家推薦中選擇任何一個主題。如果需要幫助安裝它們,可以參考我們的教程,學習如何安裝WordPress主題。

為什麼信任WPBeginner?

在WPBeginner,我們有一支擁有超過16年WordPress經驗的專業團隊。我們的WordPress專家會仔細審核每個展示的主題,並在演示網站上進行測試。欲了解更多,可以參考我們的完整編輯過程

說了這麼多,讓我們來看看一些最佳的WordPress入門主題,這些主題可供開發者用來創建自己的主題。

1. Astra

Astra是一款優質的WordPress主題,適合開發者。它提供了許多入門主題和模板,讓你能夠快速啟動網站。Astra的入門主題適用於不同的業務領域,你很可能會找到一個符合需求的完美演示網站。而且,該主題針對代碼進行了優化,提供強大的設計選項、Google字體和按鈕預設。

Astra甚至內建了下拉購物車、網格設置、畫廊選項和WooCommerce的畫布側邊欄。如果你是初學者,Astra可以讓你變得更加容易開始。

2. SeedProd

SeedProd是市場上最好的WordPress主題建設者,帶有拖拽式建設器和300多個預製模板。它提供了特定的入門主題模板,開發者可以用來從零開始創建自己的主題。它允許一鍵導入任何模板,然後通過其建設器自定義,使用自定義部分、全局樣式和高級布局選項。

此外,SeedProd還可以與電子郵件營銷服務整合,這使得它成為無需編碼即構建入門主題的最佳選擇。

3. Genesis

Genesis是由StudioPress開發的WordPress主題框架,它可以為構建自定義主題提供堅實的基礎。它帶有一鍵主題設置,包含大量有用的資源、演示內容、插件和Gutenberg區塊。

你可以利用其6種布局設計、精選內容小工具、自定義頁面模板和強大的主題選項面板。加上它專注於代碼質量和性能,對於想要構建SEO友好站點的開發者來說,是一個理想的選擇。

StudioPress現在是WP Engine的一部分,該公司是最受歡迎的託管WordPress公司。註冊WP Engine託管服務即可獲得該框架以及所有35+個StudioPress主題。此外,WPBeginner用戶還可獲得額外20%的折扣。現在開始使用WP Engine吧!

4. Underscores

Underscores可能是所有WordPress入門主題中最受歡迎的。它具有最小的設計,非常輕量化,只有基本的主題文件和功能。這個入門主題是用HTML5和CSS編寫的,完全免費。其乾淨的代碼旨在不妨礙你,幫助你快速構建符合標準的WordPress主題。它還提供模板標籤、操作和鉤子,以進一步幫助開發者。

此外,Underscores擁有一個活躍的社區和廣泛的文檔,使你更容易構建主題。

5. Sage

Sage是一個現代化的WordPress入門主題,基於Gulp、Bootstrap和Bower。它使用主題包裝器,幫助你避免在每個模板中重複相同的代碼。它還集成了Tailwind CSS,讓開發者可以快速構建布局。Sage提供模板標籤、操作和鉤子,以及塊編輯器支持。

它由前端開發人員積極維護,並且在WordPress前端開發人員中擁有強大的追隨者。

6. Understrap

Understrap是一個基於Underscores和Bootstrap 4的WordPress入門主題。它具有移動響應設計和網格框架,使其非常容易自定義。此外,它具有輕量化的基礎,並提供Sass(CSS預處理器)集成,以創建更有組織的樣式表。UnderStrap還完全兼容WooCommerce,非常適合在線商店。

7. WP Rig

WP Rig是另一個WordPress入門主題和開發套件,幫助你構建高度優化的主題。它帶有一個構建流程,能夠對代碼進行修復、優化和壓縮,以提高性能。WP Rig還會懶加載你的圖片,直到它們在用戶視野內,以提升頁面加載時間。該主題甚至可以與Gulp整合,來自動化開發過程中的重複任務,如編譯Sass和壓縮JavaScript和CSS。

8. Catch Starter

Catch Starter是一個黑白風格的WordPress入門主題,適合開發者。它包含一套功能,包括內容滑塊、投資組合、服務和推薦信。它還提供主題選項面板、自定義小工具支持和圖標,非常適合快速開始你的WordPress開發。

Catch Starter非常適合初學者,並且支持翻譯。如果你想創建多語言網站,我們推薦使用這個主題。

9. Highstarter

Highstarter是一個輕量級的入門主題,沒有庫或框架。它提供許多頁眉圖像的自定義選項,支持嵌套下拉子菜單、分頁和網站導覽。這個主題具有移動響應設計,支持RTL語言,並提供鉤子和過濾器來幫助開發者。

總的來說,如果你想要創建一個優先考慮代碼質量和性能的簡約主題,這是一個很好的入門主題。

10. Beans

Beans是一個創新的WordPress入門主題,適合開發者。它具有高度靈活性,響應式內容和自適應圖像。該主題SEO友好,並內建最終前端庫來設置和自定義網站。Beans提供的是可重用的組件,如內容區段、側邊欄和頁眉,而不是預先構建的布局。它還允許你創建自定義文章類型,並使用短代碼添加新功能。

11. JointsWP

JointsWP是一個堅如磐石的WordPress入門主題。它基於Foundation 6框架,有CSS或Sass變體。該主題還有選項面板、自定義小工具和子主題支持。此外,它還可以與Gulp整合,以自動化開發任務。

12. Nebula

Nebula是一個高級WordPress入門主題,更像是一個主題框架。它具有自定義功能,如404頁面和無搜索結果頁面的推薦引擎、自動完成搜索等。其簡單的語法代碼也可作為新開發者的學習來源。

13. Generic

Generic是一個極簡的WordPress入門主題。這個主題非常適合為你的客戶構建自定義網站或用作創建新主題的基礎。它超級SEO友好,並帶有自己的輕量級CSS網格,使其成為各類網站的理想選擇。

14. BlankSlate

BlankSlate是一個簡單且極為靈活的WordPress入門主題,專為開發者設計。雖然它很簡單,但它為你的主題提供了一個強大的基礎。它使用語義化的HTML代碼,還提供了自定義CSS樣式和SEO優化。

15. Gantry

Gantry是一個強大的WordPress主題框架,適合開發者。它可以讓你快速創建CMS友好的主題。它是開源軟件,提供了許多功能,包括大菜單支持、布局管理器、主題繼承、用戶友好的界面等。它還帶有可視化菜單編輯器和無限次撤消/重做功能,使其成為一個超強大的主題。

16. Air-Light

Air-Light是一個基於Underscores的極簡WordPress入門主題。它具有基本的功能,並提供最小的設計選項,開發者可以添加自己的樣式來創建新主題。此外,該插件完全兼容自定義文章類型、塊編輯器和像Advanced Custom Fields (ACF)這樣的插件,可以幫助你為網站創建自定義字段。

17. Responsive

Responsive是一個免費的入門主題,提供100多個Elementor和WordPress區塊模板。它也是完全優化SEO的主題,並支持schema標記。此外,該主題可與像BuddyPress、WooCommerce和LearnDash這樣的流行插件整合,以創建你想要的各種類型的網站。

18. Tonik

Tonik是一個驚人的入門主題,帶有Sass和CSS框架,簡化了樣式設計。它還使用Webpack來管理、編譯和優化主題文件。Tonik還提供增強的模板和PHP命名空間。此外,該主題允許你構建子主題,使其成為開發者的理想起點。

19. Blockbase

Blockbase是Automattic推出的熱門入門主題,支持完整的網站編輯。它使用塊模板來定義網站結構,包括頁眉、頁腳、導航菜單等。它還提供全局樣式和PHP集成,適合希望完全自定義塊主題的開發者。

關於入門主題的常見問題

以下是我們讀者經常提出的關於WordPress入門主題的一些問題。

1. 誰應該使用WordPress入門主題?

理想情況下,入門主題應該由具有良好開發知識的開發者和網頁設計師使用,他們希望創建自定義主題。這些主題對於沒有編碼知識的用戶來說並不是一個好的選擇,因為它們主要提供最少的樣式,你需要通過編碼來添加自定義。如果你是初學者,正在找尋網站主題,那麼可以參考我們的專家推薦的最受歡迎的WordPress主題。

2. 這些主題是否帶有支持或文檔?

一些較受歡迎的高級入門主題提供豐富的文檔和支持,幫助你設置主題。但是,如果你選擇的是免費入門主題,那麼你需要意識到支持和文檔可能會有限,甚至在某些情況下可能完全不可用。

3. 開發者能完全自定義這些主題嗎?

WordPress入門主題是為完全自定義而設計的。它們帶有簡單的布局,給予開發者完全的創作自由來構建自己的主題。

希望這篇文章能幫助你找到最適合開發者的WordPress入門主題。你可能還想查看我們的其他WordPress指南,了解更多關於入門主題和商業網站的內容。

相關WordPress主題開發指南

如何在WordPress中為主題開發添加假內容

如何自定義你的WordPress主題

免費 vs 高級WordPress主題(優缺點)

如何卸載和刪除WordPress主題

自定義WordPress主題的成本是多少?

什麼是WordPress主題框架?優缺點和更多

初學者的默認WordPress生成CSS備忘單

如果你喜歡這篇文章,請訂閱我們的YouTube頻道,觀看更多WordPress視頻教程。你也可以在TwitterFacebook找到我們。

Read More
WordPress 主题

如何從WordPress文章中移除作者名稱(三種簡單方法)

如何從WordPress文章中移除作者名稱(三種簡單方法)

為什麼您會想要移除作者名稱?

WordPress為每篇文章添加元數據,例如發佈日期、分類和標籤、自訂分類以及作者名稱。這些信息可以為讀者提供有用的信息,幫助他們找到相關內容。

然而,有時候您可能想要隱藏作者名稱。例如,如果多位工作人員共同撰寫一篇文章,則將功勞歸於某一位作者可能並不公平。如果您經營的是一個多作者的WordPress博客或管理來賓博客作者,則移除作者名稱也可以使您的網站看起來更一致。

方法1:使用WPCode隱藏作者名稱(推薦)

最簡單的方法是通過添加自訂代碼來隱藏作者名稱。許多指南都建議將自訂代碼添加到您網站的functions.php文件中,但這並不推薦,因為代碼中的任何錯誤都可能導致常見的WordPress錯誤,甚至完全破壞您的網站。

這時,WPCode就變得非常有用。這個免費插件使您可以輕鬆地將自訂CSS、PHP、HTML等添加到WordPress,而不會使您的網站陷入風險。

方法2:通過編輯WordPress元數據(區塊主題)來隱藏作者名稱

如果您使用的是最新的支持區塊的WordPress主題,您可以從任何模板中移除作者名稱。要開始,請前往WordPress儀表板中的主題 » 編輯選項。

方法3:使用通用作者名稱替換(變通方法)

另一種方法是創建一個通用的作者名稱並用它來發布所有文章。這種方法並不隱藏作者名稱,但對於需要快速變通方法的小型博客來說可能是一個不錯的選擇。

希望這篇文章能幫助您了解如何從WordPress文章中移除作者名稱。您可能還想查看我們的指南,了解如何通過博客賺錢,或者看看我們專家推薦的最佳拖放式WordPress頁面建設工具。

Read More