WordPress 教学

如何更改 WordPress 主題中的字體(5 種簡單方法)

為什麼要在您的 WordPress 網站上更改字體?

字體是網站設計的重要組成部分,對 WordPress 網站的外觀和感覺有著巨大影響。如果網站上的字體難以閱讀,則很難留住訪客,他們最終會放棄網站。

字體還表現出品牌的身份。例如,您可以使用特定的字體來使網站看起來更加專業或休閒。

WordPress 主題預設了網站的字體、字體大小和字體顏色。然而,您可能希望將預設字體更改為其他字體。幸運的是,有幾種方法可以在 WordPress 中更改字體。我們將向您展示幾種不同的方法,您可以點擊以下鏈接跳到任意部分:

在 WordPress 主題自訂器中更改字體

更改網站字體的一個簡單方法是進入 WordPress 主題自訂器。它允許您更改網站的外觀並顯示實時預覽。

注意:如果缺少自訂器選單選項,那麼您的主題可能啟用了完整站點編輯,您需要使用其他方法或切換主題。

在本教程中,我們將使用 Astra 主題。不過,請記住,選項可能會根據您的 WordPress 主題而有所不同。一般來說,您應該在自訂器中查找屬於主題的“字體”或“排版設置”。

首先,可以從 WordPress 儀表板導航到“外觀」»「自訂”。

這將啟動 WordPress 主題自訂器。Astra 主題有一個“全球”部分,可以更改整個網站的風格。要更改整個網站的字體,您可以點擊左側選單中的“全球”選項。

在下一屏中,您將看到“排版”、“顏色”、“容器”、“按鈕”等選項。請點擊“排版”選項。

在這裡,您可以在“預設”部分選擇不同的字體。

這些是主題提供的預設字體組合,選擇一個預設將更改整個網站的字體。您可以將鼠標懸停在字體預設上以查看字體組合。例如,我們可以在這些預設之一中看到“Montserrat 和 Source Sans Pro”的組合。

此外,您還可以為主題中的單個元素更改字體。例如,您可以為正文和標題使用不同的字體。甚至可以為每個標題級別使用單獨的字體。

首先,從“字體系列”下拉選單中為任何單個元素選擇字體。

此外,還有更多選項可以更改字體大小、字重、選擇變體等。

完成後,不要忘記點擊“發布”或“更新”按鈕。

現在,您可以拜訪您的網站並查看新字體。例如,我們在演示網站中將正文字體更改為 Roboto,標題字體更改為 Helvetica。

請注意,不是所有 WordPress 主題都能提供與 Astra 相同的功能和自訂選項。如果您的主題不提供這些功能,那麼請繼續閱讀下一種方法。

在 WordPress 全站編輯器中更改字體

如果您使用基於塊的 WordPress 主題,例如 Twenty Twenty-Two,那麼您可以使用全站編輯器(FSE)更改網站的字體。

全站編輯器允許您使用塊來自訂 WordPress 主題,就像使用 WordPress 內容編輯器編輯文章或頁面一樣。不過,FSE 目前處於測試階段,只有少數主題支持它。

在本教程中,我們將使用 Twenty Twenty-Two 主題。

首先,可以從 WordPress 管理面板導航到“外觀”»“編輯”。

這將打開 WordPress 主題的全站編輯器。

接下來,您可以點擊右上角的“風格”圖標,然後點擊“排版”選項。

之後,您可以選擇文字和鏈接等元素來更改它們的排版。

我們將選擇“文本”作為元素,然後在“字體”下拉選單中更改其字體。

完成後,只需點擊“保存”按鈕。

您已成功使用全站編輯器更改了字體。您還可以向 WordPress 網站添加自定義字體,然後在全站編輯器中更改它們。

使用 WordPress 插件更改字體

另一種更改 WordPress 字體的方法是使用像 Fonts Plugin 這樣的 WordPress 插件。

這是一款 WordPress 排版插件,允許您在網站中添加數千種 Google 字體和不同的字體變體。

首先,您需要安裝並啟動 Fonts Plugin。若需幫助,請參閱我們的《如何安裝 WordPress 插件》指南。

啟動後,您將在 WordPress 儀表板中看到 Fonts Plugin 快速入門指南。您可以輸入電子郵件地址以獲取 PDF 或導航到“自訂字體”來開始編輯。

這將在主題的自訂器中打開插件的自訂選項。

在此頁面,請點擊“基本設置”選單。

進入該選單項後,您可以開始自訂內容、標題和按鈕排版。

只需展開每個文本元素的下拉選單並選擇您偏好的字體。

完成後,請不要忘記點擊“發布”按鈕,Fonts Plugin 將更新更改。

使用 WordPress 主題構建器更改字體

有許多強大的 WordPress 主題構建器讓您可以在不編輯代碼的情況下創建自定義主題。您可以使用它們來更改網站上不同元素的字體。

在本教程中,我們將使用 SeedProd。這是 WordPress 最佳的登陸頁和主題構建器插件,提供拖放構建器以創建自定義主題,而無需觸及任何代碼。

請注意,您需要 SeedProd 專業版,因為它包括主題構建器。也有 SeedProd 精簡版可免費使用。

首先,您需要安裝並激活 SeedProd 插件。有關詳細信息,請參閱我們的《如何安裝 WordPress 插件》指南。

啟動後,您將看到 SeedProd 歡迎屏幕。請輸入您的許可證密鑰並點擊“驗證密鑰”按鈕。您可以在 SeedProd 帳戶區輕鬆找到許可證密鑰。

之後,您可以從 WordPress 儀表板導航到“SeedProd」»「主題構建器”。

然後,請點擊頂部的“主題”按鈕。

在這裡,插件將顯示多個可選主題。

只需將鼠標懸停在您想使用的主題上,然後點擊它。我們將使用“起始”主題進行本教程。

SeedProd 現在將生成不同的主題模板。

您可以編輯每個模板並自訂您的 WordPress 主題。還有選項可以手動添加主題模板。

讓我們編輯首頁主題模板並更改不同元素的字體。首先,可以點擊“首頁”下的“編輯設計”鏈接。

這將啟動 SeedProd 的拖放主題構建器。您可以從左側的選單中添加新元素並將它們放置到模板中的任意位置。

要更改任何主題部分的字體,只需選擇它。例如,我們將選擇“起始”標題下的文本框。

接下來,您需要從左側選單中前往“高級”標籤,然後點擊“排版”前的“編輯”按鈕。

之後,您將看到多個選項可以編輯所選部分的排版。

可以點擊“字體系列”下拉選單,為文本選擇字體。還有選項可以選擇字重、調整字體大小、行高、字母間距、對齊方式、字母大小寫等。

現在,您可以重複此步驟並更改主題上其他元素的字體。

完成後,只需點擊頂部的“保存”按鈕。

要應用自訂主題和字體,請導航到“SeedProd」»「主題構建器”,並將“啟用 SeedProd 主題”選項旁邊的開關切換到“是”。

如果您希望從頭開始創建 WordPress 主題,請參閱我們的《如何輕鬆創建自定義 WordPress 主題》指南。

在 WordPress 內容編輯器中自訂字體外觀

您還可以使用內容編輯器更改特定文章和頁面中字體的外觀。

此方法的缺點是它僅適用於該文章或頁面的新字體。換句話說,您需要對希望應用類似自訂的所有其他文章重複此步驟。

雖然此方法對文章特定的自訂非常方便,但如果您希望使用網站範圍的字體更改選項,應考慮其他選項。

要使用 WordPress 內容編輯器更改字體,只需編輯文章或添加新文章。進入 WordPress 內容編輯器後,您可以選擇文本並更改其外觀。

在右側的設置面板中,您需要前往“排版”部分。然後,點擊“排版”前的 3 個點,並從下拉選單中選擇“外觀”。

完成此步驟後,“外觀”設置將顯示。點擊下拉選單,為您的字體選擇一個樣式。例如,您可以將字體設置為粗體、細體、斜體、黑體、粗斜體、特粗體等。

在此設置區,您還可以更改字體大小、選擇字母大小寫、編輯顏色、啟用首字下沉等。

完成年後,不要忘記更新或發布您的頁面。

專家提示

想對網站進行全面和專業的更改嗎?我們的團隊專門創建帶有精美排版的驚人網站,將使您的品牌熠熠生輝。了解我們的 WPBeginner 設計服務可以為您做些什麼!

希望本文能幫助您了解如何在 WordPress 中更改字體。接下來,您可能還想查看我們的《如何輕鬆向 WordPress 主題添加圖標字體》和《如何更改 WordPress 中的預設文本選擇顏色》的指南。

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

Read More
WordPress 教学

如何在 WordPress 中按天、週和月顯示熱門文章

為什麼在 WordPress 中顯示熱門文章?

當您剛開始使用 WordPress 部落格時,內容較少,您可以手動在側邊欄小工具展示選定的文章。但隨著網站的成長,您會發現網站上的舊文章曝光度變少。通過展示頂尖內容,可以讓新用戶快速發現網站上的最佳文章,從而提升用戶互動和頁面瀏覽量。

問題是如果您展示的是所有時間段的熱門文章,那麼非常有限的一些文章會反復曝光。通過按天、週或月份展示熱門文章,可以多樣化展示內容。

在 WordPress 中新增按天、週和月顯示的熱門文章

顯示 WordPress 中熱門文章的最佳方式是使用 MonsterInsights 它是 WordPress 最佳的分析插件,幫助您在無需編輯代碼的情況下設置 Google Analytics。

在本教學中,我們將使用 MonsterInsights Pro 版本,因為它可以自動從 Google Analytics 顯示頂尖文章。

首先,您需要安裝並啟用 MonsterInsights 插件。如有需要請參考我們的 WordPress 插件安裝指南。

啟用後,您將被引導到 MonsterInsights 歡迎畫面,點擊“啟動向導”按鈕。

之後,按照螢幕上的說明配置 Google Analytics。有關更多詳細信息,請參考我們的如何在 WordPress 中安裝 Google Analytics 指南。

在文章內或側邊欄顯示熱門文章

配置完成後,從 WordPress 儀表板進入 Insights » Popular Posts。MonsterInsights 讓您可以在文章內容中、側邊欄小工具中顯示頂尖文章。如果您有線上商店,還可以顯示熱門產品。

在本教學中,我們將使用“內嵌熱門文章”選項,在其他文章內容內顯示特色文章。

插件內置了預製主題,您可以預覽熱門文章在網站上的顯示效果。選擇主題後,向下滾動查看更多自訂選項,如更改標題顏色和大小,編輯標籤和背景顏色等。

按天、週、月和所有時間段顯示熱門文章

接下來,您需要選擇插件如何確定熱門文章的範疇。我們一起看看如何按天、週、月和所有時間段顯示熱門文章。

在 MonsterInsights 中,您可以手動選擇出現在熱門文章小工具中的文章,這對於按特定日或週顯示頂尖內容非常有用,您還可以在網站任意位置顯示所有時間段的最佳文章。

只需在“排序依據”部分選擇‘Curated’選項,然後選擇要展示的文章。

如果想要按天或週顯示熱門文章,需要手動更改這些策劃的文章,使其對觀眾保持新鮮感。例如,若每週展示不同的 WooCommerce 產品,則需每週選擇“Curated”中的文章。

按月和所有時間段顯示熱門文章

在 MonsterInsights 中,您可以自動按月和所有時間段顯示熱門文章。首先,選擇‘評論數’選項,展示過去 30 天評論數最多的文章。這將隨機輪播顯示評論最高的文章。

類似地,MonsterInsights 也可通過‘SharedCount’選項自動顯示基於社交分享的熱門文章。它整合 SharedCount 幫助您展示所有時間段最受分享的文章,讓訪客輕鬆找到引起社交互動的內容。

MonsterInsights 還提供顯示過去 30 天 Google Analytics 前 5 篇文章的選項,展示上月或所有時間段內頂尖表現的內容,首先選擇‘Curated’選項,然後啟用 ‘自動添加 Google Analytics 前 5 篇文章’選項。

為確保從 Google Analytics 獲取數據,點擊‘測試自動文章’按鈕,彈出消息顯示熱門文章正確獲取,可以點擊‘關閉’按鈕。注意:使用自動策劃功能,需要在 MonsterInsights 和 Google Analytics 中設置‘文章類型’自定維度。

將熱門文章插入您的 WordPress 網站

接下來,選擇將特色文章插入網站的方式。MonsterInsights 提供自動和手動兩種選項。如果選擇‘自動’選項,可決定在多少字後顯示熱門文章小工具,也可選擇排除哪些頁面顯示。

完成後,返回頂部點擊‘保存更改’按鈕,這樣 MonsterInsights 會自動在網站上顯示熱門文章。

另一方面,您還可以在任何文章中通過添加 MonsterInsights 區塊或使用簡碼顯示熱門文章。進入內容編輯器後,點擊‘+’按鈕,添加‘熱門文章’區塊,可以預覽在內容編輯器中顯示的特色文章。滿意後,發布文章。

希望本文幫助您在 WordPress 中按天、週、月和所有時間段顯示熱門文章。您可能還想查看更多關於 WordPress SEO 的指南和我們推薦的最佳 WooCommerce 插件。如果您喜歡本文,請訂閱我們的 YouTube 頻道觀看 WordPress 教學視頻,也可以在推特和臉書找到我們。

Read More
WordPress 教学

什么是 llms.txt?如何在 WordPress 中添加 llms.txt

什么是 llms.txt 文件?您为何需要它?

llms.txt 文件是一个新的建议标准,提供了一份结构化的列表,告知像 ChatGPT 或 Claude 这样的 AI 工具哪些网站内容可以用于生成答案。通过该文件,您可以指向那些清晰、可信且对 AI 友好的帖子、教程或登录页。

可以将它视作 AI 的欢迎垫,让它们知道哪些内容值得优先访问。这份文件存储在您网站的根目录下(如 example.com/llms.txt)并以纯 Markdown 格式书写。

llms.txt 与 robots.txt:有什么不同?

llms.txt 与 robots.txt 都涉及到抓取器和可见性,但它们的作用不同。robots.txt 告诉抓取器它们可以索引和缓存哪些内容,而 llms.txt 则提供给 AI 模型一份推荐内容清单,以供生成 AI 驱动的答案时引用。

方法1:使用 AIOSEO 插件创建 llms.txt 文件(推荐)

在 WordPress 中创建 llms.txt 文件的最简单方法是使用 All in One SEO 插件 (AIOSEO)。安装并激活 AIOSEO 插件,然后在“所有 SEO > 常规设置 > 高级”下查看和开启 llms.txt 功能。

方法2:手动创建 llms.txt 文件

您可以手动创建一个 llms.txt 文件,以 Markdown 的形式组织您的网站地图和重要内容链接。然后将这个文件上传到网站的根目录,确保 AI 工具能够找到它。

结论

管理和优化内容在 AI 时代尤为重要,利用 llms.txt 文件让 AI 工具准确引用您的内容是一种不错的策略。希望本文能为您提供帮助。如果您喜欢这篇文章,可关注我们的社交媒体平台获取更多实用指南。

Read More
WordPress 教学

如何修復 WordPress 中自訂欄位不顯示的問題(簡易指南)

如何修復 WordPress 中自訂欄位不顯示的問題(簡易指南)

最後更新:2023 年 11 月 27 日

您是否無法在您的 WordPress 網站上找到「自訂欄位」選項?自訂欄位是一個進階的 WordPress 功能,能幫助您在文章和頁面中添加自訂內容和中繼資料。在這篇文章中,我們將向您展示如何迅速解決自訂欄位不顯示的問題。

修復 WordPress 中自訂欄位不顯示的問題

自訂欄位通常與 WordPress 文章、頁面或自訂文章類型相關聯。經常在各種 WordPress 教程中會提到自訂欄位,但如果您最近才開始使用 WordPress,可能無法看到該選項。

過去,自訂欄位在所有 WordPress 網站的文章編輯屏幕上是默認可見的。但是,WordPress 核心開發團隊決定將其默認隱藏,因為這是一個進階功能。他們也使任何人都可以通過文章編輯器中的幾個點擊來顯示自訂欄位。

只需創建或編輯一個現有的文章/頁面,然後點擊屏幕右上角的三點選單。在菜單底部,點擊「偏好設定」選項。這將彈出區塊編輯器的「偏好設定」彈出視窗。在這裡,您需要切換到「面板」標籤並切換「自訂欄位」選項旁邊的開關。

注意:如果您沒有看到自訂欄位選項,請參閱本文下方的故障排除部分。WordPress 將告訴您需要重新載入頁面以啟用自訂欄位。簡單點擊「啟用並重新載入」按鈕以繼續。編輯器屏幕將重新載入,然後您可以向下滾動頁面並在那裡找到「自訂欄位」框。

WordPress 記住您的顯示選擇,並會持續顯示自訂欄位框,無論您何時編輯網站上的文章或頁面。您現在可以使用自訂欄位框來添加、編輯和刪除自訂欄位及其值。

什麼是自訂欄位?您可以用它做什麼?

默認情況下,當您撰寫一篇新文章、頁面或任何類型的內容時,WordPress 會將其保存到兩個不同的區域。第一部分是您使用區塊編輯器添加的內容正文。第二部分是關於該內容的相關信息。例如,標題、作者姓名、日期/時間等等。這些文章信息稱為中繼資料。

除了默認的文章中繼資料外,WordPress 還允許您通過使用自訂欄位保存自訂中繼資料。要了解更多,請參閱我們的 WordPress 自訂欄位新手指南,其中包含您可以在網站上使用的示例、技巧和竅門。

WordPress 開發者使用自訂欄位來存儲您的文章的自訂文章中繼資料。例如,全能 SEO 插件使用自訂欄位來存儲您的文章的 SEO 設置。

然而,插件開發人員通常會創建自訂中繼框,而不是使用默認的自訂欄位框。這使得用戶更容易輸入信息。如果您想創建一個自訂中繼框來輕鬆輸入自訂中繼資料,請參閱我們關於在 WordPress 中添加自訂中繼框的指南。

故障排除 WordPress 中的自訂欄位

最近,我們的一位讀者遇到了自訂欄位在區塊編輯器偏好設定中缺失的問題。經過一些調查,我們找到了問題的原因。如果您的 WordPress 網站在「偏好設定」菜單下缺少自訂欄位選項,請檢查是否已經在網站上安裝並啟用了 Advanced Custom Fields(ACF)插件。

ACF 是一個受歡迎的 WordPress 插件,開發者用它來創建自訂中繼框。ACF 版本 5.5.13 添加了一個設置,用於移除默認的 WordPress 自訂欄位中繼框。這加快了文章編輯頁面的載入時間。其思路是,您不應該需要默認的中繼框,因為您正在使用 ACF。

但是,如果您想啟用默認的 WordPress 自訂欄位中繼框,請將以下代碼添加到您的 WordPress 主題中的 functions.php 文件或 WPCode:

add_filter('acf/settings/remove_wp_meta_box', '__return_false');

托管於 WPCode

欲了解更多詳細信息,請參閱我們關於如何在 WordPress 中輕鬆添加自訂代碼的指南。

我們希望這篇文章能幫助您修復 WordPress 網站上的自訂欄位不顯示問題。您還可能想看看我們最有用的 WordPress 技巧、竅門和破解的終極列表,以及專家選擇的必備 WordPress 插件,以幫助您提升網站。 如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道,獲取 WordPress 視頻教程。您還可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 教学

如何使用XAMPP创建本地WordPress站点

为什么要创建本地WordPress站点?

创建本地WordPress站点可以让你在不影响在线网站的情况下测试WordPress。只有你的电脑能看到本地网站,你可以尝试不同的主题和插件,学习WordPress的基本操作。如果你已有一个WordPress网站,可以在本地创建副本来测试插件更新。

什么是XAMPP?

XAMPP是一种包含了在电脑上设置本地服务器环境所需全部内容的软件包。创建本地WordPress站点需要设置Web服务器软件(Apache)、PHP和MySQL。PHP是一种编程语言,MySQL是一种数据库管理软件,WordPress运行需要它们。使用XAMPP,你可以轻松搭建本地WordPress网站。它适用于Windows、Mac和Linux系统。

在电脑上安装XAMPP

首先,访问XAMPP官网下载适合你操作系统的版本并点击‘下载’按钮。下载完成后,运行安装程序。安装向导会询问安装位置和安装的软件包,默认设置适用于大多数用户。完成安装后,启动XAMPP控制面板。

在XAMPP控制面板中,启动Apache和MySQL应用。完成后,它们的名字会高亮显示,这意味着它们已经启动并运行。

使用XAMPP创建本地WordPress站点

首先,从WordPress官网下载安装包并解压。将解压后的wordpress文件夹复制到XAMPP的htdocs目录中。建议将文件夹重命名为其他名称,比如‘website’。接着,在浏览器中输入:http://localhost/网站名称/,开始WordPress安装向导。选择语言后,点击‘继续’按钮。

在欢迎界面,WordPress会要求输入数据库信息。打开一个新标签页,访问http://localhost/phpmyadmin/,创建一个新的数据库。返回WordPress安装界面,输入数据库名称、用户名(root)和主机信息(localhost),然后点击‘提交’按钮。

接下来,输入你的网站信息,包括网站标题、管理员用户名、密码和电子邮件地址,完成后点击‘安装WordPress’按钮。安装完成后,你可以在http://localhost/网站名称/wp-admin页面使用刚才设置的用户名和密码登录。

创建本地站点后的尝试

现在你已经创建了本地WordPress站点,可以像操作在线站点一样对其进行操作。你可以自定义网站外观或安装新主题,也可以尝试安装一些插件。

将本地站点迁移到在线服务器

如果你想将本地网站迁移到在线服务器,需要一个域名和一个网络托管账户。Bluehost公司为WPressize Me用户提供免费域名和托管折扣,可以帮助你节省开支。

注册托管账户后,可以按照我们的详细指南,将WordPress从本地服务器迁移到在线网站。同时你也可以参考其他本地WordPress安装的方法,比如在Windows上使用Wampserver,或在Mac上使用MAMP。

Read More
WordPress 教学

如何轻松在WordPress中添加图片热点

何时在WordPress中添加图片热点

图片热点是可以点击的点,可以将简单的图片变为可供访客探索的互动内容。那么,什么时候应该考虑在图片上添加热点呢?当您需要展示产品图片的不同部分时,热点是一个很好的方式。假设您销售一款新手机,您可以添加热点来指出其摄像头、屏幕及其他功能。这有助于客户不必阅读冗长的说明也能了解产品。许多家居商品网站也使用图片热点来展示陈列照片中物品的详细信息。

热点还非常适合让信息图和数据可视化更具吸引力。与其将所有信息塞进一张图片中,您可以将额外细节隐藏在热点后面。当人们点击信息图的不同部分时,他们可以看到更多事实和数据。如果您运营一个在线学习网站,那么热点可以改善用户体验,使您的课程更具互动性。例如,您可以在地图上添加热点,让学生点击了解不同国家或地标。

方法1:使用SeedProd添加图片热点(适用于着陆页/自定义主题)

第一种方法是使用SeedProd,一个拖放式页面构建器,为您的WordPress网站添加图片热点。推荐这种方法是因为它可以用在创建自定义着陆页面或自定义WordPress主题时,并希望使用具有图片热点模块的平台。SeedProd提供的超过350种着陆页模板与主题套件,涵盖在线精品店和清洁服务到SaaS公司等各种行业类别,因此每种类型的网站都有适用选项。不过,SeedProd的热点功能仅在付费版本可用,如果只想要免费的解决方案,可以选择方法2。

购买SeedProd计划后,可以在管理员区域下载并安装WordPress插件。接下来,进入SeedProd » 设置并输入您的许可证密钥。在验证完成后,导航到SeedProd » 着陆页并点击‘添加新着陆页’。接下来选择一个模板,点击橙色对勾按钮,之后您将进入SeedProd的拖放式编辑器,在此您可以自由添加热点,调整位置,选择图标与颜色,并添加文本与链接。

方法2:使用图片热点插件添加图片热点(免费但有限制)

如果不想使用页面构建器并切换主题,那么可以改用免费的WordPress图片热点插件。请注意免费版本仅允许在单张图片上添加最多6个热点。在插件后台中,点击‘新增’按钮,上传图片然后为您的图片地图添加热点。您可以调整热点图标、颜色、大小,并添加工具提示内容与链接。配置完成后,将短代码复制到您的页面、帖子或小工具中。

发现更多激动人心的WordPress网站设计功能

除了创建互动图片热点,还有许多其他方式能使您的网站设计更具吸引力。您可以参考以下指南:例如如何为WordPress网站添加无限滚动、创建可视化网站地图或是增加点击拨号按钮等。希望此文帮助您轻松在WordPress中添加图片热点。查看有关WordPress侧边栏技巧的指南以获取更多效果最大化的方法。此外,欢迎订阅我们的YouTube频道观看WordPress视频教程,也可在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何修复WordPress中“抱歉,出于安全原因不允许此文件类型”错误

导致“抱歉,出于安全原因不允许此文件类型”错误的原因是什么?

当您尝试上传WordPress不支持的文件类型时,会出现“抱歉,出于安全原因不允许此文件类型”的错误。如果您使用的是最新版本的WordPress,可能会看到错误消息“抱歉,不允许您上传这种文件类型”。这主要是出于安全原因,WordPress限制了您可以通过仪表板上传的文件类型。

允许的文件类型包括所有常见的图片、视频、文档和音频格式。虽然通过FTP或主机提供商的文件管理应用程序上传文件是一种解决方案,但它并不像使用内建的媒体库那样方便。

选项1:检查和修正文件扩展名拼写

首先,检查文件扩展名以确保其正确。例如,图片文件可能命名为holidayphoto.png,其中png是扩展名。如果扩展名错误,您只需右键单击并选择“重命名”选项更改文件名并添加正确的扩展名。

选项2:使用文件上传类型插件允许新的文件类型

如果您希望上传WordPress不支持的文件类型,可以通过添加为受支持的文件类型来实现。安装并激活File Upload Types插件,进入设置»File Upload Types页面,输入您的文件类型并启用它们。保存设置后,再次尝试上传您的文件。

选项3:使用WPCode允许新的SVG文件类型

您还可以使用WPCode插件允许新的文件类型上传。WPCode是一个无需直接编辑主题函数文件即可插入代码片段的插件。WPCode有一个代码片段专门用于允许SVG文件上传。

选项4:编辑wp-config.php文件(高级)

如果上述选项都不奏效,您可以尝试编辑wp-config.php文件。在“/* That’s all, stop editing! Happy publishing. */”行上方粘贴以下代码:

define('ALLOW_UNFILTERED_UPLOADS', true);

保存文件并再次尝试上传您的媒体文件。如果成功,记得返回文件并删除这行代码。

确保在允许其他文件类型时保持WordPress站点安全

启用附加文件类型后,我们强烈建议采取一些安全措施来保护您的WordPress网站:

  • 限制未注册用户只能上传他们需要上传的文件类型。
  • 使用WordPress安全插件监控站点的漏洞。
  • 定期扫描您的WordPress网站以检测潜在的恶意代码。
  • 限制上传文件的大小,防止用户上传可能包含恶意软件的大文件。
  • 添加用户活动日志以记录哪个用户上传了哪个文件。

希望这篇文章帮助您修复WordPress中的“抱歉,出于安全原因不允许此文件类型”错误。您也可以查看我们的网站扩展必备插件列表及如何修复最常见的WordPress错误的终极指南。

Read More
WordPress 教学

如何使用自訂欄位重寫 WordPress 中的客座作者姓名

如何使用自訂欄位重寫 WordPress 中的客座作者姓名

更新日期:2024年7月24日 | 編輯部 | 評審:Syed Balkhi

客座發文是一種保持您的 WordPress 網站新鮮的方法,同時也是一個吸引新讀者的好方法。因此,我們在自己博客上經常發表 WordPress 專家的客座文章。

但您可能不希望為每位客座作者創建一個新的用戶帳戶。幸運的是,有一個更簡單的方法!您可以實際上使用自訂欄位來重寫客座作者的姓名,這樣您的儀表板就不會有多餘的用戶帳戶。

在本文中,我們將引導您輕鬆設定自訂欄位以顯示客座作者姓名。

使用自訂欄位重寫 WordPress 中的客座作者姓名

有時候,客座作者在社交媒體或作者簡介中使用的名字與其 WordPress 用戶帳戶的名字並不相同。可能是暱稱、筆名,或是名字的不同變體。

通過使用自訂欄位,您可以在博客文章中顯示客座作者的首選名稱,確保其與現有的在線身份一致。此外,使用自訂欄位有助於保持您的網站用戶列表整潔。您不會有許多來自一次性客座作者的非活躍 WordPress 用戶帳戶。這樣使得管理網站變得更容易,您可以專注於常規內容貢獻者。

方法 1:使用 WordPress 插件新增客座作者信息

首先,我們將使用一個 WordPress 插件。使用插件使過程變得更簡單,我們推薦這種方法給所有用戶:無論是初學者還是有經驗的用戶。

首先,安裝並激活 Guest Author 插件。如果您需要幫助,可以參考我們的逐步指南《如何安裝 WordPress 插件》。

激活後,編輯您希望給客座作者署名的博客文章。在區塊編輯器中,您會注意到在右側帖子面板下有一個標有「作者」的新選項卡。

從這裡,您可以切換到「客座」選項卡,並輸入客座作者的信息,如姓名、網站、簡短個人介紹和照片。

完成必要的信息後,保存或發布文章並在瀏覽器中預覽。

方法 2:使用自訂欄位新增客座作者

此方法需要您向 WordPress 主題文件添加一些代碼。如果您從未這麼做過,那麼您可能想參考我們的指南《如何添加自訂代碼片段到 WordPress》。

我們將使用 WordPress 的自訂欄位功能。自訂欄位允許您向內容添加自訂元數據,然後通過添加一些代碼在 WordPress 主題中顯示這些數據。

首先,編輯您希望顯示客座作者姓名的博客文章。在區塊編輯器中,點擊屏幕右上角的三點菜單,然後選擇「偏好設置」。

在「一般」選項卡中向下滾動,打開「進階」部分下的「自訂欄位」選項。

然後點擊「顯示並重新加載頁面」按鈕以啟動自訂欄位。

完成後,您會注意到編輯器下面出現一個新的「自訂欄位」框。

點擊「新增」連結來為客座作者姓名創建一個自訂欄位。

首先,輸入「guest-author」作為自訂欄位的名稱。然後在「值」字段中簡單地輸入客座作者的姓名。

點擊「新增自訂欄位」按鈕以保存。

顯示客座作者姓名

接下來,我們使用一段代碼將作者名稱替換為客座作者姓名。 WPCode 插件使這一步變得簡單和安全,即使對於初學者也是如此。

首先,安裝並激活 WPCode 插件。然後,導航到 Code Snippet » + Add Snippet » Add Custom Snippet。

命名您的自訂代碼片段,切換「Inactive」按鈕為「Active」,並選擇「PHP 代碼片段」類型。

然後複製以下代碼並貼入「代碼預覽」字段:

add_filter( 'the_author', 'guest_author_name' );
add_filter( 'get_the_author_display_name', 'guest_author_name' );

function guest_author_name( $name ) {
global $post;

author = get_post_meta( $post->ID, 'guest-author', true );

if ( $author )
name = $author;

return $name;
}

記得點擊「保存代碼片段」按鈕來保存更改。

現在,訪問之前編輯的客座文章,您應能看到代碼在運行。

希望這篇文章幫助您輕鬆地重寫作者姓名為客座作者姓名。接下來,您可能還希望參考我們的指南《如何為 WordPress 文章添加多作者》和《如何管理 WordPress 用戶角色的權限》。

如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道 以獲取更多 WordPress 教學視頻。您也可以在 TwitterFacebook 上關注我們。

Read More
WordPress 教学

WordPress Playground – 如何在浏览器中使用WordPress

什么是WordPress Playground以及它如何工作?

WordPress Playground是一个临时的、基于浏览器的WordPress实例,可用于进行各种实验和学习内容管理系统。它就像一个在线沙盒,你可以在其中进行所有类型的WordPress开发,而不会影响你的真实网站。

你只需访问WordPress Playground网站以开启它。然后,你可以像平常一样使用WordPress:安装新插件、试用新主题、添加新页面等。如果刷新WordPress Playground页面,所有自定义内容将消失。不过,你也可以下载你的WordPress实例并重新上传到WordPress Playground。

WordPress Playground的运行原理

WordPress Playground利用一些很酷的技术,使你无需通常的Web服务器和数据库设置即可使用WordPress:

  • WebAssembly二进制(Wasm):它使你可以直接在浏览器中运行PHP代码,使WordPress无需传统服务器即可运行。
  • SQLite数据库:WordPress Playground使用一种基于文件的轻量级数据库系统SQLite在浏览器中运行。
  • 服务工作者和工作线程API:这些Web工具有助于处理请求并运行后台JavaScript脚本,使得WordPress Playground可以流畅地在浏览器中运行PHP应用程序。

WordPress Playground的限制

尽管有很多优点,但WordPress Playground也存在一些限制:

  • 无法直接访问主题和插件目录:你需要手动下载并上传主题和插件来进行安装。不过,网络访问Beta功能旨在解决这个问题。
  • 自定义内容是临时的:如果你决定不保存更改,那么刷新页面时需要小心以免丢失进度。
  • iFrame问题:嵌入WordPress Playground实例在网页时可能会遇到一些问题,例如意外刷新或iFrame不工作等。
  • 相对较新的功能:并非所有功能都能正常工作,因此当你探索环境时可能会遇到一些小问题。

话虽如此,Playground是一个相对较新的WordPress项目。因此,你可以期待团队发布新功能和错误修复以改进用户体验。

如何使用WordPress Playground

要使用WordPress Playground,只需在浏览器中访问此域名:https://playground.wordpress.net。一到达网站后,稍等片刻让Playground设置完成。然后,你将看到使用默认WordPress主题的网站前端。

如何在WordPress Playground中安装主题和插件

要在WordPress Playground中安装插件或主题,有两种方法。第一种是进入WordPress.org上的插件或主题页面并点击“下载”按钮。然后,你可以像平常一样手动安装插件和主题。

另一种方法是使用WordPress Playground的查询API。你需要在WordPress Playground URL中添加一些查询参数。例如,想要安装和测试AIOSEO的免费版本,你可以访问AIOSEO的WordPress.org页面并记下其URL Slug。然后,在新浏览器标签页中输入WordPress Playground的URL和AIOSEO的Slug,如下所示:https://playground.wordpress.net/?plugin=all-in-one-seo-pack。当你按下‘Enter’键时,WordPress Playground将自动创建一个新的环境并安装AIOSEO插件。

如何导出/导入使用WordPress Playground创建的网站

如果你已经在WordPress Playground中进行了很多操作,比如使用Gutenberg编辑器添加新帖子,甚至创建了一个完整的网站,你一定不想关闭标签页并永远丢失所有进度。幸运的是,你可以将你的站点从WordPress Playground导出并保存到你的电脑,然后随时重新上传。

要导出站点,导航到Playground的顶部菜单,点击右上角的三条线菜单,然后点击“下载.zip”。要上传文件,打开Playground网站后再次点击三条线菜单,然后点击“从.zip还原”。

如何将WordPress Playground嵌入到你的网站

如果你在编写WordPress教程,可能会包含WordPress仪表盘的截图来指导用户。然而,截图有时并不能准确说明你的操作。这时,WordPress Playground就派上用场了。你可以将其嵌入你的页面或文章,使用户能够更具互动性地阅读并跟随你的操作指导。

首先,你需要打开Gutenberg块编辑器,点击“+”添加块按钮并选择自定义HTML块。然后复制以下代码并粘贴到HTML块中:

<iframe src="https://playground.wordpress.net/"></iframe>

如果需要,你还可以在URL中添加一些查询参数。完成后,点击‘发布’或‘更新’以使更改生效。

关于WordPress Playground的常见问题

可以在浏览器中使用WordPress吗?是的,WordPress Playground允许你直接在浏览器中使用WordPress。你可以在安装主题和插件之前先进行测试。

可以在WordPress Playground中安装自定义主题和插件吗?是的,你可以在WordPress Playground中安装自定义主题和插件,看看它们是否在后台工作,是否与某些WordPress版本兼容。

可以将使用WordPress Playground创建的网站上传到我的托管账户吗?技术上可以,你可以从WordPress Playground导出站点并导入到你的WordPress托管账户。不过,由于WordPress Playground使用的是SQLite数据库,你可能需要将数据库转换为MySQL以使网站在Web服务器上运行。

如何在本地运行WordPress插件和主题?如果你想在本地开发环境中运行WordPress插件和主题,首先需要创建一个本地的WordPress站点。

Read More
WordPress 教学

如何正确地将WordPress从HTTP迁移到HTTPS(初学者指南)

你是否想将WordPress从HTTP迁移到HTTPS并为你的网站安装SSL证书?自从Google宣布其Chrome浏览器将在2018年7月起将所有没有SSL的网站标记为不安全后,我们收到了许多关于这个话题的请求。在本文中,我们将向你展示如何通过添加SSL证书正确地将WordPress从HTTP迁移到HTTPS。

什么是HTTPS?

HTTPS或安全超文本传输协议是一种加密方法,它在用户的浏览器和服务器之间建立了安全连接。这使得黑客更难监听连接。每天,我们在不同的网站上分享我们的个人信息,无论是购买还是简单登录。为了保护数据传输,需要创建一个安全的连接。这就是SSL和HTTPS的用途。

为什么需要HTTPS和SSL?

在2018年,Google宣布了一项计划,通过鼓励网站所有者从HTTP切换到HTTPS来提升整体网络安全。作为这项计划的一部分,Chrome浏览器将标记所有没有SSL证书的网站为“不安全”。Google还表示,拥有SSL的网站也将获得SEO优势,并将在搜索排名中超过不安全的网站。自那时以来,许多网站都从HTTP切换到了HTTPS。对于你的读者和客户来说,看到这个通知会对你的业务产生不良的印象。这就是为什么所有网站都需要立即从HTTP迁移到HTTPS并安装SSL。

在WordPress站点上使用HTTPS/SSL的要求

使用SSL在WordPress中的要求并不高。你只需要购买一个SSL证书,你可能已经免费获得了它。最好的WordPress托管公司为所有用户提供免费SSL证书:

  • Bluehost
  • SiteGround
  • WP Engine
  • Hostinger
  • Dreamhost
  • GreenGeeks

第一种方法:使用插件在WordPress中设置SSL/HTTPS。此方法较为简单,推荐给初学者。首先,你需要安装并激活Really Simple SSL插件。激活后,访问设置 » SSL页面。插件将自动检测你的SSL证书,并设置你的WordPress站点以使用HTTPS。

第二种方法:手动在WordPress中设置SSL/HTTPS。此方法需要手动解决问题和编辑WordPress文件。然而,它是一种永久和性能优化的解决方案。首先,访问设置 » 常规页面。更新URL地址字段,将http更改为https。同时需要在你的.htaccess文件和wp-config.php文件中添加一些代码。

修复WordPress数据库中的混合内容

大多数不正确的URL将是图像、文件、嵌入和其他存储在WordPress数据库中的数据。你可以通过安装并激活Search & Replace Everything插件轻松完成。激活后,访问工具 » WP Search & Replace页面。在“搜索”字段中添加你的旧网站URL,在“替换”字段中添加你的新网站URL。

提交你的HTTPS站点到Google搜索控制台

搜索引擎如Google认为https和http是两个不同的网站。为了避免任何SEO问题,你需让Google知道你的网站已迁移。访问你的Google搜索控制台帐户,点击“添加资产”按钮。你将获得一个HTML代码片段,将其添加到WordPress网站的head部分。

我们希望这篇文章能帮你在WordPress中添加HTTPS和SSL。你也可以查看我们关于WordPress安全的终极指南或我们精选的最佳WordPress分析解决方案。

Read More