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中禁用自定义文章类型的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搜索结果中排除页面(逐步教程)

默认情况下,WordPress内置搜索会在其结果中包含所有帖子和页面。然而,这可能并不适用于所有网站。例如,如果您在运行一个在线商店,则可能希望隐藏账户页面、结账页面、感谢页面等。

同样地,如果您运营会员网站或销售在线课程,您会希望阻止仅供订阅者查看的内容出现在公共搜索结果中。以下是如何从WordPress搜索结果中排除页面的具体步骤:

步骤1:安装WordPress搜索插件

最简单的方法是使用SearchWP插件,这是30,000多个网站使用的最佳WordPress搜索插件。SearchWP可以搜索WordPress默认忽略的内容,如评论、定制文章类型、PDF文件、WooCommerce产品及分类。此外,它还允许排除内容。

首先,您需要安装并激活该插件。激活后,进入SearchWP»设置,然后点击“常规”标签。这里,您需要输入许可证密钥,然后点击“验证密钥”按钮。

步骤2:创建自定义搜索算法

激活插件后,您可以微调SearchWP的索引、搜索和显示内容的方式。首先,您需要创建一个全站范围的搜索引擎。进入SearchWP»算法页面。

在这里,您会看到默认情况下SearchWP搜索的不同内容类型的部分,如页面、帖子和媒体文件。每个部分都有其自己的应用属性相关性滑块,允许您控制SearchWP如何对内容进行排名。

如果要排除所有页面,只需点击“页面”旁的小垃圾桶图标。这会打开一个弹出窗口,取消选中“页面”选项。然后,点击“完成”。

完成自定义默认搜索引擎设置后,点击页面顶部的“保存”按钮。SearchWP会自动重新构建索引。随后,您的网站将开始使用改进后的WordPress搜索。

步骤3:排除特定页面(可选)

您也可以通过安装Exclude UI扩展来排除特定页面。安装扩展后,打开要排除的页面,选中“从搜索中排除”框,然后点击“更新”按钮。

步骤4:创建并嵌入搜索表单

现在,您需要创建一个使用新搜索引擎的搜索表单。进入SearchWP»搜索表单,点击“新增”按钮。按照我们的指南,您可以定制和嵌入搜索表单到页面、帖子及小工具区。

附加提示:排除其他内容

有时,您可能希望进一步优化搜索结果,只包括特定内容。您可以阅读我们的详解指南,了解如何排除特定页面、作者等,或者排除特定分类的页面。

希望本文能帮助您了解如何从WordPress搜索结果中排除页面。如果您喜欢这篇文章,请订阅我们的YouTube频道,获取更多WordPress视频教程。

Read More
WordPress 教学

如何在WordPress中添加Skype分享按钮

如何在WordPress中添加Skype分享按钮

你知道Skype有一个分享按钮吗?我们也是直到读者要求我们制作一个关于如何在WordPress中添加Skype分享按钮的教程才知道。Skype是全球最流行的通讯应用之一。在这篇文章中,我们将向你展示如何轻松地在WordPress中添加Skype分享按钮。

安装和激活Skype分享插件

首先,你需要安装并激活Skype分享插件(请参阅我们的初学者指南,了解如何安装WordPress插件)。

激活后,前往“设置” » “Skype分享按钮”页面来配置插件。

第一个选项是启用分享按钮。你必须选中此框以在你的WordPress网站上启用Skype分享按钮。

接下来,你需要选择按钮的大小。可用的按钮大小有大分享、小分享、圆形图标和方形图标。

最后,你需要选择按钮的位置。你可以选择显示在文章顶部、文章底部或两者都显示。

Skype分享按钮能够自动检测你的WordPress网站的语言。如果不能,你可以手动选择语言。

不要忘记点击“保存更改”按钮以存储你的设置。

完成所有这些后,现在你可以访问你的网站,查看Skype分享按钮的实际效果。

手动在WordPress模板中添加Skype分享按钮

如果你想手动在主题文件中添加此按钮,可以按照以下手动代码说明进行操作。

首先将以下脚本添加到文件的head部分。你可以直接编辑你的header.php文件或通过使用Enqueue脚本的正确方式添加脚本。

<script>
(function(r, d, s) {
r.loadSkypeWebSdkAsync = r.loadSkypeWebSdkAsync || function(p) {
var js, sjs = d.getElementsByTagName(s)[0];
if (d.getElementById(p.id)) { return; }
js = d.createElement(s);
js.id = p.id;
js.src = p.scriptToLoad;
js.onload = p.callback;
sjs.parentNode.insertBefore(js, sjs);
};
var p = { scriptToLoad: 'https://swx.cdn.skype.com/shared/v/latest/skypewebsdk.js', id: 'skype_web_sdk' };
r.loadSkypeWebSdkAsync(p);
})(window, document, 'script');
</script>

接下来,将以下代码添加到你的single.php、loop.php、index.php、page.php、category.php和archive.php,只要它在post循环内即可。

<div class='skype-share' data-href='<?php the_permalink(); ?>' data-lang='en-US' data-text='<?php the_title(); ?>' data-style='large' ></div>

你可以将data-style更改为large、small、circle或square。

你还可以将语言更改为你想要的语言。

基本上,上面的代码将允许用户以帖子标题作为消息分享单个帖子。

我们希望这篇文章能帮助你在你的WordPress网站上添加Skype分享按钮。你可能还想看看我们的指南,了解如何在WordPress中为智能手机添加可点击的电话号码。

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

Read More
WordPress 教学

如何在 WordPress 顯示營養標籤

如何在 WordPress 顯示營養標籤

最新更新於 2024 年 4 月 30 日,由編輯部撰寫 | 已由 Syed Balkhi 審核

您是否在尋找在 WordPress 中顯示營養標籤的方法?營養標籤提供有關食品養分含量的信息,包括卡路里、蛋白質、脂肪、碳水化合物等,幫助用戶根據自己的飲食做出更明智的健康決策。本文將向您介紹如何在 WordPress 中輕鬆添加營養標籤。

為什麼要在 WordPress 中添加營養標籤?

如果您是一名美食博客作者或在您的在線商店中銷售食品,則添加營養標籤與您的食譜和產品一起有助於您遵守任何監管食品的要求。

通過告知消費者您的餐點中的卡路里含量、碳水化合物和其他營養素,您還可以幫助他們根據自己的飲食做出明智的決策。例如,為食譜添加營養標籤可幫助糖尿病患者監控其糖分攝入並保持健康。

添加營養標籤還可以提高您的 WordPress 博客的 SEO 排名。這是因為搜索引擎通常會優先考慮通過提供與產品有關的相關信息來提升用戶體驗的網站。

如何在 WordPress 中添加營養標籤

使用 Nutrifox 創建營養標籤

首先,您需要訪問 Nutrifox 網站並通過單擊螢幕右上角的“開始免費試用”按鈕註冊一個帳戶。Nutrifox 為每個人提供 14 天的試用期,之後您將每月收費約 9 美元或每年 89 美元。

創建帳戶後,您將被引導至“歡迎來到 Nutrifox”頁面。從這裡,只需單擊“創建您的第一個食譜”按鈕即可開始。

這將帶您進入新螢幕,在這裡您必須為您即將創建的食譜輸入一個名稱。一旦完成,只需單擊“繼續添加原料”按鈕。

注意:如果您願意,您還可以單擊“導入已發佈的食譜”鏈接,將已發佈的食譜從您的 WordPress 網站導入到 Nutrifox。

這將把您帶到一個新螢幕,在那裡您將創建食譜。在這裡,您可以在螢幕的右側列中看到營養標籤。您現在可以開始填寫份量和份數的欄位。

例如,如果您正在編寫紅絲絨蛋糕食譜,則需要添加 1 片作為份量。之後,您必須在“份數”選項下添加蛋糕中的切片數量。

完成後,只需將食譜原料列表輸入“原料”部分並單擊“加入”按鈕。

添加食譜後,營養標籤將根據信息自動更新。

自定義您的營養標籤

現在,您需要單擊右列中的“自定義”按鈕,以樣式化營養標籤。從這裡開始,請從下拉菜單中選擇“標籤樣式”。您可以選擇“美味”、“FDA”或“基本”。

之後,您還可以通過切換這些選項旁邊的開關來選擇要在營養標籤上顯示的營養素。例如,如果您想顯示餐食中的鈣含量百分比,則可以切換“鈣”選項旁邊的開關。

一旦您滿意您的營養標籤,從 Nutrifox 網站的 URL 中複製其 ID。此標籤 ID 是一個 4 到 5 位數的編號,允許您將營養標籤嵌入到您的 WordPress 網站中。

將營養標籤添加到 WordPress 文章

複製標籤 ID 後,前往您的 WordPress 網站的儀表板。在那裡,您需要安裝並激活 Nutrifox WP 連接器插件。有關說明,請參閱我們的分步指南,了解如何安裝 WordPress 插件。

此插件將在 Gutenberg 編輯器中添加一個“Nutrifox 標籤”塊,允許您與食譜一起顯示營養標籤。插件激活後,打開您想要添加營養標籤的頁面或文章。接下來,單擊螢幕左上角的“添加區塊”(+) 按鈕,找到“Nutrifox 標籤”塊。

添加後,將之前複製的 Nutrifox 標籤 ID 粘貼到該塊中。

最後,單擊“發佈”或“更新”按鈕以保存您的更改。您現在可以訪問您的網站以查看營養標籤的實際效果。

額外提示:使用 Tasty Recipes 優化您的食品博客並添加營養標籤

Tasty Recipes 是市場上最佳的 WordPress 食譜插件,允許您為食譜 SEO 優化您的食品博客。它還允許您調整食譜卡的設計和佈局。

此外,它還使您能夠將您的食譜卡與 Nutrifox 集成,以便與食譜一起添加營養標籤。

首先,您需要安裝並激活 Tasty Recipes 插件。詳盡的說明,請查看我們的 WordPress 插件安裝指南。

激活後,前往設定 › Tasty Recipes 頁面並輸入許可證序號。

之後,轉到 Tasty Recipes 設定螢幕上的“設計”標籤。從這裡,您可以從預覽列選擇食譜卡設計模板。您還可以進一步自定義模板。

完成後,向下滾動至 Nutrifox 顯示部分並確保勾選“插入 Nutrifox 標籤 (iframe)”選項。如果選擇“插入為純文本”選項,則需要手動輸入營養標籤的詳細信息。

接著,轉到設定標籤以配置插件選項。在這裡,您可以選擇在食譜中顯示哪些按鈕、在配料旁顯示複選框,允許用戶轉換單位並為不同份量調整食譜。

一旦完成,別忘了單擊“保存更改”按鈕儲存您的設置。

將食譜卡和營養標籤添加到 WordPress 文章

要將食譜卡和營養標籤添加到您的網站,您需要從 WordPress 後台側邊欄中的塊編輯器打開新文章或現有文章。進入後,單擊螢幕左上角的“添加區塊”(+) 按鈕並找到“Tasty Recipe”塊。

添加塊後,塊編輯器中將彈出一個“創建食譜”窗口。這裡,您可以首先添加標題、描述、圖像和作者名稱到食譜卡。接著,將食譜的配料輸入配料部分,並添加用戶應該遵循的說明到說明部分。

之後,滾動到營養部分,輸入營養標籤的標籤 ID。為此,您需要訪問 Nutrifox 網站並打開您想要與食譜集成的營養標籤。標籤 ID 是 URL 結尾的一個 4 到 5 位數的編號。複製後,再回到 WordPress 儀表板。

將標籤 ID 粘貼到 Nutrifox ID 欄中,然後單擊“插入”按鈕將食譜卡添加到塊編輯器。最後,點擊“更新”或“發佈”按鈕以保存您的更改。您現在可以訪問您的 WordPress 站點,查看已集成營養標籤的食譜卡。

我們希望這篇文章幫助您了解如何在 WordPress 中顯示營養標籤。您可能也想閱讀我們的相關文章,了解如何在 WordPress 中添加 SEO 友好的食譜架構,以及我們選出的最佳食譜博客 WordPress 主題。

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

Read More
WordPress 教学

如何在Pinterest上验证您的WordPress网站(一步一步)

为什么要在Pinterest上验证您的WordPress网站?

Pinterest是一个用于分享照片、视频和其他视觉内容的流行社交媒体平台。它允许您像Instagram或Flickr一样创建帐户并管理图片。此外,用户还可以通过创建看板收集网站链接和其他视觉内容。如果您正在运营摄影网站或任何其他包含图片和视频的博客,那么Pinterest可以成为一个重要的流量来源。通过验证您的网站,您可以使用Pinterest Analytics了解访客信息,还能参与他们的广告计划,以制定增长Pinterest流量的战略。

如何在Pinterest上验证您的WordPress网站

在开始之前,您需要将Pinterest个人帐户升级为商业帐户,这将允许您使用他们的专业工具,如分析、广告计划等。Pinterest商业帐户是免费的,设置也很简单。然后,让我们开始吧。

步骤1:升级您的Pinterest帐户为商业帐户

首先,登录您的Pinterest帐户并点击屏幕右上角的向下箭头。接着,点击“解锁商业工具”选项。在下一个页面,您将看到商业帐户提供的功能列表。点击“切换为商业”按钮来升级您的个人帐户并使用这些功能。之后,输入您的商业帐户详细信息,如简介名称、网站URL、国家和语言。输入完成后,点击“下一步”按钮。Pinterest会询问您描述您的业务。您可以从下拉菜单中选择一个行业,并从给定的选项中选择3个目标。然后,点击“下一步”按钮。在下一个页面,您将被问及选择一个选项,以获得定制推荐。完成后,确保点击“下一步”按钮。现在,您将被问及是否有意在Pinterest上投放广告,然后点击“下一步”按钮。对于本教程,您可以选择“否,我没有计划投放广告”选项。接下来,Pinterest将显示不同的选项,以开始使用您的商业帐户。您可以点击右上角的“关闭”图标,跳过这部分内容。

步骤2:在Pinterest上声明您的网站

下一步是在Pinterest上声明您的网站。为此,您可以从Pinterest商业中心页面点击“声明域”按钮,这将直接带您到声明设置页面。另一种方法是点击右上角的向下箭头并选择“设置”选项。然后,在左侧菜单中导航到“声明”部分。要在Pinterest上获得内容信用,请点击“声明”按钮。在弹出窗口中,将出现三个选项来声明您的WordPress网站。我们选择“添加HTML标签”选项,因为这是最简单的。然而,如果您愿意,您可以选择其他选项,例如下载HTML文件并通过FTP客户端或WordPress主机的文件管理器将其上传到网站的根目录。您还可以通过域名注册商将验证TXT记录添加到您的域设置中。

步骤3:将HTML标签添加到您的WordPress网站

有多种方法可以将HTML标签添加到网站的头部部分,但我们将仅涵盖两种最简单的方法。

通过SEO插件添加Pinterest HTML标签

首先,您可以使用All in One SEO(AIOSEO)WordPress插件并将HTML标签输入您的网站。有关更多详细信息,请参阅我们的指南如何安装WordPress插件。AIOSEO是最好的WordPress SEO插件,可以很容易地优化您的网站以适应搜索引擎,而无需雇用专家。尽管我们推荐使用Pro版本,但您也可以使用AIOSEO的免费版本添加Pinterest验证。要添加HTML标签,请转到All in One SEO»常规设置,然后从顶部菜单中点击“站长工具”标签。之后,点击“Pinterest网站验证”块。现在,在Pinterest网站验证字段中输入您在上一步中复制的HTML标签。然后,您需要点击“保存更改”按钮。

通过Code Snippets插件添加Pinterest HTML标签

除了使用AIOSEO,另一种添加HTML标签的方法是安装并激活WPCode插件。激活后,您需要访问WordPress仪表板中的代码片段»页眉和页脚页面。在“页眉”部分,您需要粘贴HTML标签。然后,点击“保存更改”按钮。一旦HTML代码添加到您网站的头部部分,您需要返回Pinterest页面并在弹出窗口中点击“继续”按钮。现在,您需要输入您的网站URL,然后点击“验证”按钮。完成后,您将看到一条消息,显示“验证进行中”。通常,过程需要24小时,您会收到有关网站验证的电子邮件。就这样!您现在已经成功在Pinterest上验证了您的WordPress网站。

使用Pinterest在WordPress中的专家指南

现在您知道如何在Pinterest上验证您的WordPress网站,您可能还想阅读一些与在WordPress使用Pinterest相关的其他指南:

  • 如何在WordPress侧边栏小工具中显示最新的Pinterest Pins
  • 如何在您的WordPress博客文章中隐藏Pinterest图片
  • 如何在WordPress博客中添加Pinterest“Pin It”按钮
  • 完整的社交媒体备忘单(更新版)
  • 最佳WordPress社交媒体插件
  • 如何将Pinterest流量倍增到您的博客

我们希望这篇文章帮助您了解如何在Pinterest上验证您的WordPress网站。您可能还想查看我们的指南,了解如何在WordPress中创建联系表单,或了解我们专家推荐的WordPress必备插件。如果您喜欢这篇文章,请订阅我们的YouTube频道获取WordPress视频教程。您还可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

加速WordPress:我们如何优化List25性能提高256%

您可能已经听说过WordPress速度对于SEO的重要性。根据一个strangeloop的案例研究,他们发现即使是一秒钟的延迟也可能让您的销售额减少7%,页面浏览量减少11%,客户满意度降低16%。

那么,您实际上如何加速WordPress呢?我们决定做一个全案例研究,展示我们如何通过优化List25站点来实现这一目标。

概述

List25是由我们创始人Syed Balkhi创办的一个娱乐博客。该站点拥有超过150万的订阅者,YouTube频道的观看次数超过了25亿。

由于站点的内容主要是图片和视频,这些内容占用了大量的带宽,因此总体速度优化对于我们控制成本、减少页面放弃和提升网站停留时间至关重要。

在开始优化之前,根据Pingdom的数据显示,我们的主页加载时间为2.21秒。完成优化后,页面加载时间降至1.21秒(约快45%)。

在这个优化过程中,我们加快了服务器响应时间,改进了页面速度性能评分,减少了请求总数,并提升了整体加载时间。

WordPress主机

拥有一个好的网络主机对于您的网站速度至关重要。随着我们网站的受欢迎程度不断提高,我们的上一个主机(HostGator)已经无法满足需求。它们的服务器无法应对拥有数千万页面浏览量的站点。

我们考察了各种托管的WordPress主机,最终选择了SiteGround,因为它提供了最佳的整体价值。您可以立即看到我们的服务器响应时间的提升,我们从最大442ms的响应时间降低到172ms,提高了256%。

Siteground为特定平台(如WordPress、Joomla和Magento)内置了性能增强器。根据您的站点的具体平台,它们会针对性地优化服务器,从而带来更好的整体性能。

缓存插件

提到加速WordPress,缓存是仅次于网络主机的重要因素。通常,当访客访问您的WordPress站点时,服务器会将PHP请求传递给MySQL数据库,数据库会找到请求的页面,实时生成并显示给访客。这需要大量资源。而使用缓存可以节省时间和资源。

对于List25站点,使用的是SiteGround特别为其客户构建的SiteGround SuperCacher插件。此外,它们还使用Varnish(其性能增强器的一部分)提供了高级动态缓存选项。

CDN

内容分发网络(CDN)可以帮助您提升网站速度。从List25创建开始,我们就一直在使用MaxCDN,因此这一部分并未改变。

合并文件以减少HTTP请求

随着您添加更多插件,通常它们会添加自己的JavaScript和CSS文件。每个额外的文件都是一个新的HTTP请求。

我们将这些JavaScript和CSS文件分别合并为单个文件,以减少请求并加速加载时间。

图片精灵

我们用了一个图片精灵,将多个社交和站点图标合并为一个图片。当我们需要显示特定图标时,会使用CSS来加载该图标。

代码缩小化

代码缩小化涉及移除空格和换行,以减小文件大小,使其在请求时更快加载。

图片优化

我们在两个方面优化了图片:我们的WordPress主题和上传的内容。对于我们的WordPress主题,我们使用CodeKit确保所有图片被无损压缩。

无JavaScript社交分享

社交分享对于List25和其他任何网站一样重要。然而,社交分享插件可能会显著减慢您的站点速度。我们通过移动到一个几乎不使用JavaScript的解决方案来解决这个问题。

结果

我们显著提升了站点速度,加载时间从2.2秒缩短到1.22秒。

结论

如您所见,一个加载更快的网站可以提升访客的参与度。我们讨论的技术涵盖了一系列可实现的基础和中级改进,以优化您的WordPress站点。

Read More
WordPress 教学

如何检查和更新到最新的 WordPress 版本

为什么您应该始终使用最新版本的 WordPress

使用最新版本的 WordPress 的最重要原因是提升网站的安全性。由于超过 43% 的网站使用 WordPress,它经常成为黑客、恶意代码分发者和数据窃贼的目标。每当报告有安全漏洞时,WordPress 核心团队都会努力发布修复问题的更新。这使得最新版本的 WordPress 是最安全的。

新的 WordPress 版本还包括有用的新功能以及对旧功能的错误修复。通常插件和主题开发者会配合主要的 WordPress 版本更新来利用新功能和增强功能。这也意味着最新版本的 WordPress 是最兼容的。

如何轻松查看您的 WordPress 版本

首先,您需要登录到 WordPress 管理区域并滚动到页面底部。在“感谢您使用 WordPress”的旁边,您会看到 WordPress 版本号。

在“仪表盘 » 首页”屏幕中,您也可以在“概览”管理小部件中找到您的 WordPress 版本号。

如何检查 WordPress 更新

您可以通过访问 WordPress 管理区域的“仪表盘 » 更新”页面查看是否有新版本的 WordPress 可用。如果您的 WordPress 版本是最新的,您会看到一条消息,说明您使用的是当前版本。

如何安全地更新到最新版本的 WordPress

在更新之前,重要的是要对您的 WordPress 网站进行完整的备份。完成备份后,返回“仪表盘 » 更新”页面,然后点击“立即更新”按钮。WordPress 会自动将您的网站置于维护模式,获取最新版本的软件并为您安装。您可以在屏幕上看到更新进度。

如何启用 WordPress 自动更新

访问 WordPress 管理区域的“仪表盘 » 更新”页面,您会看到一条消息,说明“此站点仅自动更新 WordPress 的维护和安全版本。”如果您希望所有 WordPress 更新都能自动处理,只需点击“启用所有新 WordPress 版本的自动更新”。

如何在临时站点上测试 WordPress 更新

如果担心更新会导致问题,可以在临时站点上测试更新。临时站点是您网站的克隆版本,应安装在相同的网络托管服务器上。一些最佳 WordPress 托管公司提供一键式临时网站功能。如果您的网站托管提供商不提供此服务,您可以手动创建临时站点或使用插件。

如何安装最新的 WordPress 每日构建版本

最新的 WordPress 更新称为每日构建版本。它们正在测试错误,不应在实际的 WordPress 网站上安装。相反,应该在临时站点或本地计算机上安装这些版本。开发人员使用每日构建版本来确保他们的插件和主题与未来版本的 WordPress 兼容。

Read More