WordPress 教学

如何轻松更改域名服务器(并指向新主机)

什么是域名服务器?

域名服务器是全球域名系统数据库的一部分,它们的作用是告诉其他计算机在哪里可以找到某个域名。如果您的网站托管账户是存放网站文件的房子,那么域名就是这所房子的街道地址。域名服务器告诉互联网在哪里可以找到与域名关联的网站地址。

为什么以及何时需要更改域名服务器?

您需要更改域名服务器的主要原因有两个:

1. 您正在更换您的网络托管服务提供商。

2. 您正在添加像Sucuri这样的网络应用防火墙以保护您的网站。

当您将网站迁移到新的托管公司时,您需要更改域名的域名服务器信息,以便指向新的托管位置。这非常重要,因为通常情况下,旧的托管公司在您的计划到期后会删除您的文件。如果不更改域名服务器,用户将无法找到您的网站。

再说到网络应用防火墙(WAF),WordPress WAF插件会要求您将域名服务器指向它们。这是所有网络应用防火墙(如Sucuri或Cloudflare)的必需步骤,因为这有助于它们通过在DNS级别阻拦攻击来保护您的网站服务器。

如何更改域名服务器

更改域名服务器相当简单。根据您的域名注册商,具体操作可能略有不同,但基本步骤是一样的。以下是如何在几个受欢迎的域名注册商和Web托管公司上更改域名服务器的说明:

在Domain.com上更改域名服务器

首先,登录到您的Domain.com账户。点击左侧边栏的‘DNS & Nameservers’链接。这会带您到一个页面,您可以在上面看到DNS记录。在页面顶端确认选择正确的域名后,滚动至NS记录部分,然后编辑ns1.domain.com和ns2.domain.com的内容。输入新的域名服务器信息并保存。

在Bluehost上更改域名服务器

登录到您的Bluehost账户,点击左侧边栏的‘Domains’选项卡。选择您想要更新的域名,滚动到‘Advanced Tools’部分并点击‘Manage’链接。然后,添加新的域名服务器信息并保存。

在SiteGround上更改域名服务器

登录到您的SiteGround账户,进入‘Services’ » ‘Domains’页面,点击‘Manage nameservers’链接。删除现有的域名服务器,输入新的域名服务器并确认。

在Hostinger上更改域名服务器

登录到您的Hostinger账户,点击顶部的‘Domains’。选择您的域名,点击左侧栏的‘DNS / Nameservers’并编辑域名服务器信息。输入新的域名服务器并保存。

在HostGator上更改域名服务器

登录到您的HostGator账户,点击‘Domains’选项并选择域名。在细节部分点击‘Change’链接,输入新的域名服务器并保存。

在GoDaddy上更改域名服务器

登录到您的GoDaddy账户,选择域名并点击‘Manage DNS’选项。选择‘I’ll use my own nameservers’并输入新的域名服务器,保存设置并确认。

在Namecheap上更改域名服务器

登录到您的Namecheap账户,点击‘Domain List’选项卡并选择域名。选择‘Custom DNS’并输入新的域名服务器,保存更改。

在WordPress.com上更改域名服务器

登录到您的WordPress.com账户,进入‘My Sites’ » ‘Upgrades’ » ‘Domains’页面,选择域名,点击‘Change Your Name Servers & DNS Records’。关闭‘Use WordPress.com Name Servers’,输入新的域名服务器并保存。

设置完成后的最后步骤

任何域名服务器的更改可能需要几个小时才能在全球范围内生效。这是因为这需要每个互联网服务提供商清除他们的缓存历史并更新IP地址的新记录。如果是您第一次更改域名服务器,那么请耐心等待,因为通常情况下,变化不会立即反映。如果过了几个小时,您的更改仍未生效,您可以尝试清除您计算机上的DNS缓存。

希望这篇文章能帮助您了解如何更改域名服务器并将域名指向其他主机。您还可能想查看我们网站上必备的WordPress插件列表以及最佳电子邮件营销服务的比较,以帮助您发展业务。

Read More
WordPress 教学

如何在 WordPress 中为 YouTube 视频添加覆盖分享按钮

如何在 WordPress 中为 YouTube 视频添加覆盖分享按钮

视频是提升用户参与度的最佳方式之一。最近有用户询问我们,如何像知名网站 UpWorthy 那样在视频上创建分享按钮覆盖。在这篇文章中,我们将向您展示如何在 WordPress 中为 YouTube 视频添加覆盖分享按钮。

添加分享按钮作为 YouTube 视频的覆盖有多种方法,大多数方法都需要每次添加视频时粘贴一些 HTML 代码。为了避免这种重复操作,我们决定创建一个简码,以自动化该覆盖效果。

添加分享按钮作为 YouTube 视频的覆盖

只需将以下代码复制并粘贴到一个站点特定插件或您的主题的 functions.php 文件中:

/// WPressize Me 的 YouTube 分享覆盖按钮
function wpb_yt_buttons($atts) { 
  extract( shortcode_atts( array('video' => ''), $atts ) );
  $string = '
'; $string .= ''; $string .= '
'; return $string; } add_shortcode( 'wpb-yt', 'wpb_yt_buttons' );

以上代码创建一个简码,可以自动将 Twitter 和 Facebook 分享链接添加到您的视频上。这些按钮只有当用户将鼠标移到视频上时才会可见。您还可以将任何其他社交媒体渠道添加到此简码中。要使用此简码,您只需添加 YouTube 视频 ID,如下所示:

[wpb-yt video="qzOOy1tWBCg"]

您可以从 URL 字符串中获取 YouTube 视频 ID,如下所示:

现在,当您添加视频时,您将能够看到您的 YouTube 视频和用于在 Facebook 或 Twitter 上分享的视频链接。这些链接并未经过任何样式设置。

设置分享按钮样式

为了让这些链接看起来更漂亮,让我们将它们样式化以创建按钮,并仅在用户将鼠标移到视频容器上时才显示这些按钮。为此,将以下 CSS 添加到您的子主题的样式表中:

#share-video-overlay {
  position: relative;
  right: 40px;
  top: -190px;
  list-style-type: none;
  display: block;
  opacity: 0;
  -webkit-transition: opacity .4s, top .25s;
  -moz-transition: opacity .4s, top .25s;
  -o-transition: opacity .4s, top .25s;
  transition: opacity .4s, top .25s;
  z-index: 500;
}
#share-video-overlay:hover { 
  opacity:1;
}
.share-video-overlay li { 
  margin: 5px 0px;
}
#facebook {
  color: #ffffff;
  background-color: #3e5ea1;
  width: 70px;
  padding: 5px;
}
.facebook a { 
  color:#fff;
  text-decoration:none;
}
#twitter { 
  background-color:#00a6d4;
  width: 70px;
  padding: 5px;
}
.twitter a { 
  color:#FFF;
  text-decoration:none;
}

这样,您现在应该在您的 YouTube 视频中拥有覆盖的分享按钮。

添加 WordPress 帖子链接到 YouTube 视频的覆盖分享按钮上

在发布这篇文章后,有些用户询问他们是否可以在分享按钮中共享 WordPress 帖子的链接,而不是 YouTube 视频链接。为此,您需要将 share buttons 中的视频链接替换为 WordPress 帖子的 permalink。在您的 functions.php 文件或站点特定插件中使用以下代码:

/// WPressize Me 的 YouTube 分享覆盖按钮
function wpb_yt_buttons($atts) { 
extract( shortcode_atts( array('video' => ''), $atts ) );
$string = '
'; $permalink_encoded = urlencode(get_permalink()); $string .= ''; $string .= '
'; return $string; } add_shortcode('wpb-yt', 'wpb_yt_buttons');

请随意修改 CSS 或简码片段以满足您的需求。为了进一步优化您的视频,您可以使用 FitVids jQuery 插件使您的 YouTube 视频响应更好。您还可以关闭视频结束时出现的相关视频,甚至可以从 YouTube 视频缩略图创建特色图片。

Read More
WordPress 教学

如何在Mac上本地安装WordPress(两种简便方法)

为什么要在Mac上本地安装WordPress?

通常,你需要一个网络托管账户和一个域名来创建一个WordPress网站。然而,核心的WordPress软件是免费下载的,可以在你的计算机上本地运行。这个本地的WordPress站点通常在互联网上是不可见的,只能在你的计算机上查看。这种方法的优点是你可以私下练习使用WordPress,试一试,并看看你能制作什么类型的网站。你还可以使用这个本地安装来测试不同的WordPress主题和插件,然后再安装到你的网站上。

在Mac上本地安装WordPress需要哪些工具?

WordPress主要是用PHP编写的,这是一种服务器端编程语言。要运行PHP,你需要一个网络服务器软件。你还需要为你的网络服务器软件安装MySQL数据库管理系统。独立安装所有这些软件并使它们协同工作听起来像是一项艰巨的任务。幸运的是,有一些免费的开发工具,使得即便是非技术用户也能够轻松地将它们作为一个包安装。本文将向你展示两种这种工具。

方法一:使用Local WP在Mac上本地安装WordPress(推荐)

Local WP是一种WordPress开发工具,可以让你轻松在你的Mac计算机上设置本地服务器。你也可以在Windows和Linux上使用Local来设置WordPress。首先,你需要访问Local网站,并点击屏幕右上角的‘下载’按钮。选择Mac作为你的平台后,Local会要求你填写一个简短的表单。输入你的姓名、电子邮件地址和电话号码后,点击‘立即获取’按钮。这将会把Local安装文件下载到你的计算机。下载完成后,双击下载的文件,这将启动一个安装向导,指导你在计算机上安装Local。Mac用户只需将Local应用程序拖动到应用程序文件夹中。安装完成后,你可以从应用程序文件夹中启动Local应用。

方法二:使用MAMP在Mac上本地安装WordPress

MAMP是一个流行的程序,可以让你在你的Mac计算机上运行WordPress。首先,你需要访问MAMP网站,并下载最新版本的MAMP和MAMP Pro。下载完成后,双击MAMP .pkg文件,这将启动MAMP安装程序。根据屏幕提示完成安装。安装完成后,从应用程序文件夹中启动MAMP。在MAMP文件夹中,你会看到不同版本的MAMP。确保选择免费的版本。在启动MAMP之前,我们推荐配置一些设置来优化你的MAMP体验。点击工具栏中的‘MAMP’,选择‘偏好设置…’在弹出的窗口中,选择‘端口’选项卡,确认Apache端口设为8888。然后设置你的文档根文件夹,即你将创建和存储所有本地WordPress网站的文件夹。默认情况下,MAMP使用/Applications/MAMP/htdocs/文件夹,但你可以更改为其他位置。

将本地WordPress安装迁移到在线网站

在本地环境中练习使用WordPress后,你可能希望将其迁移到在线网站。这是让其他人可以看到你的网站的唯一方式。你需要购买一个域名和网络托管服务。我们推荐使用Bluehost,他们是世界上最大的托管公司之一,也得到WordPress.org的官方推荐。购买托管服务后,可以参考我们的指南,将WordPress从本地服务器迁移到在线网站。

Read More
WordPress 教学

如何禁用WordPress中的自动更新

为什么WordPress会自动更新

WordPress出于安全原因会自动更新核心软件。有时,它还会更新插件或主题以修复潜在威胁。例如,某个WordPress插件或主题可能会被更新以去除关键漏洞。如果这个插件或主题被大量网站使用,WordPress核心团队可能会推送自动更新。

除了这些情况外,WordPress让您自行决定何时安装更新。我们不建议关闭自动更新,因为它们是重要的安全功能。不过,在某些罕见的情况下,更新可能会破坏您的网站或影响其功能。这可能导致您失去业务和客户。如果您有信心自己能够管理手动更新,那么您可以安全地禁用WordPress中的自动更新。

方法一:使用代码禁用WordPress自动更新(推荐)

您可以通过在wp-config.php文件中添加以下代码来禁用WordPress自动更新:

define( 'WP_AUTO_UPDATE_CORE', false );

这将禁用所有的WordPress自动更新。重要提示:确保您阅读我们的文章,了解如何安全地编辑WordPress中的wp-config.php文件。

如果您想接收次要核心更新,但禁用主题和插件更新,可以在主题的functions.php文件中添加以下过滤器:

禁用WordPress插件自动更新:

add_filter( 'auto_update_plugin', '__return_false' );

禁用WordPress主题自动更新:

add_filter( 'auto_update_theme', '__return_false' );

然而,更简单和更安全的方法是使用WPCode代码片段插件。WPCode使得添加代码片段变得容易,无需编辑主题的functions.php文件。借助内置代码库,您可以找到禁用WordPress自动更新、禁用REST API、允许SVG文件上传、禁用评论等流行代码片段。这消除了安装一堆单用途插件的需求。

要开始,您需要安装并激活免费的WPCode插件。如果需要帮助,请参考我们的指南《如何安装WordPress插件》。插件激活后,从WordPress管理仪表板导航到代码片段 » 库。然后,搜索“禁用自动更新”片段并点击“使用片段”按钮。

WPCode会自动添加代码片段并选择正确的插入方法。如果不想使用某个过滤器,只需在过滤器行的开头添加//。

方法二:使用插件配置和禁用WordPress自动更新

另一个禁用自动更新的方法是安装和激活Easy Updates Manager插件。如果您不确定如何操作,请参阅我们关于《如何安装WordPress插件》的分步指南。插件激活后,导航到仪表板 » 更新选项,以配置设置。您可以选择“禁用所有更新”,但我们不推荐这样做,因为这会阻止所有更新通知的出现。

自动更新的优缺点

自动更新的优点

自动更新对于WordPress安全性非常有利。很多用户忘记更新插件或核心安装。启用自动更新后,只要WordPress有次要更新发布,您就无需担心更新网站。这些更新是为了维护和安全目的。

自动更新的缺点

WordPress核心团队负责发布更新,确保操作顺利。不过,有时自动更新会导致网站故障。在我们的经验中,次要版本更新没有破坏任何我们的网站,因为我们遵循了最佳实践,没有修改任何核心文件。

我应该禁用WordPress自动更新吗?

大部分初学者和大多数WordPress网站,自动更新是无害的,您不应禁用它们。不过,如果您运行的是在线商店,或不想因为网站故障而损失业务,您可以安全地关闭自动更新。仍需确保及时手动安装更新,以确保网站的安全性。

希望这篇文章能帮助您了解如何禁用WordPress中的自动更新。无论您使用自动更新还是手动更新,确保定期备份您的网站至关重要。您可能还想查看我们的指南《如何备份WordPress网站》或《最佳WordPress安全插件的比较》。

Read More
WordPress 教学

如何在WordPress和WooCommerce中添加转盘抽奖选项

什么是转盘抽奖选项?

转盘抽奖选项是一种为您的WordPress网站增添游戏化元素的注册表单或折扣券转盘。用户可以通过玩游戏来赢取折扣、解锁特别优惠或下载资源。案例研究表明,这种游戏化选项的转换率高达30%或更高。原因很简单,这些游戏化选项既有趣又互动,能立即吸引用户注意。

通过在您的转盘网站上提供奖励和优惠券,您还可以鼓励用户使用他们赢得的奖励完成他们开始的游戏,比如使用折扣码进行购买。同样,您可以使用转盘抽奖选项为您的在线商店提供免费送货和捆绑优惠等激励措施,以提高转换率。

下面让我们来看看如何在WordPress和WooCommerce中轻松添加转盘抽奖选项。

在WordPress和WooCommerce中添加转盘抽奖选项

为您的网站添加游戏化元素的最佳方法是使用OptinMonster。这是市场上最好的潜在客户生成软件。通过OptinMonster,您可以增长电子邮件列表,获得更多潜在客户,并将网站访客转化为付费客户。其拖放式活动构建器使创建转盘抽奖选项并设置强大的显示规则变得非常简单。

首先,您需要访问OptinMonster网站并点击“立即获取OptinMonster”按钮注册一个账号。要创建转盘抽奖轮,您需要他们的“成长”计划以访问优惠券轮活动功能。

之后,您需要在WordPress网站上安装并激活免费的OptinMonster插件。有关详细信息,请参阅我们的逐步指南如何安装WordPress插件。插件会将您的WordPress网站连接到OptinMonster应用程序。激活后,您将看到OptinMonster欢迎界面。只需点击“连接您的现有账号”按钮。

接下来,将打开一个弹出窗口,您可以在其中将您的WordPress网站与OptinMonster账号连接。继续点击“连接到WordPress”按钮。

一旦您将OptinMonster与您的网站连接,您还可以将其连接到您的WooCommerce账号。为此,您可以从WordPress仪表板中转到OptinMonster » 设置。在“常规”选项卡下,向下滚动到WooCommerce部分并点击“自动生成密钥+连接WooCommerce”按钮。

WooCommerce现在将自动生成密钥并连接到您的OptinMonster账号。将WordPress和WooCommerce连接到您的OptinMonster账号后,您需要创建一个新活动。首先,从您的WordPress仪表板转到OptinMonster » 活动,然后点击“创建您的首个活动”按钮。

之后,OptinMonster会要求您选择一个模板或从手册中选择一个现成的活动。对于本教程,我们将使用“模板”选项。

接下来,您需要选择一个活动类型和转盘抽奖的模板。选择活动类型时,请选择“游戏化”选项。然后,您可以选择一个活动模板。OptinMonster提供了多个模板供您选择。只需将鼠标悬停在一个模板上并点击“使用模板”按钮。

选择一个活动后,系统会要求您为您的模板提供一个名称。只需输入一个名称并点击“开始构建”按钮。

之后,您将看到OptinMonster活动构建器界面。您可以从左侧菜单中将不同的模块拖放到模板上,如按钮、视频、倒计时器等。

OptinMonster还允许您更改活动设计、文字颜色、字体、间距等。您只需点击模板中的任何项目来编辑其外观。接下来,点击模板中的轮子元素以查看更多选项。例如,您可以编辑部分和轮子的颜色。从这里,您可以点击“自定义轮子部分”按钮以编辑每个优惠券轮部分的值。

现在将打开一个弹出窗口,显示游戏化轮子中的所有部分。此弹出窗口允许您向轮子添加优惠券代码和特别优惠。您可以选择每个选项是否有获胜机会。当您关闭或开启一个选项时,获胜百分比将自动重新计算。

自定义每个部分后,您只需关闭弹出窗口。

选择显示转盘抽奖选项的时间

接下来,您必须选择何时在WordPress博客或在线商店上显示您的转盘抽奖活动。OptinMonster为您提供强大的定位和显示选项,允许您在网站上的任意时间和任意地点触发转盘。只需切换到OptinMonster仪表板中的“显示规则”选项卡。从这里,您可以为您的活动选择不同的显示规则集。

例如,您可以使用“退出意图”规则集在用户即将离开您的网站时启动转盘活动。您还可以配置退出意图的灵敏度,并将其更改为低、中或高。接下来,向下滚动以组合不同的规则集。例如,您可以设置另一个规则以仅在特定页面上启动活动。对于本教程,我们将从下拉菜单中选择“当前URL路径”,然后选择“任意页面”选项。这样,您的转盘抽奖选项将出现在整个网站上的所有页面和文章中。

添加显示规则后,点击“完成?前往操作”按钮。从这里,您需要选择一个视图。只需选择“选项”视图并为您的活动选择一个音效。如果不想添加音效,则可以将默认设置保留为“无”。

接下来,您可以向下滚动并设置cookie设置。例如,您可以决定何时再次显示活动,如果有人尚未转换。

点击“完成?前往总结”按钮。完成后,您将看到显示规则的摘要。现在可以点击顶部的“保存”按钮以保存您所做的更改。

将转盘抽奖轮加入WordPress和WooCommerce

现在您的转盘活动已经准备好,让我们将其添加到您的网站。首先,您需要发布您的活动。从OptinMonster仪表板中,切换到“已发布”选项卡并将发布状态更改为“发布”。不要忘记点击“保存”按钮以保存您的更改并关闭活动构建器。

现在可以从WordPress仪表板中访问OptinMonster » 活动。您将看到最近创建的转盘抽奖轮活动,旁边标有绿色的“已发布”状态。如果没有,请点击活动名称下的“更改状态”选项,并将状态更改为“已发布。”

您可以在新的隐身浏览器窗口中访问您的网站或WooCommerce商店,以查看您的活动的实时预览。根据您的显示规则,您会看到转盘抽奖轮会弹出显示在屏幕上。

我们希望这篇文章帮助您在WordPress网站或WooCommerce商店中添加转盘抽奖选项。您可能还想参阅我们的终极指南来提升WordPress速度,以及我们挑选的最佳有趣WordPress插件,以提高互动性。如果您喜欢这篇文章,请订阅我们的YouTube频道以获取WordPress视频教程。您也可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何将WordPress连接到PayPal Commerce

什么是PayPal Commerce?

PayPal Commerce 提供了一种更简便的结账解决方案,适用于在WordPress网站上使用的企业和在线商店。与标准的PayPal支付表单不同,客户可以通过他们的PayPal账户或直接输入信用卡号码进行支付,无需PayPal账户即可完成支付。 PayPal Commerce 支持Visa、Mastercard、American Express、Maestro和Discover等信用卡网络,还支持一次性和定期支付。

方法1:将PayPal Commerce添加到任何WordPress网站

对于不使用电商平台的网站用户,推荐使用这个方法。我们将使用WPForms,这是市场上最好的WordPress表单创建器,可以轻松创建表单并添加到你的网站。

首先,需要安装并激活WPForms插件。安装插件后,进入WPForms » 设置 页面输入许可证密钥,然后前往WPForms » 插件页面激活PayPal Commerce插件。完成后,访问WPForms » 设置 » 支付 页面,选择货币并点击‘连接PayPal Commerce’按钮进行配置。

接着,通过WPForms » 添加新页面创建一个支付表单,并在表单构建器界面中拖拽PayPal Commerce字段到表单中。完成表单设置保存后,将表单嵌入到需要接受支付的文章或页面中。

方法2:使用Easy Digital Downloads在WordPress中添加PayPal Commerce

这种方法推荐用于销售电子商品,如电子书、软件、音乐等。首先,安装并激活Easy Digital Downloads插件,随后激活PayPal Commerce Pro插件,并在下载 » 设置 页面配置PayPal Commerce 作为支付网关。

完成配置后,客户在结账时将看到PayPal Commerce支付选项。

方法3:使用MemberPress在WordPress中添加PayPal Commerce

对于想要出售会员订阅、按观看付费内容或在线课程的网站用户,推荐使用这个方法。首先,安装并激活MemberPress插件,并在MemberPress » 设置 页面输入许可证密钥,然后添加并配置PayPal Commerce为支付方式。

配置完成后,客户在选择订阅计划或在线课程时将看到PayPal Commerce支付选项。

附加:PayPal Commerce 替代方案

除了PayPal,Stripe也是一个流行的在线支付解决方案。可以使用 WP Simple Pay 将WordPress网站连接到Stripe,支持接受定期支付和自定义支付字段。

希望这篇文章能帮助你将PayPal Commerce连接到你的WordPress网站。敬请关注我们的网站以获取更多内容!

Read More
WordPress 教学

如何在 WooCommerce 中添加麵包屑(初學者指南)

為 WooCommerce 添加麵包屑的步驟

更新日期: 2024 年 3 月 7 日,撰稿人: 編輯團隊 | 審核人: Syed Balkhi

編輯注意: WPressize Me 的一些文章包含合作夥伴鏈接。這些鏈接的擁護不會影響我們編輯的意見或評價。了解有關我們編輯流程的更多信息。

為什麼要在 WooCommerce 中添加麵包屑?

麵包屑是顯示在產品頁或博客文章頂部的導航鏈接,這些鏈接向訪客展示了他們如何到達當前查看的頁面。例如,如果您的 WooCommerce 商店銷售服裝,那麼麵包屑菜單可能類似於“首頁 » 男裝 » 襯衫和 Polo 衫 » 正式襯衫”。

在 WooCommerce 中啟用麵包屑可以讓您的客戶更輕鬆地導航您的網上商店,並快速找到他們需要的產品。此外,麵包屑也有助於搜索引擎理解链接在您電子商務網站上的層次結構。搜索引擎如 Google 甚至會在搜索結果中顯示它們,這可能提高點擊率。

方法一:使用 AIOSEO 在 WooCommerce 中添加麵包屑(推薦)

啟用 WooCommerce 麵包屑的最簡單方法是使用 All in One SEO (AIOSEO) 插件。這是市場上最好的 WordPress SEO 插件,可以讓您只需點擊一下就能為 WooCommerce 添加麵包屑。該插件還可以幫助您在不需要任何技術技能的情況下優化網站以符合搜索引擎的要求。

首先,您需要在網站上安裝並激活 AIOSEO 插件。可以參考我們的指南以了解如何安裝 WordPress 插件。激活后,需導航到「All in One SEO » General Settings」並輸入許可證密鑰,您可以在 AIOSEO 帳戶區域找到密鑰。

接下來,使用其設置嚮導在您的 WooCommerce 商店上設置 AIOSEO。如果需要幫助,可以參考我們的指南了解如何設置 All in One SEO for WordPress。正確配置插件后,導航到「All in One SEO » General Settings」頁面,然後點擊「Breadcrumbs」選項卡。

啟用「Enable Breadcrumbs」選項,AIOSEO 會自動將麵包屑結構化數據標記添加到您的 WooCommerce 商店的代碼中。接下來,需選擇顯示麵包屑的方式。您可以使用短代碼或區塊手動添加它們到任何頁面或文章中,或添加到小工具區域。進階用戶甚至可以使用 PHP 代碼將麵包屑添加到主題模板文件中。

要自定義麵包屑,滾動到「麵包屑設置」部分,這裡有多個設置讓您自定義麵包屑。例如,您可以更改分隔符號、啟用首頁鏈接、添加麵包屑前綴、更改格式等。您甚至可以預覽導航鏈接在 WooCommerce 商店中的顯示效果。

AIOSEO Pro 還包括麵包屑模板,這些模板可讓您在不同內容類型、分類法和歸檔上展示專業的麵包屑鏈接。不僅如此,插件還提供不同的選項來自定義模板,例如,能禁用默認模板並查看更多設置選項。

完成自定義後,別忘了保存更改。接下來,您需要為 WooCommerce 產品頁面添加麵包屑。AIOSEO 會顯示四種不同的方法,最簡單的方法是使用短代碼在您的線上商店顯示麵包屑導航鏈接。只需在想要顯示麵包屑的地方添加以下短代碼即可:


前往「產品 » 所有產品」並編輯產品頁面,然後在 WordPress 編輯器的「文本」視圖中添加短代碼並更新頁面。現在,您可以訪問產品頁面查看麵包屑導航鏈接的效果。

此外,您也可以將麵包屑添加到 WooCommerce 商店的側欄。這樣,您不必編輯每個單獨的產品頁面來顯示導航鏈接,因為它們會在整個網站的側欄中顯示。要在側欄顯示麵包屑,可以從 WordPress 管理界面的「外觀 » 小工具」導航到小工具頁面。點擊左上角的加號圖標,搜尋「麵包屑」找到「AIOSEO – Breadcrumbs」小工具,將其拖拽到側欄並保存。然後,訪問您的 WooCommerce 商店查看側欄中的麵包屑。

方法二:使用 WooCommerce Breadcrumbs 插件添加麵包屑

另一種啟用 WooCommerce 麵包屑的方法是使用 WooCommerce Breadcrumbs 插件。這是一個免費的 WordPress 插件,可以讓您為線上商店添加麵包屑,但其自定義功能比 AIOSEO 要少得多。首先,您需要安裝並激活 WooCommerce Breadcrumbs 插件。激活后,前往「設置 » WC Breadcrumbs」頁面,勾選「啟用麵包屑」。

接下來,您可以更改 WooCommerce 商店中導航鏈接的外觀。WooCommerce 插件允許您選擇麵包屑分隔符號和麵包屑前後的 HTML 標籤。滾動頁面,您會找到更多自定義選項,比如更改導航鏈接中顯示的首頁文本和 URL。完成修改后,不要忘記保存更改。

專家指南:WordPress 和 WooCommerce 導航

  • 麵包屑術語表
  • 如何在 WordPress 中顯示麵包屑導航鏈接
  • 如何創建智能 WooCommerce 產品搜索
  • 如何在 WordPress 中添加箭頭鍵導航
  • 如何在 WordPress 中添加導航菜單(初學者指南)
  • 如何在 WordPress 主題中添加自定義導航菜單
  • 如何將自定義項目添加到特定的 WordPress 菜單
  • 如何在 WordPress 中創建下拉菜單(初學者指南)
  • 如何向登錄用戶顯示不同的菜單
  • 如何設置 WordPress 導航菜單樣式

希望本文章能幫助您了解如何在 WooCommerce 中添加麵包屑。您或許還想參閱我們的指南了解建站費用,或是看看我們專家挑選的最佳托管服務。如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取更多 WordPress 教程視頻,也可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 教学

如何在 WordPress 中將圖片轉換為灰階

如何在 WordPress 中將圖片轉換為灰階

您是否在尋找一種方法,可以在上傳到 WordPress 時自動將圖片轉換為灰階?通常,您需要使用照片編輯工具來更改圖片為灰階,但這可能會花費很多時間,因為您需要在上傳每張圖片之前單獨編輯它們。

在本文中,我們將向您展示如何在上傳到您的網站時,將圖片轉換為灰階。

什麼時候應該在 WordPress 中使用灰階圖片?

灰階圖片僅包含關於圖片中光量的信息。圖片顏色顯示不同的灰色陰影,變化於黑和白之間。在某些情況下,使用灰階圖片對您的 WordPress 網站有利。比如,您可以用它來改善圖片中顯示對象的可讀性。另一方面,灰階圖片因其小尺寸而常用於圖像處理。它允許開發者在較短的時間內運行複雜的操作。

那麼,讓我們來看看如何在上傳圖片到 WordPress 時,將其轉換為灰階。

在 WordPress 上傳圖片時轉換為灰階

當涉及到在 WordPress 中添加圖片時,您需要在上傳之前使用 Photoshop 等照片編輯軟件進行編輯,將彩色圖片轉換為灰階。如果您有成百上千張圖片需要上傳,那麼逐張手工編輯會花費大量時間。然而,您可以在上傳時自動將其轉換為灰階圖片。首先,您需要將以下代碼添加到主題的 functions.php 文件中:

add_filter('wp_generate_attachment_metadata','rb_bw_filter');function rb_bw_filter($meta) { $path = wp_upload_dir(); $file = $path['basedir'].'/'.$meta['file']; $files[] = $file; foreach ($meta['sizes'] as $size) { $files[] = $path['path'].'/'.$size['file']; } foreach ($files as $file) { list($orig_w, $orig_h, $orig_type) = @getimagesize($file); $image = wp_load_image($file); imagefilter($image, IMG_FILTER_GRAYSCALE); switch ($orig_type) { case IMAGETYPE_GIF: imagegif($image, $file); break; case IMAGETYPE_PNG: imagepng($image, $file); break; case IMAGETYPE_JPEG: imagejpeg($image, $file); break; } } return $meta;}

由 ❤️ 支持,WPCode 提供托管

在 WordPress 中一鍵使用

使用 WPCode 插件是一種簡單的方法,將代碼添加到主題文件中,而不需要手動編輯主題的 functions.php 文件。這樣,您不必擔心弄壞您的網站。

首先,您需要在您的網站上下載並安裝免費的 WPCode 插件。如果您需要幫助,請參考我們的指南,瞭解如何安裝 WordPress 插件。

注意:免費版本的 WPCode 提供了在 WordPress 中輕鬆添加自定義代碼所需的一切功能。對於更高級的功能,如私有雲片段庫、計劃片段、轉換像素等,您可以升級到 WPCode Pro。

安裝完成後,您可以從 WordPress 儀表板,前往 Code Snippets » + Add New。然後,導航到 ‘Add Your Custom Code (New Snippet)’ 選項,並點擊 ‘Use snippet’ 按鈕。

接著,為您的片段命名,並將上面的代碼粘貼到 ‘Code Preview’ 區域。在右邊的下拉列表中,選擇 ‘PHP Snippet’ 作為代碼類型。

輸入代碼後,可以向下滾動到 ‘Insertion’ 部分。在這裡可以保持選擇 ‘Auto Insert’ 選項。這將自動為您插入並執行代碼。

最後,回到螢幕頂部,將開關從 ‘Inactive’ 切換為 ‘Active’ 並點擊 ‘Save Snippet’ 按鈕。

現在,可以通過編輯或添加新頁面來測試代碼。當您在 WordPress 編輯器中時,點擊 ‘+’ 按鈕,並添加一個 Image block。您現在可以在您的 WordPress 部落格上上傳任何圖片,它將自動轉換為灰階圖片。

我們希望這篇文章幫助您了解如何在 WordPress 中將圖片轉換為灰階。您還可以查看我們的指南,瞭解如何選擇最佳的部落格平台,以及我們的專家推薦的最佳網頁設計軟件。

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

Read More
WordPress 教学

如何在WordPress中创建安全的联系表单

什么是WordPress表单安全所需的?

要完全保护您的WordPress联系表单,您需要两个东西。

一个安全的WordPress联系表单插件;

一个安全的WordPress主机环境。

让我们从表单插件开始。

1. 选择一个安全的联系表单插件

一个安全的联系表单插件允许您在您的网站上安全地保存表单条目。它还允许您使用安全的电子邮件方法来发送表单通知。我们推荐使用WPForms,这是市场上最好的WordPress联系表单插件,被超过600万个网站信任和使用。WPForms具有许多强大的功能,可以保护WordPress表单并保护您的网站免受垃圾邮件、黑客和数据盗窃的侵害。也有一个免费版本,叫做WPForms Lite,它同样安全但功能有限。

2. 选择一个安全的主机平台

选择合适的WordPress主机对您的网站和联系表单的安全至关重要。我们推荐使用Bluehost。他们是世界上最大的主机公司之一,也是官方推荐的WordPress主机提供商。更重要的是,他们为WPressize Me用户提供了慷慨的折扣以及免费的域名和SSL证书(您需要它们来提高WordPress表单的安全性)。您也可以使用其他受欢迎的WordPress主机公司,如SiteGround、WP Engine、HostGator等,因为他们都提供免费的SSL。

什么是SSL?以及为什么需要它来确保WordPress表单的安全?

SSL是指安全套接层,它将您的WordPress网站从HTTP切换到HTTPS(安全HTTP)。您会在网站旁边看到一个挂锁图标,表示该网站正在使用SSL协议来传输数据。SSL通过加密用户浏览器与网站之间的数据传输来保护您的信息。这增加了WordPress表单的加密支持,使黑客更难窃取数据。有关更多详细信息,请参阅我们的文章如何为您的网站获取免费的SSL证书。

在WordPress中创建一个安全的联系表单

如果您已经检查了上述要求,创建一个安全的WordPress联系表单非常容易。请参阅我们的教程,了解如何快速在WordPress中添加一个简单的联系表单。如果您已经完成了这一步,那么是时候为您的WordPress联系表单添加更多的安全层了。这有助于您保护表单数据的安全,还可以帮助您减少垃圾邮件并提高网站性能。

如何保护WordPress联系表单电子邮件通知

正如我们之前提到的,不安全的电子邮件可能会被窃听并且不安全。您可以通过两种方式处理表单通知邮件。

1. 不通过电子邮件发送表单数据;

例如,当有人提交您的联系表单时,您只会收到一封邮件通知,告知有人提交了表单,而不包含表单数据本身。WPForms带有一个内置的条目管理系统,将您的表单数据存储在您的WordPress数据库中。您可以简单地从WordPress仪表板转到WPForms » Entries页面查看所有表单提交。

2. 发送安全的WordPress表单通知邮件;

对于某些用户而言,通过邮件发送表单通知是他们业务所必需的。例如,如果您有一个在线订单表单、捐款表单、注册表单或支付表单,那么您可能需要向用户发送邮件通知。要做到这一点,您需要设置一个合适的SMTP服务,以安全地发送邮件。SMTP代表安全邮件传输协议,这是在互联网上安全发送邮件的行业标准。我们推荐使用G Suite,它允许您创建一个专业的商业邮件地址。由谷歌提供支持,它允许您使用熟悉的Gmail界面收发邮件。

保护WordPress表单免受垃圾邮件和DDoS攻击

您的网站表单是公开可访问的,这意味着任何人都可以访问并填写它们。在下一步中,我们将介绍如何限制特定用户访问表单,但在这一步中我们将解决公共表单的问题。当您的表单可以被互联网上的任何人访问时,它可能成为垃圾邮件发送者和黑客的目标。而垃圾邮件发送者可能试图利用您的表单进行欺诈活动,黑客可能试图利用它来获得对您网站的访问权限,甚至可能使其瘫痪。幸运的是,WPForms带有几种防垃圾邮件功能。它还自动在所有表单上启用了蜜罐反垃圾邮件技术。

1. 在您的表单中启用Google reCAPTCHA

WPForms支持Google reCAPTCHA。要启用此功能,只需从管理员侧栏转到WPForms » Settings页面,并切换到CAPTCHA标签。在这里,您需要选择reCAPTCHA选项。

2. 为您的WordPress表单启用自定义验证码

如果不想使用Google reCAPTCHA,您可以使用WPForms自定义验证码插件,通过数学题或问题实现验证码。注意:您需要插件的专业版才能访问自定义验证码插件。只需前往WPForms » Addons页面安装并激活自定义验证码插件即可以其改变验证码类型为文本。

限制特定用户访问WordPress表单

保护WordPress表单的另一种方式是限制访问登录会员或通过唯一的表单密码。WPForms带有一个表单锁插件,可让您启用各种表单权限和访问控制规则。

保持WordPress网站安全

WordPress表单的安全取决于整个WordPress网站的安全。通过简单步骤,您可以增强WordPress网站的安全性。我们推荐使用Sucuri,作为市场上最好的WordPress安全插件。它带有一个网站防火墙,可以在可疑活动到达您的网站之前阻止它们。

希望这篇文章帮助您在WordPress中创建一个安全的联系表单。您也可能想查看我们的逐步指南了解如何创建电子邮件通讯,以及我们专家精选的必备WordPress插件来发展您的网站。

Read More
WordPress 教学

如何在 WooCommerce 中提供貨運追蹤(逐步教程)

為什麼你應該在 WooCommerce 中添加貨運追蹤?

通過在 WooCommerce 中添加貨運追蹤功能,你可以提升客戶對你的品牌的信任度。當客戶無法得知他們的包裹在哪裡時,這會讓他們擔心並對你的業務產生懷疑。在結帳之後為買家提供訂單追蹤,可以讓他們放心包裹正在運送途中。同時,作為店主,在 WooCommerce 中擁有貨運追蹤詳情可以幫助你隨時追蹤包裹的所在地。如果出現問題或延誤,你可以輕鬆聯繫運輸公司並告知客戶情況,這能讓你提供更好的客戶服務。總體而言,WooCommerce 貨運追蹤是一種簡單的方式來讓所有人保持同步並讓你的客戶滿意。

讓我們來看看如何在你的 WooCommerce 網站中添加追踪信息。以下是我們教程的步驟摘要:

步驟 1:安裝 WooCommerce 高級貨運追蹤插件。步驟 2:配置插件設置。步驟 3:在你的訂單中添加貨運追蹤信息。步驟 4:測試你的訂單追蹤電子郵件通知。額外提示:優化你的 WooCommerce 頁面以改善用戶體驗。

步驟 1:安裝 WooCommerce 高級貨運追蹤插件

在本教程中,我們將使用 WooCommerce 的 Advanced Shipment Tracking 插件。它是市場上評價最高的 WooCommerce 運輸插件之一,可以輕鬆地將追踪號碼添加到你的客戶帳戶頁面和訂單電子郵件中。此外,這款免費的插件內置了超過 300 種運輸服務的集成,例如 FedEx、DHL 和 USPS,還有國際選項,如 DPD、Canada Post 和 Australia Post。我們將在教程中使用該插件的免費版本。如果你需要更多高級功能,可以使用 Advanced Shipment Tracking Pro 計劃。Pro 計劃包含來自 Printful、ShipStation 和 AfterShip 等平台的第三方插件,並且兼容 TrackShip,一個可以自動化客戶訂單狀態追踪的後期運輸平台。你可以開始安裝和激活 WooCommerce 高級貨運追蹤插件。如需逐步指南,請閱讀我們如何安裝 WordPress 插件的教程。

步驟 2:配置插件設置

現在,我們來配置 WooCommerce 貨運追蹤插件的設置。此時,你將看到 WooCommerce 菜單中添加了“貨運追蹤”選項。點擊它以打開插件頁面。在此頁面,你會想配置幾個區域。

設置

此標籤包含多個設置,用於自定義 WooCommerce 訂單追蹤功能。一個是“常規設置”。在“添加追踪訂單操作”部分,你可以選擇在 WooCommerce 訂單頁面上顯示的訂單狀態類型。使用“訂單電子郵件顯示”,你可以選擇哪些訂單狀態電子郵件中將包含一個追踪 URL 發送給客戶。追蹤信息也將在客戶的查看訂單或我的帳戶頁面上可用。對於 Pro 用戶,你還可以創建自定義訂單狀態。下面是“訂單狀態和通知”。在這裡,你可以更改訂單完成後的狀態是顯示為“完成”還是“已發貨”。要編輯 WooCommerce 電子郵件通知的外觀,可以點擊“重命名‘完成’訂單狀態標籤為‘已發貨’”旁邊的齒輪圖標。你將進入’電子郵件自定義器’,該界面看起來像 WordPress 主題自定義器。在這裡,你可以修改 WooCommerce 訂單和運輸郵件模板的設計和內容。接下來是“貨運追蹤 API”。此功能可讓你從第三方服務更新追踪號碼並從外部系統完成訂單。此設置允許你在從其他平台更新追踪信息時調整運輸日期格式。除非你使用專門的第三方平臺來管理運輸,否則無需更改此設置,可以保持原樣。該設置下,你會發現“使用追踪”菜單。在這部分,你可以選擇接收安全和功能更新的電子郵件通知,並與插件開發者共享一些基本的 WordPress 環境信息。在底部,你還會看到,如果升級到 Advanced Shipment Tracking 的 Pro 版本,你可以啟用 PayPal 訂單追踪。這個功能將自動將 WooCommerce 的訂單追踪碼和狀態發送到 PayPal,當訂單被標記為‘已發貨’或‘完成’。一旦編輯每個貨運追踪設置完成,只需點擊‘保存並關閉’按鈕。

運輸承運人

在“運輸承運人”標籤中,你可以找到超過 300 家已與 Advanced Shipment Tracking 插件集成的運輸提供商。要將運輸服務添加到 WooCommerce,僅需點擊“添加運輸承運人”。左側會彈出一個窗口。繼續在搜索欄中輸入你的運輸承運人的名稱,然後點擊“添加”將其插入到你的列表中。此階段,還可添加一個運費計算器到你的 WordPress 網站上。此功能能幫助訪客輕鬆計算其訂單的運費。此外,如果你提供免費運輸服務,可考慮在你的 WooCommerce 網站上添加免費送貨欄。這樣潛在客戶知道有特別的獎勵正在進行。

步驟 3:在你的訂單中添加貨運追蹤信息

在配置所有插件設置後,讓我們開始在 WooCommerce 中添加貨運追蹤詳情。有兩個方法可以做到這點,我們會涵蓋這兩種方法。

將貨運追蹤信息添加到個別訂單中

如果你的庫存量較小,可以將貨運追蹤信息插入到個別訂單中。要執行此操作,只需前往 WooCommerce » 訂單。你現在會看到訂單列表中有“狀態”和“貨運追踪”欄位。然後,選擇一個訂單來添加追踪號碼。在此示例中,我們使用訂單 #101。或者,你可以點擊頂部的“添加訂單”按鈕以手動插入客戶訂單。之後,你會看到訂單頁面的右側有一個“貨運追踪”部分。繼續點擊“添加追踪信息”按鈕。此時訂單頁面的右側會顯示一個窗口。你可以在追踪號碼、運輸提供商和已發貨日期字段中插入適當的信息。如果訂單已發貨,只需勾選“已完成”或“已發貨”框。否則,可以保持不變。就是這樣!現在只需點擊“完成訂單”按鈕。如果你勾選了“已完成”或“已發貨”框,點擊“完成訂單”按鈕會自動發送包含追蹤鏈接的訂單郵件通知給客戶。在某些情況下,你可能不想勾選“已完成”或“已發貨”框,因為包裹尚未發出。這種情況下,如果你想通知客戶訂單已發貨,只需返回相同訂單。然後,在“訂單#詳情”部分,點擊“狀態”下拉菜單並將其更改為“已完成”或“已發貨”。之後,在“訂單操作”部分點擊“更新”按鈕。

批量導入你的訂單貨運追蹤數據

如果你有大量庫存,則應該創建一個包含訂單及其追蹤信息的電子表格 CSV 文件。然後可以將此文件批量導入 Advanced Shipment Tracking 插件。這樣你無需手動為每個已運送的商品輸入訂單追踪詳情。在我們繼續使用此方法之前,請確保你擁有的 CSV 文件包含以下貨運追踪信息:

  • 訂單 ID
  • 運輸服務
  • 跟踪號碼
  • 訂單發貨日期
  • 已發貨狀態,其中 1 表示訂單已發貨,0 表示尚未發貨

以下是一個插件為用戶提供的 CSV 文件範例:要將 CSV 文件導入插件,導航到 WooCommerce » 貨運追踪。然後,只需切換到“CSV 導入”標籤。在這裡,你可以點擊“選擇文件”按鈕並選擇你的電子表格。然後,只需選擇一個日期格式。如果你想替換所有訂單的現有追踪詳情,請勾選“替換追踪信息?”框。否則,你可以保持該設置不變。該插件將在訂單追踪頁面上添加新追踪信息,與已存在的數據相並列。完成後,你可以點擊“繼續”按鈕以開始導入文件。導入完成後,你將收到如下通知。如果某些導入失敗,你可以使用前面的方法逐一添加訂單追蹤信息。

步驟 4:測試你的訂單追蹤電子郵件通知

為確保貨運追蹤順利進行,最好預覽和測試你的 WooCommerce 電子郵件,以查看插件是否正常工作。如果你想這樣做,可以像普通客戶那樣進行網上商店訂購。你應該使用自己的電子郵件地址,以便查看電子郵件通知的樣子。

專家提示:直接從 WordPress 發送的電子郵件有時會丟失或進客戶的垃圾郵件文件夾。為防止這種情況發生,你可以參考我們如何解決 WordPress 不發送郵件問題的指南以及如何解決 WooCommerce 不發送訂單郵件的指南。

然後返回你的 WordPress 管理面板,找到你的假訂單,並按照步驟 3 的說明添加虛假追踪信息。你可以使用隨機號碼,如‘123456789’。如果你將訂單狀態設為“已完成”或“已發貨”,並收到包含訂單追踪鏈接的電子郵件,這說明追踪正常。以下是電子郵件的樣子。如果點擊“追踪你的訂單”按鈕,它會引導你前往運輸提供商的網站。

你想從 WooCommerce 發送其他類型的通知嗎?查看我們如何設置遺棄購物車電子郵件的指南以及如何從 WooCommerce 發送 Twilio SMS 通知的指南。

額外提示:優化你的 WooCommerce 頁面以改善用戶體驗

為客戶提供訂單追踪鏈接只是優化 WooCommerce 客戶旅程的一種方式。然而,不要忘記同時改進你網店的其他部分,如你的電子商務前台設計。一個用戶友好、視覺吸引的網站可以讓客戶更容易導航你的店鋪並購買商品。不僅可以提高客戶滿意度,還能鼓勵重複購買。儘管 WooCommerce 來自帶有默認的商店頁面,但不一定都適合你的業務需求。在這裡,SeedProd 就派上用場了。它是最好的 WordPress 頁面生成插件,使設計你的 WooCommerce 網店變得容易。

有了 SeedProd,你不需要任何技術經驗就能讓你的 WooCommerce 站點易於導航。你可以用其方便的拖放工具和頁面模板輕鬆定制你的結帳、產品頁面、登陸頁面等。如果你需要詳細的指南,前往我們關於如何在不編碼情況下編輯 WooCommerce 頁面的教程。我們希望這篇文章有助於你在 WooCommerce 網站上設置貨運追蹤。你可能還想看看我們的 WooCommerce 最佳插件列表以及我們關於如何創建 WooCommerce 彈出窗口以提升銷售的指南。如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。你也可以在推特和 Facebook 上找到我們。

Read More