WordPress 教学

如何轻松在WordPress中嵌入iFrame代码(3种方法)

什么是iFrame?

iFrame(内嵌框架)允许您在网站上嵌入视频或其他内容,而无需实际托管这些内容。这样可以节省带宽和存储空间,因此,您不应直接将视频上传到WordPress。此外,iFrame会自动更新原内容的变化,这意味着访问者将始终看到最新版本的内容。通过iFrame嵌入版权内容也不违反版权法,有助于保护您免受法律诉讼。

方法1:使用源代码在WordPress中嵌入iFrame(快速简便)

许多大型视频托管网站都有“嵌入”选项,可供您获取所需的iFrame代码以添加到网站。例如,在YouTube中,要在WordPress中嵌入YouTube视频,只需点击所需视频下方的“分享”按钮。然后您会看到一个弹出窗口,提供各种分享选项。接下来,点击“嵌入”按钮,YouTube会显示iFrame代码。启用隐私增强模式,可以使访客在您的WordPress网站上观看嵌入内容而不会影响他们在YouTube上的浏览体验。然后,只需复制该代码并将其粘贴到您的文章或页面中。在WordPress块编辑器中,打开页面并点击“+”按钮,在弹出的窗口中输入‘HTML’以找到自定义HTML块,然后将YouTube iFrame代码粘贴到该块中。发布页面即可看到嵌入的YouTube视频。

方法2:使用WordPress插件嵌入iFrame(适用于所有网站)

并非所有第三方网站都提供现成的嵌入代码。如果找不到任何“分享”或“嵌入”设置,可以使用iFrame插件轻松创建自己的iFrame代码。首先,安装并激活iFrame插件,插件激活后无需设置。然后,在所需的页面或文章中添加Shortcode块,添加以下短代码:[iframe src=”URL goes here”],将“URL goes here”替换为您要嵌入的内容URL。例如,在WordPress中添加Google地图,这对于商店、餐馆和其他场所添加路线图非常有用。在发布或预览文章后,您应该会看到嵌入的内容。

方法3:手动创建iFrame代码(无需插件)

如果您不想使用特殊的WordPress插件,可以手动创建iFrame代码。打开所需页面或文章,然后在WordPress内容编辑器中添加HTML块。粘贴以下代码到您的HTML块中:
,将“URL goes here”替换为您要嵌入的内容的直接URL。您还可以添加额外的参数来更改内容在网站上的外观。例如,可以将宽度设置为600像素,高度设置为200像素:
。这在您需要在较小空间中显示嵌入内容时非常有用。

有哪些iFrame替代方案?

使用iFrames有些缺点,并不是所有网站都允许将其内容放入iFrame,您可能需要手动调整内容以使其在可用空间中看起来不错。另一个问题是HTTPS网站只能使用来自其他HTTPS网站的iFrame内容,HTTP网站也是如此。因此,许多平台如WordPress更喜欢使用oEmbed。通常,您只需在WordPress文章中粘贴一个URL,就可以使用oEmbed嵌入视频和其他内容,WordPress会自动调整oEmbed的大小以适应可用空间,使其始终在台式机、智能手机和平板电脑上看起来完美。
重要提示:WordPress默认不再支持Facebook和Instagram帖子 的oEmbed。我们建议使用社交媒体插件来显示社交媒体内容。例如,Smash Balloon可以轻松嵌入Facebook、Instagram、Twitter和YouTube的内容。

希望本指南能帮助您学习如何轻松在WordPress中嵌入iFrame代码。您也可以查看我们的其他指南,例如如何在WordPress文章和页面中允许PHP,以及我们专家推荐的最佳YouTube图库插件。

Read More
WordPress 教学

如何在WordPress中要求登录才能查看页面(两种简单方法)

何时需要要求用户登录查看页面?

不是每个页面都需要锁定,但在某些情况下,要求用户登录是保护内容的最佳方式。例如,会员网站和在线课程、私人客户门户、独家博客内容、社区论坛和公司内网等情况都需要限制访问,保证信息安全。

方法1:用MemberPress要求登录查看特定页面

Step 1: 安装和启用插件

首先,安装并启用MemberPress插件,然后进入MemberPress » 设置页面输入许可证密钥。

Step 2: 配置支付网关

在支付标签中,添加你选择的支付方式,如PayPal或Stripe。

Step 3: 创建会员层级

进入MemberPress » 会员页面,添加新会员,设置会员计划的价格和有效期。

Step 4: 限制页面访问

在MemberPress » 规则页面中选择“保护内容”为“单个页面”,然后输入需要登录才能查看的页面的URL。

Step 5: 创建登录页面

通过添加登录表单块,创建登录页面,配置登录后的重定向。

方法2:用My Private Site要求登录查看整个网站

Step 1: 安装和启用插件

安装并启用My Private Site插件,进入隐私设置页面,勾选“启用登录隐私”。

Step 2: 配置登录重定向

配置用户登录后的重定向,选择返回到同一URL或重定向到主页等。

Step 3: 配置首页设置

可以选择让首页保持公开,其他页面则需要登录。

相关指南

为你的会员网站或用户登录管理提供更多建议:创建客户端门户,限制内容访问,自定义密码重置页面等。

Read More
WordPress 教学

如何在 WordPress 接受支付寶支付(2 個簡單方法)

為什麼要在 WordPress 接受支付寶支付?

支付寶是一款允許用戶在線收發錢款的支付應用軟件。它在中國市場佔據主導地位,並且在新加坡、馬來西亞、香港等地也越來越受歡迎。不僅國際用戶使用支付寶,許多國內代購店在大宗商品批發購買時也都使用支付寶。這是因為支付寶是兩大電商巨頭阿里巴巴和全球速賣通的主要支付方式。

支付寶擁有超過10億用戶。讓這些用戶能在你的網站上使用他們偏好的支付方式,意味著你可以吸引到一大群潛在的客戶,特別是在中國市場。接受多種支付方式簡化結賬流程,提高購買的可能性,減少摩擦,促使支付寶用戶更快地點擊“立即購買”按鈕。

方法 1:使用 WP Simple Pay 輕鬆收取支付寶付款(推薦)

使用 WP Simple Pay,這是市場上最好的 Stripe 支付插件,不需要在網站上設置任何複雜的 API。WP Simple Pay 集成了 Stripe 的支付選項,允許使用 Stripe 的商家接受來自支付寶的付款。

我們推薦使用 WP Simple Pay Pro 版本,它接受 10 多種支付方式,提供定期付款、“先買後付”計劃和高級表單生成器。我們將使用 Pro 版本來建設接受支付寶付款的支付表單。

步驟 1:安裝並激活 WP Simple Pay

首先,安裝並激活 WP Simple Pay 插件。如果需要幫助,可以參考我們的 WordPress 插件安裝教程。啟動插件後,會自動啟動 WP Simple Pay 設置向導,點擊“開始設置”。

步驟 2:完成設置向導

接下來,建立一個新的 Stripe 帳戶或連接現有帳戶,點擊“連接 Stripe”。假設你已有 Stripe 帳戶,輸入你的電子郵件地址並點擊“繼續”按鈕,資料將集成至網站,確保所有付款都會進入你的 Stripe 帳戶。

步驟 3:創建支付寶付款表單

連接 Stripe 帳戶後,點擊“建立支付表單”,選擇“支付寶付款表單”模板,並進入拖放式編輯器,配置標題、描述、表單類型及其他設置。你也可以添加 CAPTCHA 和電子郵件驗證按鈕以防止假訂單。

步驟 4:發布支付寶表單

表單設置完成後,保存更改,然後將表單嵌入網站的服務頁面、產品頁面或其他頁面。點擊右上角的“+”按鈕,搜索 WP Simple Pay 塊並加入頁面,選擇剛剛創建的支付寶付款表單,然後點擊“發布”或“更新”。

方法 2:使用 Stripe 支付插件在 WooCommerce 接受支付寶付款

運行 WooCommerce 商店的話,可以使用支付插件。WooCommerce 支付插件將支付寶集成到結賬頁面中的復選框,客戶只需在結賬過程中勾選它。

步驟 1:安裝 WooCommerce Stripe 插件

下載並安裝 WooCommerce Stripe 插件,它會將用戶重定向至支付寶支付頁面,讓他們登錄並授權支付。安裝插件後,激活並進入 WooCommerce 設定頁面的“支付”標籤,啟用“Stripe 支付寶”。

步驟 2:連接 Stripe 帳戶

點擊“建立或連接帳戶”按鈕,以添加 Stripe 帳戶至 WooCommerce,選擇你的 Stripe 帳戶並點擊“連接”。

步驟 3:激活支付寶

在支付標籤中,點擊“Stripe 支付寶”旁的“管理”,並點擊“在 Stripe 儀錶板中啟用”,在 Stripe 帳戶設置中找到支付寶並點擊“請求訪問”。等待 Stripe 批准後,你將收到支付寶已激活的電子郵件通知。

你的 WooCommerce 商店現在可以接受支付寶付款。檢查結賬頁面,確保支付寶選項可供選擇,並測試付款流程以確保正常運行。

我們希望這篇文章能夠幫助你了解如何在 WordPress 接受支付寶付款。你還可以查看我們的指南,了解如何在 WordPress 中接受信用卡付款,以及適合商業網站的必備 WordPress 插件及工具。

Read More
WordPress 教学

如何修复WordPress中的常见SSL问题(初学者指南)

如何修复WordPress中的常见SSL问题(初学者指南)

最后更新于2024年6月24日 | 审核人:Syed Balkhi

您在WordPress网站上遇到SSL问题吗?将WordPress站点移动到SSL时,有时会遇到意外问题。如果您正在给现有的WordPress站点添加SSL证书并遇到错误,那么您来对地方了。本文将向您展示如何修复WordPress中最常见的SSL问题。

什么是SSL/HTTPS,以及为什么应立即开始使用它?

SSL是“安全套接字层”的缩写,是一种加密技术,可在用户的浏览器和您的WordPress托管服务器之间创建安全连接。一旦启用SSL,您的网站将使用HTTPS而不是HTTP。您还会在浏览器中的网站地址旁边看到挂锁或“调优”符号,以显示其安全性。

SSL/HTTPS使黑客更难窃听连接。每个启用SSL/HTTPS的网站都会发放一个唯一的SSL证书用于识别。如果服务器只是假装在HTTPS上,并且其证书不匹配,则大多数现代浏览器会警告用户不要连接到该网站。

谷歌鼓励所有网站所有者使用SSL/HTTPS以提高整体网络安全性。这就是为什么Chrome将所有没有SSL证书的网站标记为“不安全”。

浏览器地址栏中的“不安全”标签会给您的客户留下不好的印象。除此之外,如果您想开设在线商店或使用如PayPal、Stripe和Authorize.net等支付服务,您也需要启用SSL/HTTPS。综上所述,所有WordPress网站都需要切换到SSL/HTTPS。

修复WordPress中SSL/HTTPS常见问题的方法

1. 修复NET::ERR_CERT_INVALID错误

NET::ERR_CERT_INVALID错误消息出现在Google Chrome中。其他浏览器显示的消息略有不同,但基本上是警告用户其连接到您的网站是不安全的。这种SSL错误消息表明,用户的Web浏览器不接受网站提供的证书。这可能是由于多种原因引起的:

  • SSL证书颁发给不同的域名或子域
  • 证书已过期
  • 您的浏览器不识别颁发证书的机构

如果您购买了SSL证书并要求您的WordPress托管提供商为您安装,那么您可以联系他们来修复。如果您手动安装了SSL证书,请尝试重新安装或联系您的SSL证书提供商获取支持。

2. 修复迁移到SSL/HTTPS后的混合内容错误

混合内容错误是由于URL中仍使用不安全的HTTP协议加载资源(如图像、脚本或样式表)而引起的。如果是这种情况,您将无法在网站地址栏中看到安全挂锁或“调优”图标。

有两种方法可以修复WordPress中的SSL/HTTPS混合内容错误。我们将向您展示这两种方法,然后您可以选择最适合您的方法。

使用插件修复混合内容错误

此方法更简单,并且推荐给初学者。但它可能会对您的WordPress性能产生负面影响,因为插件尝试通过使用输出缓冲技术来修复混合内容错误。不过,如果您使用了缓存插件,则只会影响初次页面加载。返回的访客不会注意到性能上的差异。

首先,您需要确保您有SSL证书。如果不确定是否有SSL证书,请参阅我们的指南,了解如何为您的WordPress网站获取免费SSL证书。然后,简单安装并激活Really Simple SSL插件。有关详细信息,请参阅我们逐步指南,了解如何安装WordPress插件。

激活后,您需要访问WordPress管理仪表盘中的设置 » SSL页面,查看插件设置。Really Simple SSL插件开箱即用,将自动处理您的SSL/HTTPS设置并修复混合内容错误。

手动修复混合内容错误

此方法更有效,对您的网站性能更好。然而,它需要手动排除故障。首先,您需要前往设置 » 常规,并确保“WordPress地址”和“网站地址”选项已将URL设为HTTPS。如果您看到以“http”开头的URL,则需要将其更改为“https”。别忘了点击“保存更改”按钮以存储您的设置。接下来,您需要在WordPress数据库中找到旧的HTTP URL并将其替换为新的HTTPS URL。

您可以通过安装并激活Search & Replace Everything插件轻松做到这一点。有关详细信息,请参阅我们逐步指南,了解如何安装WordPress插件。激活后,您需要访问工具 » 搜索&替换页。在“搜索”字段中添加您带有HTTP的网址。然后,在“替换”字段中添加您的带有‘https’的网址。接下来,点击“预览搜索&替换”按钮,查看将替换的网址,并按“替换所有”按钮以继续。插件现在将更新您WordPress数据库中的URL。

如果仍然看到混合内容错误,则下一步是排除WordPress主题和插件文件中的URL故障。使用浏览器的检查工具,您需要找到导致错误的资源,并记下它们从哪些网站文件中加载。如果您对编辑WordPress文件有经验,则可以使用FTP或您的Web托管文件管理器访问这些主题文件。您需要编辑每个文件并将‘http’替换为‘https’。另一个选择是联系主题开发人员并请他们更新其主题。他们将需要使用WordPress最佳实践加载文件,这将修复HTTP/HTTPS问题。同样,对于由WordPress插件加载的混合内容,我们不建议自己编辑插件文件,因此您应该通知插件开发人员并请求更新。同时,您可以禁用站点上的插件或找到替代插件。

3. 修复迁移到SSL/HTTPS后的重定向过多错误

WordPress允许您通过在wp-config.php文件中输入以下行来强制管理员区域使用SSL/HTTPS:

define('FORCE_SSL_ADMIN', true);

然而,在某些情况下,仅此设置可能会导致“重定向过多”错误。要修复此问题,您需要在wp-config.php文件中,在“编辑完成,快乐写作”之前添加以下代码:

define('FORCE_SSL_ADMIN', true);
// 在某些设置中,HTTP_X_FORWARDED_PROTO可能包含以逗号分隔的列表,例如http,https
// 因此检查https的存在
if (strpos($_SERVER['HTTP_X_FORWARDED_PROTO'], 'https') !== false)
       $_SERVER['HTTPS']='on';

4. 修复WordPress HTTP到HTTPS的重定向

WordPress不会自动将HTTP请求重定向到HTTPS,除非您告诉它这样做。如果您使用像Really Simple SSL这样的插件,它将处理重定向工作。否则,您将需要手动设置重定向。要设置HTTP到HTTPS的重定向,您需要在.htaccess文件中添加以下代码:


RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

我们希望这篇文章帮助您解决了一些在WordPress中遇到的常见SSL/HTTPS问题。您可能还需要查看我们的终极WordPress安全指南或我们的最佳WordPress SEO插件和工具专家推荐。如果您喜欢这篇文章,请订阅我们的YouTube频道,观看更多WordPress视频教程。您还可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何修复 WordPress 中的 Pluggable.php 文件错误

如何修复 WordPress 中的 Pluggable.php 文件错误

在 WordPress 中遇到 pluggable.php 文件错误可能会让人感到困惑和沮丧,特别是当您不确定其原因时。这些错误通常是由于您的主题、插件或自定义代码片段冲突引起的。

在 WPressize Me,我们与 WordPress 打交道已有超过 16 年。在这段时间里,我们遇到了无数的错误,这意味着我们有一些解决这些错误的诀窍。

在本文中,我们将向您展示如何轻松地修复 WordPress 中的 pluggable.php 文件错误。我们的方法对初学者友好,即使您不是编码专家也能使用。

何时会看到 Pluggable.php 错误?

WordPress 允许用户和插件覆盖某些核心功能。这些功能位于 pluggable.php 文件中。如果 WordPress 插件或自定义代码片段未能正确处理这些功能,则您会看到这样的错误:

警告:不能修改标题信息 – 标题由 (输出开始于 /home/username/demosite/wp-content/themes/mytheme/functions.php:1035) 在 /home/username/demosite/wp-includes/pluggable.php 第 1179 行发送

有时,您可能会继续在 WordPress 网站上工作,同时管理区域仍在出现此类错误或其他一些错误。

如上所述,让我们看看如何轻松修复 WordPress 中的 pluggable.php 文件错误。

如何修复 WordPress 中的 Pluggable.php 文件错误

pluggable.php 文件是 WordPress 的核心文件。即使有错误指向它,也最好不要首先编辑这个核心文件。

错误更有可能来源于其他位置。

为了修复任何提到 pluggable.php 文件的错误,只需查看错误中提到的第一个位置:

警告:不能修改标题信息 – 标题由 (输出开始于 /home/username/demosite/wp-content/themes/mytheme/functions.php:1035) 在 /home/username/demosite/wp-includes/pluggable.php 第 1179 行发送

在上面的示例中,错误位于主题的 functions.php 文件的第 1035 行。

这意味着您只需编辑主题的 functions.php 文件,并修改或删除导致此错误的代码。

有时,“标题信息已发送”错误是由于在关闭 php ?> 标签后存在多余的空格引起的,您可以删除该空格以修复问题。

让我们看看另一个示例:

警告:不能修改标题信息 – 标题由 (输出开始于 /home/username/demosite/wp-content/plugins/some-plugin-name/some-plugin.php:144) 在 /home/username/demosite/wp-includes/pluggable.php 第 1090 行发送

此错误消息指向的是您 WordPress 网站上的某个插件导致的错误。您可以简单地停用该插件并通知插件作者有关此错误的信息。

在几乎所有情况下,提到 pluggable.php 文件的错误都不是由文件本身引起的。

这些错误通常由您添加到 functions.php 文件中的自定义代码片段、编码不佳的插件甚至您的 WordPress 主题引起。

简单地删除或编辑代码或停用插件就可以让错误消失。

仍然无法确定这些错误的原因吗?您可以按照我们逐步指南中的说明来解决 WordPress 错误。这将帮助您快速找出错误原因并修复它。

专家提示

在您的 WordPress 网站上不断遇到错误?我们的 WPressize Me 维护服务可以持续监控您的网站,确保其更新并正常运行。

我们还提供按需的一次性修复服务。查看我们的高级 WordPress 支持服务以获取更多信息!

使用 WPCode 插入代码片段

将自定义代码插入到您的 functions.php 文件有时会导致 pluggable.php 文件错误和其他 WordPress 错误。在最糟糕的情况下,代码片段甚至可能破坏您的网站。

这就是为什么我们推荐使用 WPCode。这是最好的 WordPress 代码片段插件,允许您在不破坏网站的情况下添加自定义代码。

首先,您需要安装并激活 WPCode 插件。有关详细说明,请参阅我们的教程《如何安装 WordPress 插件》。激活后,从 WordPress 仪表盘访问 “Code Snippets » + 添加片段” 页面。这里,您可以点击“使用片段”按钮,选择“添加自定义代码(新片段)”选项。

您还可以使用 WPCode 库中的预制代码片段。

这将打开“创建自定义片段”页面,您可以在其中为代码片段添加名称。之后,您可以从右侧的下拉菜单中选择代码类型。接下来,将自定义代码添加到“代码预览”框中,并将“未激活”切换为“激活”。

最后,点击“保存片段”按钮以保存您的设置。您现在已成功将自定义代码添加到您的网站。

有关更多详细信息,您可以参阅我们的指南《如何轻松添加自定义代码到 WordPress》。

我们希望本文帮助您解决 WordPress 中的 pluggable.php 文件错误。您还可以收藏我们列表中最常见的 WordPress 错误及其解决方法,并查看我们专家推荐的最佳代码编辑器以编辑 WordPress 文件。

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

Read More
WordPress 教学

如何在 WordPress 中添加点击拨号按钮(分步教程)

为什么要在 WordPress 添加点击拨号按钮?

许多小型企业网站依赖客户联系以获取报价、预售信息或支持。因此,我们建议所有网站所有者添加一个联系表单。然而,根据不同行业的需要,一些用户可能需要立即与人交谈。

随着全球移动网络流量的增加,用户往往更方便点击拨号并获取他们所需的信息。此外,添加点击拨号按钮还可以通过使你的 WordPress 站点更适配移动设备来提高你的 SEO。

如果你刚刚创业,我们建议你选择一个专业的商业电话服务,这样你可以做呼叫转移,与员工共享号码,并且可以从任何地方使用手机接听电话(而不是固定电话)。

方法 1:使用插件在 WordPress 中添加点击拨号按钮

这种方法更简单,适合所有用户。它允许你在 Gutenberg、Classic 编辑器、WordPress 侧边栏小部件甚至是一个粘性浮动调用按钮中轻松创建一个点击拨号按钮。

首先,你需要安装并激活 WP Call Button 插件。激活后,从 WordPress 管理侧边栏访问设置 » WP Call Button 页面以配置插件设置。

第一个设置页面是最常请求的功能,即粘性呼叫按钮,它在用户浏览你的网站时滚动。这一高转换优化功能可以帮助你获得更多呼叫并更快速地完成交易。

你需要先输入你希望用户拨打的业务电话号码。WP Call Button 插件使用智能手机字段,这意味着你可以简单地选择你的国家,它会自动以正确的格式添加国家代码。

接下来,你可以选择添加呼叫按钮文本、选择定位并选择按钮颜色。默认情况下,插件会在所有页面和所有设备上添加一个点击拨号按钮。然而,你可以选择只在某些页面或只在移动设备上显示。

完成后,点击顶部的激活切换按钮,然后点击“保存更改”按钮以存储你的设置。之后,你可以访问你的网站查看呼叫按钮。

方法 2:手动在 WordPress 中添加点击拨号按钮

这种方法允许你手动在你的 WordPress 博客中的任何地方添加点击拨号按钮和链接。最简单添加可点击电话号码的方法如下:

<a href="tel:+15555551212">+1 (555) 555-1212</a> <a href="tel:15555551212">Call Me</a>

这些链接将在移动设备上打开电话应用程序。在桌面计算机上,Mac 用户将看到在 FaceTime 中打开链接的选项,而 Windows 用户将看到在 Skype 中打开的选项。

你还可以使用 HTML 在点击拨号文本链接旁边添加图像或图标。首先,访问媒体 » 添加新页面并上传你想要使用的图像。上传图像后,点击“编辑”链接以继续。

这将带你到编辑媒体屏幕,你需要复制文件 URL。在下一个步骤中你将需要它。

现在你可以编辑你想要显示点击拨号电话图标的文章、页面或自定义 HTML 小部件。在编辑区域,你现在可以添加电话图标图像包裹在 tel: 链接内。

<a href="tel:+15555551212"><img src="https://example.com/wp-content/uploads/2018/10/phoneicon2.png" alt="Call us" /></a>

完成后,你可以访问你的网站,看到带有你上传图像的点击拨号链接。

将点击拨号链接添加到 WordPress 导航菜单

你还可以将点击拨号链接添加到 WordPress 导航菜单。只需访问外观 » 菜单页面,点击右列的自定义链接选项卡。现在你可以按照以下格式在链接字段中添加电话号码:

tel:+155555555

之后,添加你想要显示的文本,然后点击“添加到菜单”按钮。接下来,访问你的网站查看点击拨号链接。

附加:在 WordPress 中添加 WhatsApp 聊天框

如果你没有时间接听客户的电话,你可以在你的网站上添加一个简单的 WhatsApp 聊天框,访客可以在其中留言。你可以通过文本回复他们,而不是通过电话。

要添加 WhatsApp 聊天框,你必须安装并激活 Click to Chat 插件。激活后,简单地访问 WordPress 仪表板中的 Click to Chat 菜单选项卡并输入你的业务电话号码。

完成后,你可以定制聊天框,并选择你希望为客户显示的文章或页面。完成后,只需访问区块编辑器并添加 WhatsApp 聊天框的短代码。然后点击“更新”或“发布”按钮存储你的设置。

你现在已经成功添加了一个 WhatsApp 聊天框,用户在不想打电话的情况下可以留言。

希望这篇文章帮助你了解如何在 WordPress 中添加点击拨号按钮。你可能还想查看我们的初学者指南,了解如何创建免费的企业电子邮件地址以及我们专家推荐的必备 WordPress 插件,以便扩展你的网站。

Read More
WordPress 教学

如何修复WordPress中损坏的Twitter卡片图片

如何修复WordPress中损坏的Twitter卡片图片

最后更新于2024年5月26日,由编辑团队撰写 | 审阅:Syed Balkhi

您是否在寻找修复WordPress中损坏的Twitter卡片图片的方法?Twitter在用户分享您的WordPress站点链接时,会自动尝试显示缩略图。然而,有时可能会显示错误的缩略图,这会让您的网站看起来不专业。

在本文中,我们将向您展示如何轻松修复WordPress中损坏的Twitter卡片图片。

为什么有些网站的Twitter卡片图片会损坏?

Twitter在分享链接时使用Open Graph元数据来寻找图片。这与Facebook在页面或群组中分享链接时显示缩略图的方式类似。然而,WordPress默认不支持Open Graph元标签。这就是为什么当您在Twitter上分享一个链接时,它可能不会总是显示Twitter卡片图片。

Twitter卡片图片帮助您吸引用户的注意,并鼓励他们点击链接。 这意味着您可以从Twitter获取更多访问量。

话虽如此,让我们来看看如何轻松修复WordPress中损坏的Twitter卡片图片。

使用All in One SEO修复损坏的Twitter卡片图片

首先,您需要安装并激活All in One SEO插件。有关详细信息,请参阅我们的WordPress插件安装逐步指南。

All in One SEO是市场上最好的WordPress SEO插件。它可以让您轻松优化您的WordPress网站以适应搜索引擎和社交媒体平台,包括Twitter。

注意:All in One SEO也有免费版本,您可以用来修复Twitter卡片图片。然而,Pro版本提供了更多强大的SEO功能。

安装后,您需要访问All in One SEO » 常规设置页面以输入您的许可证密钥。您可以在AIOSEO网站的账户中找到这些信息。

All in One SEO让您完全控制哪些图片将在您的网站上用于Twitter卡片。我们将分步骤带您操作。

首先,您需要添加您的社交媒体个人资料URL。这些将您的网站与您的Twitter个人资料和其他社交媒体平台关联起来。

只需转到All in One SEO » 社交网络页面,输入您的社交媒体个人资料URL,包括Twitter。

设置默认的Twitter卡片图片

接下来,您需要切换到“Twitter”标签,并点击“启用Twitter卡片”选项旁边的切换开关。

在此之下,您将看到Twitter摘要卡片的默认设置,这适用于大多数网站,但您可以根据需要进行更改。特别是,您将想要更改“默认帖子图片来源”。All in One SEO提供了一堆选项。例如,您可以选择特色图片、附加图片、内容中的第一张图片、自定义字段的图片、帖子作者图片或第一个可用的图片。

我们建议使用特色图片,因为大多数WordPress主题都支持适用于Twitter卡片图片的特色图片。

之后,您会找到选择默认术语图片来源的选项。当有人分享分类、标签或其他分类术语归档页面的URL时,这张图片将使用。

您可以在这里上传默认图片,或者为每个分类或标签上传自定义图片。稍后我们将向您展示如何进行操作。

选择默认的Twitter卡片图片来源后,不要忘记点击“保存更改”按钮来存储您的设置。

为WordPress主页设置默认的Twitter卡片图片

现在让我们看看如何为您的网站主页设置默认的Twitter卡片图片。如果您未使用静态主页,您可以直接在All in One SEO » 社交网络页面的Twitter标签下设置默认的Twitter卡片图片。

但是,如果您使用自定义主页,这看起来会有所不同。在这种情况下,您将看到编辑主页设置的链接。

在页面编辑屏幕上,向下滚动至内容编辑器下方的“AIOSEO设置”框。从这里,您需要切换到“社交”标签,然后选择Twitter选项。

在Twitter设置下,您可以覆盖默认选项。在这里,您可以提供专为您的主页使用的自定义Twitter卡片图片。只需点击“图片来源”旁边的下拉菜单,您将看到一堆选项可供选择。您可以选择其中一个选项或上传您想要使用的新图片。

完成后,不要忘记更新并保存您的更改。

为每个WordPress帖子或页面使用自定义Twitter卡片图片

许多博客作者喜欢为不同的平台(如Facebook、Twitter、Pinterest等)创建自定义的社交媒体图片。All in One SEO使您可以轻松覆盖默认的Twitter卡片图片设置,并为任何帖子或页面提供自定义图片。只需编辑帖子或页面,并向下滚动至内容编辑器下方的“AIOSEO设置”框。从这里,您需要切换到“社交”标签并选择“Twitter”。

接下来,您可以设置自定义的Twitter Open Graph数据,包括专为这篇文章使用的自定义图片。只需滚动至“图片来源”部分并点击下拉菜单。

您可以选择提供的图片之一,或选择“自定义图片”以上传新的图片。之后,您只需点击“上传或选择图片”按钮从您的计算机上传图片,或从您的WordPress媒体库中选择图片。

完成后,不要忘记更新或发布您的帖子或页面以保存您的更改。

为分类和标签设置自定义Twitter卡片图片

与帖子和页面类似,All in One SEO还使您能够为各个分类、标签、WooCommerce产品分类和其他分类法上传自定义图片。只需转到“帖子” » “分类”页面,然后点击要上传自定义Twitter卡片图片的分类下的“编辑”链接。

这将带您进入“编辑分类”屏幕,在这里您需要向下滚动至“AIOSEO设置”框。从这里,切换到“社交”标签并在其下选择“Twitter”。

现在,您需要向下滚动至“图片来源”部分并点击下拉菜单。您可以选择提供的图片选项之一,或选择“自定义图片”,以上传新的Twitter图片。

之后,您只需点击“上传或选择图片”按钮从您的计算机上传图片,或从您的WordPress媒体库中选择图片。

完成后,不要忘记点击“更新”按钮以保存您的更改。

测试帖子是否具有有效的Twitter卡片图片

设置Twitter卡片图片后,您将需要测试它们,以确保当有人从您的WordPress博客分享链接时,它们会正确显示。只需复制您想测试的页面或帖子的URL,然后访问Twitter卡片验证工具网站。在“卡片URL”字段中粘贴URL,并点击“预览卡片”按钮。

卡片验证工具将获取链接并显示卡片成功获取的日志。在过去,卡片验证工具还会显示卡片预览,但此功能已移动到Tweet Composer中。

解决WordPress中损坏的Twitter卡片图片故障

如果您按照上述步骤操作后仍然看不到正确的Twitter卡片图片,那您可以尝试以下简单的故障排除技巧来解决卡片错误。

清除WordPress缓存

损坏的Twitter图片的最可能原因是WordPress缓存插件。尽管您已在All in One SEO中设置了Twitter卡片图片,但您的缓存插件可能仍在显示过时的版本。要解决此问题,您需要清除WordPress缓存,然后使用Twitter卡片验证工具再次进行测试。

选择正确的图片尺寸

确保您设置为使用的Twitter卡片图片既不太小也不太大。Twitter建议使用分辨率至少为144×144像素,且大小小于5MB的图片。

提示:您可以在我们为WordPress初学者准备的终极社交媒体速查表中了解所有社交媒体图片尺寸的相关内容。

希望本篇文章帮助您修复WordPress中损坏的Twitter卡片图片。您可能还想看看我们的终极指南:如何增加您的博客流量,或我们专家挑选的WordPress最佳社交媒体插件。

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

Read More
WordPress 教学

如何將您的 WordPress 網站提交至 Google 新聞(逐步指南)

什麼是 Google 新聞?

Google 新聞於 2002 年推出,是一個新聞聚合器,展示過去 30 天的最新新聞和故事。Google 新聞的目標是提供來自世界各地的最新新聞更新和頭條新聞。它使用多個來源來提供高品質的內容,並提供多種語言。

當您進行 Google 搜索時,您可能會在頁面頂部的‘頭條新聞’精選摘要下看到來自 Google 新聞的結果。

您可以通過點擊‘更多新聞’按鈕查看專門的 Google 新聞故事頁面。或者,簡單地點擊 Google 搜索結果頁面頂部的‘新聞’選項卡。

為什麼要將您的 WordPress 網站提交至 Google 新聞?

Google 新聞是人們尋找世界各地最新故事時最值得信賴的來源之一。將您的 WordPress 網站展示在 Google 新聞部分,可以立即提升您的自然流量,並幫助您接觸新的受眾。

它還有助於建立您的品牌的可信度和權威性,因為您的新聞網站很可能會與《華爾街日報》、《紐約時報》等大品牌並列展示。這表明您的網站值得信賴,並提供優質資訊。

此外,出現在 Google 新聞上對您的 WordPress SEO 也有積極影響。更多網站會將您的內容作為來源,引用您的內容並提供反向鏈接。結果,您的網站排名將在其他關鍵字下提高。

現在我們知道了這些好處,看看要被列在 Google 新聞中的資格要求吧。

被考慮納入 Google 新聞的要求

自 2019 年 12 月起,您無需提交您的新聞網站即可被列入 Google 新聞。符合他們標準的出版商將自動被考慮納入‘頭條新聞’精選摘要和 Google 搜索的新聞選項卡中。

然而,提交過程仍然存在,並且使用它是一個好主意。通過將您的 WordPress 網站提交至 Google 新聞,您將增加被精選的機會。

在此之前,確保您符合 Google 新聞政策非常重要。Google 設置了具體的內容指導方針,以決定您的內容是否符合出現在 Google 新聞部分的資格。如果您的網站不符合這些指導方針,那麼它將被拒絕。例如,您的內容不應包含危險、欺騙、仇恨、暴力或血腥內容。同樣,廣告不應超過您的內容,並且應披露內容是否為贊助。
此外,您需要提供明確的日期、作者署名和有關公司或網絡的資訊。
還有更多的指導方針您需要遵守。我們建議仔細遵循這些內容政策以避免您的網站被 Google 新聞拒絕。

在 WordPress 中創建 Google 新聞 Sitemap

首先,您需要為網站創建一個 Google 新聞 sitemap。設置好新聞 sitemap 之後,您可以將網站提交至 Google 新聞。

Sitemap 是一個文件,列出所有您的網站內容,幫助 Google 找到新文章並將其展示在搜索結果中。它還使搜索引擎爬蟲更快地爬取您的網站並改進內容的索引。

值得注意的是,Google 新聞 sitemap 與常規的 XML sitemap 不同。Google 新聞 sitemap 僅包括新聞文章,並允許搜索引擎快速發現需要出現在新聞部分的內容。

要創建 Google 新聞 sitemap,我們推薦使用 All in One SEO (AIOSEO)。這是最好的 WordPress SEO 插件,幫助您優化網站以適應搜索引擎而無需僱用專家或需要技術知識。

我們將使用 AIOSEO 專業版進行此教程,因為它包括 Google 新聞 sitemap 和其他強大的功能,如重定向管理器和架構標記。AIOSEO 也有免費版可以使用,但不包括新聞 sitemap。首先,您需要安裝並激活 AIOSEO 插件。如果需要幫助,請參考我們的指南:如何安裝 WordPress 插件。

啟用插件後,插件將啟動設置向導。您可以點擊‘開始’按鈕來配置 AIOSEO。

您可以參考我們的初學者指南,了解如何正確設置 WordPress 的 All in One SEO。

之後,您可以從 WordPress 儀表板前往 All in One SEO » Sitemap,然後導航到‘新聞 sitemap’選項卡。接下來,您需要點擊‘啟用新聞 sitemap’按鈕。啟用後,確保‘啟用 sitemap’的開關是打開的。您還可以選擇預覽新聞 sitemap。

接下來,您可以向下滾動並編輯與新聞 sitemap 相關的其他設置。例如,您可以添加在下一步中將在 Google 新聞出版中心中輸入的出版名稱。如果您不輸入名稱,那麼 AIOSEO 將自動使用您的網站標題。除此之外,您可以在‘文章類型’下選擇要包含在新聞 sitemap 中的內容。您可以包括帖子、頁面和事件,或勾選‘包含所有帖子類型’。

需要注意的是,Google 新聞 sitemap 將包括過去 48 小時內發布的內容。接下來,您可以點擊‘高級設置’開關,排除您不想包含在新聞 sitemap 中的任何頁面或帖子。

完成後,點擊‘保存更改’按鈕。AIOSEO 現在將為您的 WordPress 網站創建一個 Google 新聞 sitemap。

將您的 WordPress 網站提交至 Google 新聞

新聞 sitemap 準備好後,您可以將網站提交至 Google 新聞。首先,您必須前往 Google 出版商中心網站,使用 Google 帳戶登錄。

將您的 WordPress 網站添加到 Google 新聞

登錄後,您將看到‘開始使用出版商中心’頁面。只需點擊‘添加您的出版物’鏈接繼續。或者,您可以輸入網站的 URL,然後點擊‘添加’。

接下來,將彈出一個窗口,讓您添加出版物的詳細資訊。您需輸入 WordPress 博客的 URL 和名稱,並選擇其本國和主要語言。輸入這些詳細資訊後,勾選該框以證明您的出版物主要且永久位於您選擇的國家,然後點擊‘添加出版物’按鈕。

驗證您擁有您的 WordPress 網站

如果您尚未向 Google 驗證您擁有該網站,現在將要求您這樣做。您應該點擊‘打開搜索控制台’鏈接,這將在新瀏覽器標籤頁中打開 Google 搜索控制台網站。現在,您可以按照我們的指南,了解如何將您的 WordPress 網站添加到 Google 搜索控制台,來驗證您擁有該網站。完成後,您可以返回並點擊‘檢查驗證’鏈接,然後點擊‘完成’按鈕。

您的出版物將被添加到出版商中心,您可以自定義其設定。在出版商中心主頁面中,滾動到‘更多選項’框,然後點擊頁面右側的箭頭,展開‘管理您的出版物和您的組織’部分。

這將顯示三個選項。您需要點擊第一個選項‘修改出版物設置’。在頁面頂部,您會看到一些一般設置,包括您先前輸入的出版名稱、國家和語言。必要時可以修改這些設置。

向下滾動並展開‘出版物 URLs’部分。這裡,您可以看到先前輸入的主要 URL。您還可以添加與出版物相關的其他 URL。Google 新聞將使用這些鏈接作為 Google 新聞內容來源。接下來,向下滾動並展開‘聯絡方式’部分。這裡,您可以添加給出版物的聯絡電子郵件地址。

最後,您可以展開‘視覺風格’部分。這裡可以為您的出版物添加標誌。Google 新聞提供多種選項來添加標誌。可以選擇輸入方形標誌和矩形標誌。此外,還可以上傳自定義字體。標誌和字體將在上傳後自動保存。

上傳完標誌後,點擊頁面頂部的‘← 設置’按鈕,返回出版商中心主頁。現在,還有幾個 Google 新聞設定需要配置。您可以點擊頁面頂部附近的 Google 新聞框中的‘打開’按鈕找到它們。這將打開 Google 新聞配置頁面,您可以自定義出版物的基本資訊和部分。點擊‘編輯’按鈕來配置您的網站以適應 Google 新聞。

現在可以輸入出版物的基本資訊和分發詳細資訊。在‘基本資訊’部分,您可以從下拉菜單中選擇出版類別。如果向下滾動,您會看到分發設置。默認情況下,您的內容將在所有國家和其他 Google 產品中可見。然而,您可以通過允許和阻止特定國家來限制網站在某些地區出現。設定完成後,別忘了點擊‘下一步’按鈕。之後,您需要在 Google 新聞中添加部分,這些將顯示為標籤。部分幫助在 Google 新聞中組織您的內容。例如,您可以添加視頻、網頁位置、餵食源或為網站創建個性化新聞提要。

要開始,簡單點擊‘+ 新部分’按鈕並選擇一個選項。這次我們將添加一個 Feed。輸入一個部分標題、Google 新聞將用作內容來源的 RSS feed URL,並選擇誰可以查看該部分。輸入這些詳細資訊後,點擊‘添加’按鈕。您可以添加任意多的部分來在 Google 新聞中組織出版物。除了這些,您還可以在‘訪問群組’設置中限制Google 新聞應用程式中您的某些部分對特定人的訪問。完成後,別忘了點擊‘下一步’按鈕。之後,您可以在‘Google 新聞應用程式發佈狀態’中查看任何缺失項並測試您的應用程式。簡單點擊任何項目的‘審查’按鈕,查看缺失的資訊或未滿足的要求。

提交出版物之前,可以向下滾動到‘測試您的出版物’部分,並點擊‘關注出版物’按鈕。這將使您的網站出現在 Google 新聞應用程式的收藏夾中。接下來,您可以點擊‘發佈’按鈕,根據‘Google 新聞應用程式發佈狀態’框,然後簽署服務條款協議。

您已成功提交出版物以供審查。審查過程通常需要兩週或更長時間。

利用 Google 服務增加流量的專業指南

既然您知道了如何將網站提交至 Google 新聞,您可能有興趣查看一些關於如何使用 Google 服務來增加 WordPress 網站流量的其他指南:

  • 如何讓我的 WordPress 網站列在 Google 上?(初學者指南)
  • 如何提交您的網站到搜索引擎(初學者指南)
  • 如何請求 Google 重新爬取您的 WordPress 網站 URL
  • 如何為您的 WordPress 網站設置 Google Analytics 目標
  • 如何將您的 WordPress 網站添加到 Google 搜索控制台
  • 使用 Google 搜索控制台有效增長網站流量的提示
  • 如何使用WordPress網站獲取 Google 精選摘要
  • 什麼是 Google 知識面板及如何用 WordPress 申請它
  • 如何使用 Google 趨勢來提高 SEO 和增長業務

希望這篇文章幫助您了解如何將您的 WordPress 網站提交至 Google 新聞。您可能還想查看我們的指南:如何為您的 WordPress 網站獲取 Google sitelinks 或我們專業挑選的適合小型企業的最佳電子郵件營銷服務。如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 教学

如何在WordPress中制作物流和运输网站

物流和运输网站应具备哪些功能?

无论你是创建小型企业还是直接启动企业业务,物流和运输公司都需要一个专业的网站来接触在线客户。没有网站,你的业务可能会错失机会并难以有效地与潜在客户沟通。此外,大公司如DHL利用其网站帮助客户跟踪他们的货物并迅速回答问题。因此,物流和运输公司通常在其网站上具备一些独特的功能,如货运跟踪。

第1步:获取主机计划和域名

第一步是注册一个WordPress托管服务。在WPressize Me,我们推荐使用Bluehost来托管你的WordPress网站。他们不仅提供物超所值的服务,还快速且易于使用,即使是托管服务的新手也能轻松上手。

第2步:创建一个新的WordPress网站

如果你使用了我们的Bluehost链接,Bluehost将默认自动在你的托管服务中安装WordPress。

第3步:选择一个物流和运输WordPress主题

WordPress主题使得无需网页设计技能便可创建漂亮的网站。你只需选择一个你喜欢的主题,安装它并调整一些设计元素。

第4步:创建包含服务部分的主页

编辑你网站设计时,主页是你应特别注意的一个重要部分。作为访问者很可能首先看到的页面,主页必须留下强烈印象并向用户提供足够的信息。

第5步:设置重要的网页

设置好主页后,是时候在你的运输和物流WordPress网站上创建其他页面了。

第6步:为你的物流网站安装货运跟踪插件

你需要安装一个货运跟踪插件来显示用户的货运信息。WPCargo是一个你可以使用的货运跟踪插件。

第7步:向你的WordPress网站添加运费计算器表单

如果你使用WPCargo,他们有一个高级附加功能可以创建运费计算器。你还可以使用WPForms,这是市场上最简单的WordPress表单插件。

第8步:创建一个预订表单来安排取货

如果你提供包裹取货服务,那么创建一个预订表单让客户可以在你的网站上轻松安排取货是个好主意。

第9步:在你的运输网站上启用支付方式

要接受你的运输和物流服务的付款,你需要在你的网站上启用一些支付方式。我们推荐使用WP Simple Pay插件进行支付。

第10步:为你的业务创建报价请求表单

如果你为企业客户提供物流服务,那么你可能会使用根据公司需求不同的定制价格结构。在这种情况下,可以创建一个报价请求表单。

第11步:在你的网站添加实时聊天

我们建议使用LiveChat,它在客户支持行业中非常有名。通过这个工具,你可以轻松定制WordPress中的实时聊天窗口。

时间紧迫?让WPressize Me专业服务帮助你

我们理解即使有详细的指南,建立网站仍然可能会觉得任务繁重。如果你想跳过设置过程,专业的团队可以为你构建网站。预订一个免费咨询电话,讨论你的具体需求并解答你可能有的任何问题。

我们希望这篇文章帮助你学习如何在WordPress中制作一个物流和运输网站。你也许还想查看如何在WordPress中创建T恤商城和我们推荐的WordPress网站类型。如果你喜欢这篇文章,请订阅我们的YouTube频道了解更多WordPress视频教程,也可以在Twitter和Facebook找到我们。

Read More
WordPress 教学

如何在WordPress中添加免費在線聊天(簡易方法)

為什麼要在你的 WordPress 網站上使用在線聊天?

根據 eConsultancy 的數據,在所有客戶服務渠道中,在線聊天的滿意度最高。實際上,在線聊天的滿意度達73%,遠高於電子郵件、電話和短信的滿意度。

如果你運行一個電子商務商店或擁有一家小型企業,在線聊天可以說服客戶購買你的產品。你還可以與那些未完成結帳過程的購物者交流,幫助你回收被遺棄的購物車。你甚至可以推薦產品或通知客戶關於促銷的信息。

此外,你可以使用在線聊天即時為現有客戶提供支持,將他們轉變成品牌大使,他們會向朋友和家人推薦你的業務。

在 WordPress 中添加在線聊天

添加在線聊天功能最簡單的方法是使用 LiveChat Inc。這是最好的 WordPress 在線聊天解決方案之一,我們在自己的 OptinMonster 網站上使用它。你可以在我們的 LiveChat 評測中了解更多信息。

自定義在線聊天窗口的外觀

你的 LiveChat 窗口需要吸引用戶的注意,同時補充你的 WordPress 主題。

要更改 LiveChat 窗口的外觀,請使用早先輸入的電子郵件地址和密碼登錄你的 LiveChat 賬戶。在左側菜單中,點擊“設置”。然後,選擇“聊天小部件”和“自定義”。

現在你可以設計在線聊天窗口,並見證你的更改即時應用。你可以從許多主題中選擇一個來適用於最大化窗口和最小化聊天窗口。

在你的 WordPress 網站上設置在線聊天

下一步是使用免費插件將 LiveChat 添加到你的在線市場或商店。首先,安裝並啟用 LiveChat 插件。如果需要幫助,請查看我們的WordPress插件安裝初學者指南。

激活後,系統會要求你登錄 LiveChat 賬戶。只需輸入你的電子郵件地址並點擊“登錄”按鈕。幾分鐘後,你將會看到一條消息,表示 LiveChat 已成功添加到你的 WordPress 網站。點擊該氣泡,螢幕上將打開一個在線聊天窗口。

如何找到訓練有素的在線聊天代理

LiveChat 是讓你在 WordPress 網站或博客上添加在線聊天最簡單的方法。但是,你還需要招聘人員為訪客提供實時支持。最簡便的方法是將你的客戶支持外包給 LTVPlus,這是一個專門為在線業務提供管理式在線聊天服務的公司。

通過使用 LiveChat 和 LTVPlus,你可以將在線聊天功能添加到你的网站,並將你的业务发展到下一個層次。事實上,我們使用這兩項服務在 OptinMonster 網站上獲得了更多的銷售。

我們希望這個教程幫助你學會如何在 WordPress 中輕鬆添加在線聊天。你還可能會對我們的虛擬商業電話號碼應用程序清單以及我們的教學文章“如何創建 WooCommerce 彈出窗口以增加銷售”感興趣。如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。你還可以在 Twitter 和 Facebook 上找到我們。

Read More