WordPress 教学

如何修复Skype覆盖WordPress主题中的电话号码

如果您在计算机上安装了Skype,您可能会注意到有时Skype会自动高亮显示网站上的电话号码。对于WordPress开发人员来说,这可能非常令人沮丧。不仅会让您的网站看起来很糟糕,还可能破坏布局。事实上,我们最近有一个客户的网站因为Skype高亮显示电话号码而不断出问题。

修复这个问题并不困难。只需在您的HTML文档的标签和标签之间添加一些代码,即可防止Skype在任何浏览器中高亮显示您的主题中的电话号码。您需要粘贴以下代码:

<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />

确保它位于和标签之间。对于那些只想启用插件的人,可以下载我们的插件“防止Skype覆盖”。

我们希望这能帮助您修复Skype覆盖WordPress主题中的电话号码问题。如果您有任何问题或反馈,请在下方留言。

Read More
WordPress 基础知识

WordPress 初学者最常被问的28个问题

开始使用

如何开始一个WordPress博客?

首先,确保选择合适的博客平台。我们推荐使用自托管的WordPress.org平台,它提供了灵活性和自由度,不会限制博客的发展。接着,你需要注册一个WordPress主机账户及域名。推荐使用Bluehost,它是全球最大的主机公司之一,也是WordPress官方合作伙伴。然后,安装WordPress。详细步骤请参考我们的开始WordPress博客的指南。

建一个WordPress网站要多少钱?

虽然WordPress本身是免费的,但你需要一个主机账户和域名。可以通过注册一个共享主机账户开始,使用免费的WordPress主题和插件,这样每年大约需要100美元。随着网站的发展,你需要更多的功能和服务,这些可能会增加额外的费用。

如何通过WordPress网站赚钱?

有很多方法可以通过WordPress网站赚钱,比如通过Google AdSense投放广告,开设在线商店,搞联署营销,卖付费内容,开设在线课程等等。请查看我们列出的合法赚钱方式。

可以不用博客功能使用WordPress吗?

当然可以。很多WordPress网站是没有使用任何博客功能的企业网站。可以只使用页面来创建网站。如果不想使用博客功能,可以参考我们的教程关闭这些功能。

WordPress 基本操作

如何在WordPress中安装插件?

插件就是WordPress的网站上的应用程序,可以添加各种功能。去WordPress后台的插件 » 添加新页面,搜索想要的插件,点击安装并激活。也可以上传插件压缩包文件进行安装,详细操作请参考我们的指南。

为什么我的后台看不到插件菜单?

你可能在使用WordPress.com,这种托管服务限制了插件的安装。如果想要更改,可以参考我们如何将WordPress.com博客迁移到WordPress.org的教程。

应该安装哪些WordPress插件?

我们编写了一份必装插件列表,你可以查看了解哪些插件适合你的需求。

如何选择WordPress主题?

首先要决定使用免费或付费主题。付费主题包含技术支持和更新,但免费主题也经过严格审查。需要考虑受众、网站主题、插件兼容性和语言要求。查看我们的选择主题指南了解详细信息。

如何安装WordPress主题?

选择好主题后,去后台外观 » 主题页面,点击添加新主题。可以从WordPress主题目录中搜索,或上传压缩包文件进行安装,详细操作请参考我们的安装主题指南。

如何在WordPress中添加博文或页面?

WordPress有两个默认的内容类型:博文和页面。访问后台博文 » 添加新页面或页面 » 添加新页面。详见我们的添加新博文指南。

如何在WordPress中嵌入视频?

建议使用视频托管服务如YouTube或Vimeo,复制视频链接并粘贴到帖子编辑器中,WordPress会自动显示视频。也可以使用插件,好详细请参考我们的嵌入视频指南。

如何在WordPress中以行和列显示图片?

默认情况下,添加多张图会排列在一起或上下显示,可以通过设置网格布局解决。参考我们的展示图片指南。

如何在WordPress中添加导航菜单?

访问后台外观 » 菜单页面,创建并添加链接到菜单中,然后选择显示位置。详细操作请参考我们的导航菜单指南。

如何在WordPress中使用分类和标签?

分类和标签用于按主题整理内容,方便组织和用户查找。分类用于较大主题,标签用于具体话题。详细区别请参考我们的分类与标签指南。

运行后须知

如何在WordPress中添加联系表单?

联系表单允许用户通过网站直接联系你。推荐使用WPForms插件,通过拖放生成表单并添加到任意页面或帖子中。详细操作请参考我们的联系表单指南。

如何用WordPress开设在线商店?

通过使用WordPress的电商插件,可以容易地添加在线商店并销售商品。参考我们的在线商店教程开启你的电商之旅。

如何提升WordPress的SEO?

使用All in One SEO插件,它提供简单设置和强大功能,帮助提升网站流量。详细操作请参考我们的SEO指南。

如何处理WordPress的垃圾评论?

安装启用Akismet插件,开启评论审核。到设置 » 讨论页面,勾选“评论必须手动批准”,然后保存设置。详细操作请参考我们的垃圾评论处理指南。

如何向WordPress博客添加邮件订阅?

邮件订阅可以将临时访问者转化为长期读者。参考我们的邮件订阅添加指南。

如何获得更多邮件订阅者?

使用OptinMonster引导用户订阅邮件,并查看我们建议的增长订阅者的方法和生成潜在客户指南。

如何在WordPress中安装Google Analytics?

使用MonsterInsights插件,轻松设置Google Analytics并在后台查看流量报告。参考我们的安装指南以获取详细操作步骤。

如何在WordPress网站上找到免费图片?

使用公共领域和CC0许可的图片资源,查看我们整理的免费图片资源列表以找到适合的图片。

如何创建自己的图片用于WordPress网站?

使用我们推荐的无需设计技术便可创建图像的工具。详细指南请查看我们的创建图片指南。

故障排除

可以在电脑上安装WordPress吗?

可以。很多用户在本地安装WordPress测试插件和主题,或在上线前搭建网站,详细操作请参考我们的本地安装指南。

我的WordPress网站很慢,如何加速?

参考我们的加速指南,通过一系列技巧和工具提升网站性能。

被锁定在WordPress后台时怎么办?

参考我们的教程解决锁定问题,重新登录后台。

如何自行解决常见WordPress错误?

查看我们整理的常见错误和解决方案列表,它将节省你的时间和金钱。

如何保护你的WordPress网站不被黑客攻击?

参考我们的安全指南,添加多层防护保护网站不受攻击、恶意软件和钓鱼的威胁。

Read More
WordPress 教学

如何在 WordPress 中建立自訂文章類型的歸檔頁面

什麼是 WordPress 中的自訂文章類型歸檔頁面?

當您建立自訂文章類型時,WordPress 會自動生成該文章類型的歸檔頁面。歸檔頁面是所有與該自訂文章類型相關的文章的列表。這允許訪客輕鬆瀏覽和訪問特定文章類型中的內容。預設情況下,WordPress 內含兩種常用文章類型:文章和頁面。而 WordPress 插件也可能創建自己的文章類型。例如,WooCommerce 為您的 WordPress 網站添加了一個名為產品的新文章類型。

類似地,您也可以創建自訂文章類型並用它們來管理不同類型的內容。創建自訂文章類型後,您可以在 WordPress 管理區域內使用它。然而,您的 WordPress 主題負責顯示所有內容。如果您的主題沒有特定文章類型的模板,那麼 WordPress 將使用默認的歸檔模板來顯示任何文章類型的歸檔頁面。

啟用 WordPress 中的自訂文章類型歸檔

在您能夠建立和使用自訂文章類型的歸檔頁面之前,首先確保您的自訂文章類型啟用了歸檔功能。例如,如果您的自訂文章類型稱為電影並且啟用了SEO友好的永久鏈接,那麼您的文章類型歸檔將標記為:https://example.com/movies。如果在訪問此頁面時看到404錯誤頁面,那麼您的文章類型沒有啟用歸檔功能。

如果您使用插件生成自訂文章類型,那麼您可以簡單地在插件中編輯並啟用歸檔功能。例如,在 CPT UI 插件中,您可以編輯您的自訂文章類型並在文章類型設置下打開“Has Archive”功能。另一方面,如果您使用代碼生成自訂文章類型,則需要編輯該代碼以啟用歸檔功能。以下是一個生成文章類型的簡短代碼範例。您可以看到最後一行有一個額外的屬性來啟用歸檔頁面:

add_action( 'init', 'create_post_type' );
function create_post_type() {
    register_post_type( 'movies',
        array(
            'labels' => array(
                'name' => __( 'Movies' ),
                'singular_name' => __( 'Movie' )
            ),
        'public' => true,
        'has_archive' => true,
        )
    );
}

自訂您的自訂文章類型歸檔頁面

對於某些用戶來說,默認的歸檔模板可能綽綽有餘。然而,有些用戶可能希望將其改變,使其看起來與您的部落格歸檔和其他歸檔頁面有所不同。您可以通過將自訂模板添加到您的 WordPress 主題來實現這一點。首先,您需要使用 FTP 客戶端或通過主機控制面板中的文件管理器應用連接到您的 WordPress 網站。一旦連接,您需要導航到 /wp-content/themes/your-current-theme/ 文件夾。

從這裡開始,您需要將 archive.php 文件下載到您的計算機。一旦下載完成,您需要將該文件重命名為 archive-{posttype}.php,其中 {posttype} 是您的自訂文章類型的名稱。例如,如果您的自訂文章類型稱為电影,那麼您需要將其重命名為 archive-movie.php。您現在可以使用任何純文本編輯器(如記事本)打開此文件進行任何更改。這個文件已經包含顯示自訂文章類型內容所需的所有代碼。您可以添加任何所需的代碼或更改現有模板的佈局。

使用 SeedProd 建立自訂文章類型歸檔頁面

對於這種方法,我們將使用 SeedProd。這是市場上最好的 WordPress 頁面構建插件,允許您輕鬆為您的網站建立自訂頁面。SeedProd 具有拖放界面,允許您輕鬆設計自訂文章類型頁面而無需編寫任何代碼。首先,您需要安裝和啟用 SeedProd 插件。啟用後,您需要輸入您的 SeedProd 許可證密鑰。您可以在 SeedProd 網站的帳戶中找到這些信息。

接下來,轉到 SeedProd » 登陸頁面。從這裡,點擊“新增登陸頁面”按鈕開始。接下來,選擇一個頁面模板。如果有一個與您網站設計相似的模板,您可以使用它或從空白模板開始。接下來,為您的頁面提供一個名稱並選擇一個 URL。這將帶您進入頁面構建界面。讓我們從添加“文章”塊開始,顯示來自您的自訂文章類型的項目。默認情況下,文章塊將顯示您的部落格文章。點擊塊設置,然後從“按文章類型查詢”部分選擇您的文章類型。

按照這些步驟後,您現在可以訪問您的自訂頁面以查看其效果。您還可以將此頁面添加到您的導航菜單中或繼續編輯以進一步優化它。

自訂文章類型歸檔頁面的範例

使用自訂模板為您的文章類型歸檔頁面允許您根據需要進行自訂。例如,您可以移除側邊欄、更改頁面佈局並提供更多背景信息使歸檔頁面更有吸引力。以下是一些具有自訂模板的自訂文章類型歸檔頁面的範例。

WPBeginner 折扣頁是使用其自己的歸檔模板的自訂文章類型。我們還為我們的 WordPress 詞彙表部分使用了自訂模板。它也是讀者在不瞭解某些術語時可以輕鬆參考的自訂文章類型。我們的朋友在 MemberPress 為他們的插件部分使用了一個自訂文章類型歸檔模板。

希望這篇文章幫助您輕鬆學會如何建立自訂文章類型歸檔頁面。您也可以查看我們的必備 WordPress 插件和商業網站工具清單或我們的專家比較最佳商業 VoIP 提供商。喜歡這篇文章請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。您也可以在 Twitter 和 Facebook 上關注我們。

Read More
WordPress 教学

58個給博主、市場行銷和社交媒體的最佳ChatGPT提示

什麼是ChatGPT提示?

ChatGPT提示是給AI語言模型如ChatGPT的一個問題或指令,使其開始一段對話。ChatGPT是一款使用機器學習技術——自然語言處理的AI軟件。要使用它,你需要訪問OpenAI網站並註冊。

之後,你會看到一個簡單的聊天室。你可以在底部的輸入框中輸入提示,例如‘宇宙有多古老?’然後點擊發送按鈕。ChatGPT AI將以簡單的語言回應你的問題。提示的質量會影響AI的回答詳細程度和風格。

如何撰寫更優質的ChatGPT提示?

ChatGPT使用自然語言處理,這意味著你可以用簡明的對話形式撰寫提示。與其輸入簡短的句子,你可以指導GPT如何回應、使用的風格、長度限制、提供示例等。語句有助於讓AI縮小範圍,提供更具體的細節。

使用AIPRM擴展生成ChatGPT提示

生成ChatGPT提示的最簡單方法是使用AIPRM擴展。這是一款適用於Google Chrome瀏覽器的擴展,提供一個為SEO、博客創作和內容創建而精選的ChatGPT提示列表。你可以訪問Chrome網店的AIPRM擴展頁面,然後點擊“添加到Chrome”按鈕。

當擴展添加到瀏覽器後,它將自動打開ChatGPT網站。如果沒有,你可以點擊瀏覽器菜單上的擴展圖標,然後點擊AIPRM進入ChatGPT網站。你需要登錄你的OpenAI賬戶,之後你會看到一個精選的ChatGPT提示列表。

博客和市場行銷的最佳ChatGPT提示點子

博客ChatGPT提示

1. 生成一個針對特定關鍵字的整月內容日曆。

“使用以下關鍵字生成一個整月的日曆[輸入關鍵字]。每週添加[文章數量]篇文章,並使用具說服力的SEO友好標題。”

社交媒體ChatGPT提示

21. 為Instagram帖子、Reels和視頻生成標題。

“撰寫幾句話的Instagram帖子的描述或標題,關於[輸入描述]。句子開始要吸引人,且第一句不是問句。每句使用表情符號,每兩句後添加一段落使其更易讀。添加與帖子相關的最流行標籤。”

電商ChatGPT提示

38. 撰寫電商產品描述

“假裝你是一位電商SEO專家,撰寫富有吸引力的產品描述。我將提供一個產品標題,並針對產品描述的每個部分創造三個不同的內容段落,每個段落需有其自身的標題。”

商業ChatGPT提示

44. 把郵件文本變得更高效且專業

“修改這封郵件,使其能以人性化口吻,用完美的英語,像一個具有魅力個性且語言簡潔的專業人士一樣撰寫。並提供至少三個郵件主題作範例。[輸入郵件文本]。”

推廣本地企業的ChatGPT提示

51. 生成推廣本地企業的博客文章點子

“生成一系列突顯我業務附近的本地景點或活動的博客文章點子。每篇文章應該包含吸引人的標題、景點或活動的簡短描述,以及它們與我的業務的關聯。我的業務是[提供盡可能多的業務細節]。”

其他ChatGPT提示

54. 生成求職申請的求職信

“我需要你幫我撰寫一封帶有求職申請的專業求職信,使用以下參數:1.職位名稱2.年資3.需要提及的技能。請讓我一一輸入這些參數,然後才開始撰寫求職信。”

Read More
WordPress 基础知识

什么是 WordPress 的 theme.json 文件及其用法

什么是 WordPress 的 theme.json 文件及其用法

最后更新于 2024 年 6 月 10 日 | 编辑部撰写 | 审核人:Syed Balkhi

你是否在使用区块主题并在 WordPress 中看到 theme.json 文件?也许你会想知道这个文件的用途以及是否需要编辑它。theme.json 文件是 WordPress 全站编辑体验中的关键部分。随着区块主题的日益普及,理解 theme.json 的功能以及如何正确编辑它变得非常重要。本文我们将详细介绍 theme.json 文件是什么以及如何使用它来定制你的 WordPress 网站。

WordPress theme.json 文件是什么?

theme.json 文件是 WordPress 5.8 版本中引入的一个特殊主题文件。它在全站编辑(FSE)体验中扮演着重要角色,使你可以通过视觉方式定制 WordPress 区块主题的各个方面。基本上,theme.json 文件充当一个蓝图,控制你的区块主题的样式和功能。它包含的代码会告诉 WordPress 不同元素如颜色、排版、布局和模板应如何显示和行为。

为什么 WordPress 区块主题需要 theme.json 文件?

在 WordPress 中编辑区块主题与编辑经典主题不同。经典主题使用 functions.php 文件启用一些功能,如自定义菜单或特色图片,然后你可以使用 CSS 样式表(style.css)文件中的 CSS 规则来对这些功能进行样式化。在区块主题中,theme.json 作为一个集中的枢纽,定义了区块主题的所有外观和感觉。它可以让你在一个地方定义诸如字体、颜色和布局选项,取代了在 functions.php 文件中使用 add_theme_support() 的需求。

这也是为什么区块主题中的 functions.php 文件通常比经典主题中的小得多。拥有一个专门的 theme.json 文件能带来一些前经典主题系统无法实现的好处。首先,theme.json 与 WordPress 全站编辑器紧密合作,使你可以在编辑器内直接定制主题的样式和设置,无需碰触任何代码。此外,theme.json 旨在为开发者和用户创造一致的体验。一些用户会觉得更换主题时需要完全学习新的布局和样式选项非常令人沮丧。借助 theme.json,切换主题变得更加流畅,因为一切都是以相似的方式组织的。最后,通过使用 theme.json,主题开发者和用户可以随着 WordPress 不断扩展其全站编辑功能,确保他们的工作具有前瞻性。

在 WordPress 中哪里可以找到 theme.json 文件?

theme.json 文件位于你主题目录内的 public_html » wp-content » themes » 你的主题名称 » theme.json。不论使用 FTP 还是主机账户的文件管理器访问它,首先需要连接到你的网站。

theme.json 文件看起来是什么样的?

theme.json 文件有一个特定的结构,组织了你 WordPress 区块主题的所有全局设置。根据主题的复杂程度,文件可能很短或很长。然而,这个文件可以被分解为 7 个顶级部分:

{
"$schema": "https://schemas.wp.org/trunk/theme.json",
"version": 2,
"settings": {},
"styles": {},
"customTemplates": {},
"templateParts": {},
"patterns": []
}

Schema (Schema 属性是区块主题中可选的,在某些主题中可能看不到。)

Schema 属性链接到 WordPress JSON schema 的 URL,这定义了主题的全局设置、样式和其他配置。

Version

该部分指定 theme.json 格式使用的 API 版本,确保它遵循正确的结构。撰写本文时,API 的版本是 2。

Settings

此属性定义了用户可以用来定制主题的选项和控件,包括颜色调色板、排版、间距、渐变、阴影、边框等的预设。

这是一个简单的示例:

{
"settings": {
"color": {
 "palette": [
 {
 "slug": "base",
 "color": "#ffffff",
 "name": "White"
 },
 {
 "slug": "contrast",
 "color": "#222222",
 "name": "Dark"
 },
 {
 "slug": "accent",
 "color": "#f08080",
 "name": "Pink"
 },
 {
 "slug": "accent-2",
 "color": "#90ee90",
 "name": "Light Green"
 },
 {
 "slug": "accent-3",
 "color": "#e0ffff",
 "name": "Light Blue"
 }
 ]
},
"typography": {
 "fontFamilies": [
 {
 "fontFamily": "Open Sans, sans-serif",
 "slug": "open-sans",
 "name": "Open Sans"
 },
 {
 "fontFamily": "Arial, sans-serif",
 "slug": "arial",
 "name": "Arial"
 },
 {
 "fontFamily": "Times New Roman, serif",
 "slug": "times-new-roman",
 "name": "Times New Roman"
 }
],
"fontSizes": [
 {
 "name": "Extra Small",
 "slug": "xx-small",
 "size": "0.75rem"
 },
 {
 "name": "Small",
 "slug": "small",
 "size": "0.875rem"
 },
 {
 "name": "Medium",
 "slug": "medium",
 "size": "1rem"
 },
 {
 "name": "Large",
 "slug": "large",
 "size": "1.125rem"
 },
 {
 "name": "Extra Large",
 "slug": "x-large",
 "size": "1.25rem"
 },
 {
 "name": "XX-Large",
 "slug": "xx-large",
 "size": "1.5rem"
 }
],
"spacing": {
 "units": ["rem"],
 "values": {
 "small": "1rem",
 "medium": "1.5rem",
 "large": "2rem"
 }
 }
}
}
}

Styles

虽然 settings 部分定义了主题的默认定制选项,styles 部分则将其应用到主题。你可以将定制设置应用于整个网站或在块级别上使用预设。

这是一个示例:

{
"settings": {},
"styles": {
"color": {
"background": "var(--wp--preset--color--base)",
"text": "var(--wp--preset--color--contrast)"
},
"elements": {
"link": {
"color": {
"text": "var(--wp--preset--color--accent-2)"
}
},
"h1": {
"fontSize": "var(--wp--preset--font-size--xx-large)",
"lineHeight": "1.2",
"marginBottom": "1rem"
},
"h2": {
"fontSize": "var(--wp--preset--font-size--x-large)",
"lineHeight": "1.2",
"marginBottom": "1rem"
},
"h3": {
"fontSize": "var(--wp--preset--font-size--large)",
"lineHeight": "1.2",
"marginBottom": "1rem"
}
}
}
}

Custom Templates

区块主题开发者可以创建预定义的布局供用户使用。Twenty Twenty-Four 主题在 theme.json 文件中定义了多个自定义模板:Page No Title, Page With Sidebar, Page with wide Image, 和 Single with Sidebar。你可以使用任何这些来创建内容。

示例代码:

{
"customTemplates": [
 {
 "name": "page-no-title",
 "postTypes": ["page"],
 "title": "Page No Title"
 },
 {
 "name": "page-with-sidebar",
 "postTypes": ["page"],
 "title": "Page With Sidebar"
 },
 {
 "name": "page-wide",
 "postTypes": ["page"],
 "title": "Page with wide Image"
 },
 {
 "name": "single-with-sidebar",
 "postTypes": ["post"],
 "title": "Single with Sidebar"
 }
]
}

Template Parts

模板部分是可以在自定义模板中使用的可复用区域。这些元素包括页眉、页脚、侧边栏等等。示例代码:

{
"templateParts": [
 {
 "area": "header",
 "name": "header",
 "title": "Header"
 },
 {
 "area": "footer",
 "name": "footer",
 "title": "Footer"
 },
 {
 "area": "sidebar",
 "name": "sidebar",
 "title": "Sidebar"
 },
 {
 "area": "post-meta",
 "name": "post-meta",
 "title": "Post Meta"
 }
]
}

Patterns

模式是预制的块集合,可让你在页面、帖子或任何其他地方创建自定义内容布局。theme.json 允许主题开发者从公共模式目录引用模式,提供更多定制选项而无需自己设计这些可复用的块。示例代码:

{
"patterns": [
 "three-columns-of-services",
 "clients-section"
]
}

编辑 theme.json 文件前应该做什么

由于 theme.json 是核心主题文件,在你的在线 WordPress 网站上直接编辑它存在一定的风险。意外错误可能会破坏你的主题或网站。一个更安全的方法是使用子主题。子主题继承父主题的所有样式和功能,但允许你定制而不修改父主题本身。如果父主题接收到更新,你的定制不会被覆盖。

你可以阅读我们关于如何在 WordPress 中创建子主题的指南。该文章展示了一种使用 Create Block Theme 插件的简易方法,该插件会自动生成一个新的 theme.json 文件,仅供子主题使用。为了确保顺利的编辑体验并避免网站停机,我们还建议创建 WordPress 网站的新备份。推荐使用 Duplicator 插件进行快速可靠的备份。还建议在本地 WordPress 开发环境或临时站点工作。这会创建你在线网站的副本,使你可以在不影响访问者的情况下安全测试更改。

如何编辑 WordPress theme.json 文件

无需代码编辑 theme.json(适合初学者)

若不想直接触及代码来编辑 theme.json 文件,可以使用 Create Block Theme 插件。安装这个插件后,在管理界面进入 Appearance » Editor 。然后选择‘样式’,接着点击铅笔‘编辑样式’图标,这会带你到块编辑器编辑网站的全局样式。改变主题样式后,保存更改并进入创建区块主题的按钮‘保存更改到主题’。网站会自动保存你对 theme.json 文件的更改。

使用代码编辑 theme.json(高级用户)

这方法推荐给有代码经验的用户。首先在主题目录中打开你的 block 主题的 theme.json 文件。使用 FTP 或者主机的文件管理器。在 theme.json 文件的 settings 属性中定义样式,并在 styles 属性中具体实现。例如,创建自定义字体大小:

{
 "settings": {
 "typography": {
 "fluid": false,
 "fontSizes": [
 {
 "name": "Small",
 "slug": "small",
 "size": "16px"
 },
 {
 "name": "Medium",
 "slug": "medium",
 "size": "24px"
 },
 {
 "name": "Large",
 "slug": "large",
 "size": "40px"
 },
 {
 "name": "Extra Large",
 "slug": "x-large",
 "size": "48px"
 }
]
}
}

保存文件后预览网站查看更改。了解更多关于 theme.json 文件的结构请参阅前一部分的详细说明。

Read More
WordPress 教学

如何在WordPress中禁用自定义文章类型的Disqus

如何在WordPress中禁用自定义文章类型的Disqus

你是否需要在WordPress中禁用自定义文章类型的Disqus评论系统?有时候,当你切换到Disqus后,评论可能会从你的自定义文章类型中消失,这通常是因为评论没有正确迁移,但幸运的是有一个简单快速的解决办法。

为什么我们放弃了Disqus

过去,我们在WPressize Me上曾尝试使用Disqus评论系统,但很快我们又切换回了默认的WordPress评论。切换回来的原因有很多,但一开始我们就注意到一些评论在迁移到Disqus后没有出现在自定义文章类型中。

如果你仍然使用Disqus来管理和审核WordPress中的评论,那么一个解决方案是手动导入这些评论。不过,特别是如果你的自定义文章有大量评论,这可能会花费大量时间和精力。幸运的是,对于Disqus用户有一个更快的方法。让我们看看如何快速且轻松地禁用自定义文章类型的Disqus。

在WordPress中禁用自定义文章类型的Disqus

在开始之前,你需要确保已启用Disqus与WordPress网站之间的同步。在左侧菜单中选择Disqus,然后点击‘同步’标签。如果它尚未启用,请点击‘启用自动同步’。

注意:此时,你可能会看到以下错误:“你必须配置站点短名称、API密钥和API访问令牌以启用此功能。”如果发生这种情况,我们将在文章末尾向你展示如何解决这个错误。

之后,你需要在WordPress博客中添加一些代码。通常,教程会要求你直接编辑主题的functions.php文件,但我们不推荐这种方法,因为一个小错误可能会导致许多常见的WordPress错误,甚至完全破坏你的网站。

我们推荐使用免费的WPCode插件,这是一种在WordPress中添加自定义代码的最简单和最安全的方法。激活后,访问WordPress仪表板中的‘代码片段’ » ‘+添加片段’页面。

在这里,你会看到所有可以添加到你网站的现成片段,包括禁用WordPress小工具块和删除WordPress版本号的片段。要添加你自己的片段,悬停在‘添加自定义代码’上,然后点击‘使用片段’。

在这个屏幕中,为自定义代码片段输入一个标题。这可以是任何帮助你识别PHP片段的名称。接下来,打开‘代码类型’下拉菜单并选择‘PHP片段’。

然后,将以下代码片段粘贴到编辑器中:

function filter_dsq_can_load( $script_name ) { if ( is_singular( 'custom_post_type_name' ) ) { if ( 'count' === $script_name ) { return false; } elseif  ( 'embed' === $script_name ) { return false; } else { return true; } } } add_filter( 'dsq_can_load', 'filter_dsq_can_load' );

此代码创建了一个筛选器来检查特定的自定义文章类型,然后禁用Disqus评论模板。请确保将‘custom_post_type_name’替换为你希望禁用Disqus的自定义文章类型名称。

在代码框下方,你会看到插入选项。如果尚未选择,请点击‘自动插入’方法,这样片段将被自动插入并在整个WordPress博客中执行。之后,打开‘位置’下拉菜单并点击‘在任何地方运行’。

然后,滚动到屏幕顶部的‘禁用’切换按钮,并将其更改为‘启用’。最后,点击‘保存’使Disqus片段生效。

错误排查:必须有站点短名称、API密钥和API访问令牌

当你尝试启用Disqus自动同步时,可能会看到错误:“你必须配置站点短名称、API密钥和API访问令牌以启用此功能。”

如果发生这种情况,你需要前往Disqus网站创建一个Disqus应用程序。如果你还没有账号,可以使用电子邮件地址创建一个免费账号,或者使用其他账号如Facebook或Twitter登录。完成后,点击‘注册应用程序’链接。

在这个屏幕中,你可以输入一些关于应用程序的信息,如名称、组织及你计划使用Disqus的网站。当你对输入的信息满意后,点击‘注册我的应用程序’。

完成后,滚动到‘默认访问’部分。现在可以从下拉菜单中选择‘读取、写入和管理论坛’。

之后,滚动到屏幕底部并点击‘保存更改’。

你现在可以点击‘详细信息’标签,然后滚动到‘OAuth设置’部分。在这里,你会找到API密钥、API密钥和访问令牌。你需要将这些信息添加到Disqus插件设置中。

在WordPress仪表板中,从左侧菜单中选择Disqus。然后,点击‘站点配置’标签。

在这个屏幕中,你需要选择‘点击进行更改’链接。现在可以在不同字段中添加API密钥、API密钥和访问令牌。如果还没有添加站点短名称,也需要添加。

完成后,点击‘保存’按钮。现在,如果选择‘同步’标签,应该会看到一个新的‘启用自动同步’按钮,而不是错误。

我们希望本教程帮助你了解如何在WordPress中禁用自定义文章类型的Disqus评论系统。你可能还想了解如何增加博客流量,查看我们专家挑选的最佳WordPress社交媒体插件。

如果你喜欢这篇文章,请订阅我们的YouTube频道以获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何在WordPress中添加Expires Headers(两种方法)

如何在WordPress中添加Expires Headers(两种方法)

优化WordPress性能非常重要,因此我们尽量让网站加载速度最快。我们发现,向WordPress网站添加Expires Headers是提升性能的聪明方法。

Expires Headers是告知网页浏览器是否从访客的浏览器缓存或直接从您的服务器加载页面资源的规则。这可以显著提高加载时间并改善用户体验。

Expires Headers在WordPress中的使用方法

当有人第一次访问您的WordPress网站时,所有文件会逐个加载。这些HTTP请求增加了网页加载时间。

浏览器缓存会将部分或全部文件存储在访客的计算机中,这意味着下次访问时,这些文件可以从访客的计算机加载,从而提升WordPress网站性能并改善用户体验。

Expires Headers设置了存储在浏览器缓存中的每种文件的过期日期。到期后,文件将从服务器重新加载,以提供最新版本的页面。

方法1:使用WP Rocket插件添加Expires Headers

WP Rocket是市场上最适合初学者的WordPress缓存插件。启用后,它会立即改善您的网站速度,不需要复杂的配置设置。WP Rocket是一个高级插件,但所有功能都包含在最低级别的计划中。

安装和激活WP Rocket插件后,它会自动开启浏览器缓存,并默认添加最佳设置的Expires Headers和Cache-Control Headers,以加速您的WordPress网站。

如果您希望使用免费缓存插件来添加Expires Headers,可以考虑使用W3 Total Cache。然而,这款插件没有WP Rocket那么适合初学者,您需要手动启用Expires Headers。

方法2:使用代码在WordPress中添加Expires Headers

第二种方法是将代码片段添加到您的WordPress文件中。我们不建议初学者使用此方法,因为代码错误可能会导致严重错误并破坏您的网站。

确Determine您的网站正在运行Apache还是Nginx

首先,您需要确定网站是使用Apache还是Nginx服务器。您需要浏览至网站页面,右键点击页面,然后选择“检查”选项。接着点击页面顶部的“网络”选项卡,可能需要刷新页面以加载结果。然后点击‘名称’列顶部的域名,滚动至“响应头”部分,检查名为‘server’的项目。这将显示使用的Web服务器类型。

在Apache中添加Expires Headers

要将Expires Headers添加到Apache服务器,您需要将代码添加到.htaccess文件中。连接到您的WordPress托管账户,使用FTP客户端或主机的文件管理工具,在网站的根目录中找到此文件。

接下来,在.htaccess文件顶部添加以下代码:

## EXPIRES HEADER CACHING ##

  ExpiresActive On
  ExpiresByType image/jpg "access 1 year"
  ExpiresByType image/jpeg "access 1 year"
  ExpiresByType image/gif "access 1 year"
  ExpiresByType image/png "access 1 year"
  ExpiresByType image/svg "access 1 year"
  ExpiresByType text/css "access 1 month"
  ExpiresByType application/pdf "access 1 month"
  ExpiresByType application/javascript "access 1 month"
  ExpiresByType application/x-javascript "access 1 month"
  ExpiresByType application/x-shockwave-flash "access 1 month"
  ExpiresByType image/x-icon "access 1 year"
  ExpiresDefault "access 3 days"

## EXPIRES HEADER CACHING ##

这些设定值适用于大多数网站,如果需要,可以调整时间段。

在Nginx中添加Expires Headers

如果在Nginx服务器上托管,则需要编辑服务器配置文件,添加以下代码:

location ~* .(jpg|jpeg|gif|png|svg)$ {
  expires 365d;
}

location ~* .(pdf|css|html|js|swf)$ {
  expires 3d;
}

这个代码将设置不同文件类型的过期时间。图片的缓存时间比HTML、CSS和JS文件长,因为图片通常保持不变。

希望这个教程能帮助您学习如何在WordPress中添加Expires Headers。您可能还希望查看我们的WordPress安全指南以提高网站安全性,以及我们推荐的最佳电子邮件营销服务,帮助您增长流量。

Read More
WordPress 插件

如何在WordPress 4.2中恢復遺失的鏈接標題欄位

在WordPress 4.2版中,「插入鏈接」部分的鏈接標題欄位被替換為鏈接文本欄位,這讓許多用戶感到失望,因為他們認為鏈接標題欄位對SEO非常有用。在這篇文章中,我們將展示如何在WordPress 4.2及之後的版本中添加消失的鏈接標題欄位。

為什麼鏈接標題欄位被移除?

鏈接標題提供的標題可以與鏈接的錨文本不同,這讓用戶可以在鏈接上查看所鏈接文件的標題。有些用戶認為它有助於提高無障礙訪問效果,但實際上許多屏幕閱讀器默認無法讀取鏈接中的標題屬性。鏈接標題彈窗在移動設備和其他手持設備上是不可見的。這些彈窗對只使用鍵盤的用戶也是不可見的。

許多用戶認為鏈接標題文本對SEO有意義,它允許網站所有者在標題中使用實際的文件標題,並將關鍵字作為錨文本使用。您可能還想閱讀我們關於圖片alt文本與圖片標題的文章。不管是否存在SEO或無障礙訪問的好處,鏈接標題屬性無疑是無害的。以下是如何將其添加回您的WordPress網站。

在WordPress中添加鏈接標題字段

首先,您需要安裝並激活Title and Nofollow For Links插件。該插件開箱即用,無需配置設置。

只需創建一個新文章或編輯現有文章。選擇一些文本並單擊編輯器中的插入鏈接按鈕。插入鏈接彈窗會出現,您會注意到額外的鏈接標題字段出現在那裡。

該插件還添加了一個rel=“nofollow”復選框,供您需要時使用。閱讀更多關於為什麼以及何時需要使用nofollow鏈接的內容。

就是這樣,我們希望這篇文章能幫助您在WordPress 4.2及之後的版本中恢復遺失的鏈接標題欄位。您也可以查看我們的指南,了解如何修復WordPress中的壞鏈接。

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

Read More
WordPress 插件

如何在WordPress区块编辑器中添加协作功能(类似Google Docs)

为何使用WordPress的协作编辑插件?

如果你运营着一个多作者的WordPress网站,你可能经常需要给作者留下建议或反馈。同样,你可能需要与多位作者在WordPress中合作撰写同一篇文章。然而,通常情况下你需要依赖外部工具如电子邮件或Google Docs来沟通。有了内置的协作功能后,你的团队就可以直接在区块编辑器内更有效地合作,创建更好的内容。

如何在WordPress编辑器中启用文档协作

由于WordPress默认没有在管理区域内沟通的解决方案,我们将在本教程中使用协作编辑插件。首先,你需要安装并激活MultiCollab插件。激活后,编辑现有的WordPress文章或页面或新建文章。在文章编辑页面中,选择想要对团队成员高亮的文本,然后在工具栏中点击“评论”按钮。

这会弹出一个窗口,你可以在其中为其他团队成员留下评论。输入你的评论内容并点击“评论”按钮即可保存。如果你想让特定用户加入对话,只需输入@符号并从下拉列表中选择他们的用户名。你也可以选择将特定评论分配给被标记的用户,这样他们可以追踪分配的任务和反馈并标记为已完成。

如何管理文档的协作活动和评论

想要查看一篇文章的所有评论?你可以通过点击屏幕右上角的“Multicollab”按钮查看和管理所有文档活动和评论。在活动选项卡中,可以直接回复评论或将其标记为已解决。如果在撰写文章时不想看到评论,也可以在设置选项卡中开启“隐藏评论”功能。插件还允许你在“摘要”选项卡中查看当前文档的活动概要,包括最近的编辑信息和整体评论统计。

如何接收WordPress中的编辑评论邮件通知

MultiCollab附带邮件通知功能,让网站的超级管理员知道新评论情况。你可以在管理面板的“Multicollab”菜单中进入“设置”选项卡,勾选“通知超级管理员所有新评论”选项。为了确保邮件通知顺利送达,我们建议使用WP Mail SMTP插件。它可以通过SMTP服务器轻松发送WordPress邮件,解决WordPress邮件发送问题。有关更多信息,请查看我们的WordPress邮件发送问题修复指南。

希望这篇文章帮助你在WordPress网站中添加类似Google Docs的文档协作和编辑功能。你可能还想查看我们推荐的最佳Gutenberg区块插件以及我们的新手指南:WordPress文章修订。如果你喜欢这篇文章,请订阅我们的YouTube频道以获取更多WordPress视频教程。你也可以在微博和Facebook上找到我们。

Read More
WordPress 插件

如何在 WordPress 儀表板中顯示頁面範本

如何在 WordPress 儀表板中顯示頁面範本

最後更新於 2014 年 7 月 22 日 作者:編輯部 | 審閱者:Syed Balkhi

WordPress 允許您通過使用頁面範本功能來自定義每個頁面的外觀。您可以使用自定義範本在 WordPress 中創建一個自定義頁面。當處理大型自定義站點時,如果有大量使用不同範本的頁面,將會遇到一個問題。唯一確定某個頁面使用哪個範本的方法是手動編輯該頁面。在本文中,我們將向您展示如何在 WordPress 儀表板中顯示頁面範本,這樣您就可以輕鬆查看每個頁面使用的範本,而無需逐個加載頁面編輯器。

視頻教程

如果您不喜歡觀看視頻或需要更多說明,請繼續閱讀。首先,您需要安裝並啟用 Page Template Dashboard 插件。一旦激活,您就完成了。現在,如果您前往儀表板中的“頁面”部分,您會發現頁面列表中新添加了一列“頁面範本”。

通過使用這個插件,您可以查看每個頁面正在使用的範本。對於沒有使用任何自定義範本的頁面,它會顯示為默認範本。這個插件在主題開發環境中特別有用,或者在您切換兩個主題時也很有幫助。它可以幫助您識別哪些頁面依賴於自定義範本,以便在切換主題時考慮到它們。

我們希望這會對設計/開發網站的很多朋友有所幫助。如果您有任何問題或反饋,請隨時在下方留言。

Read More