分类: 学习

  • 什么是名称服务器及其重要性

    什么是名称服务器及其重要性

    如果您试图将您的域名指向您的虚拟主机,您可能会遇到术语名称服务器。那么,什么是域名服务器?

    名称服务器有助于将URL与Web服务器的IP地址连接起来。域名服务器是域名系统 (DNS)的重要组成部分,被许多人称为“互联网电话簿”。

    在本文中,我们将深入探讨什么是域名服务器、它们如何工作以及如何使用它们来管理您网站的域名和网站的其他部分:

    1. 什么是名称服务器?更详细地解释
    2. 如何在现实世界中使用名称服务器

    什么是名称服务器?更详细地解释

    当用户在浏览器中输入URL时,例如“www.wbolt.com”,需要有某种方法将该URL与为该域名的网站提供支持的底层Web服务器连接。

    想一想,如果每次访问网站时都必须输入Web服务器的实际IP地址,那将是多么困难。您将无法记住它是159.89.229.118还是159.89.229.119 – 这将是一团糟!

    名称服务器在以更加人性化的方式将URL与服务器IP地址连接起来方面发挥着重要作用。

    名称服务器看起来像任何其他域名。当您查看网站的名称服务器时,您通常会看到至少两个名称服务器(尽管您可以使用更多)。以下是它们的外观示例:

    • ns-380.awsdns-47.com
    • Ns-1076.awsdns-06.org

    这些名称服务器只是帮助引导流量,而不是提供网站。

    为了说明名称服务器在引导Internet流量方面所起的作用,让我们看一个真实的例子。

    假设您想访问闪电博主页。从表面上看,这个动作很简单:你在浏览器的地址栏中输入“www.wbolt.com”,然后你就会看到闪电博主页。容易,对吧?

    但在幕后,高级流程实际上是这样的:

    • 您在地址栏中输入“www.wbolt.com”并按回车键
    • 您的浏览器向该域的名称服务器发送请求
    • 域名服务器会返回网站服务器的IP地址
    • 您的浏览器从该IP地址请求网站内容
    • 您的浏览器检索内容并将其呈现在您的浏览器中

    域名服务器与DNS记录

    在上面的示例中,为简单起见,我们省略了一点:

    DNS记录

    DNS记录包含其他浏览器或服务需要与之交互的实际信息,例如您的服务器的IP地址。

    另一方面,名称服务器帮助存储和组织这些单独的DNS记录。

    之前,我们将DNS称为Internet的电话簿。但更具体的类比是:

    • 名称服务器本身就是物理电话簿。
    • DNS记录是电话簿中的各个条目。

    如果您想找到某人的电话号码(在电话簿存在的时候!),您首先要获取电话簿本身。然后,您将打开电话簿并浏览条目以查找您需要的特定信息。

    有了这些知识,让我们看一下访问网站时发生的更完整的序列:

    • 您在地址栏中输入“www.wbolt.com”并按回车键
    • 您的浏览器使用DNS检索域的名称服务器
    • 您的浏览器请求包含Web服务器IP地址的A记录(特定的DNS记录)
    • 名称服务器提供来自A记录的IP地址
    • 您的浏览器从该IP地址请求网站内容
    • 您的浏览器检索内容并将其呈现在您的浏览器中

    如何在现实世界中使用名称服务器

    在现实世界中,您将主要使用名称服务器和DNS记录将您的域名指向您的主机。

    您还可以通过其他方式使用您的域名服务器提供的DNS记录,例如使用MX记录设置您的电子邮件帐户使用Google Search Console验证您的域名

    您的域的名称服务器在哪里?

    这个问题的答案是“视情况而定”。

    当您通过域名注册商注册您的域名时,您的域名通常首先指向您的域名注册商的域名服务器。您的域名注册商也是您可以编辑域名的名称服务器的地方。

    如果您愿意,您可以将您的域名服务器留在您的域名注册商处,只需编辑DNS记录以将您的域名指向您的网络托管。

    但是,许多Web主机建议您将域的名称服务器更改为主机提供的名称服务器。

    DNSPod的名称服务器示例

    DNSPod的名称服务器示例

    要更改您的域名服务器,您需要使用您购买域名的域名注册商处的界面。

    例如,下面是更改通过Google Domains注册的域中的名称服务器的样子。

    您可以看到该域最初配置为使用Google Domains名称服务器:

    Google Domains的默认域名服务器

    Google Domains的默认域名服务器

    但是,如果您选中Use custom name servers框,您可以更改您的域的名称服务器以使用您的主机的名称服务器(或其他提供商):

    如何在Google Domains中使用您自己的域名服务器

    如何在Google Domains中使用您自己的域名服务器

    说到“其他提供商”,您还可以使用第三方名称服务器。这里最流行的例子是Cloudflare。如果您使用Cloudflare服务,您会将您的域名服务器指向Cloudflare,而不是您的网络主机或您的域名注册商。

    您通过您的域名服务器管理您的DNS记录

    要记住的重要一点是:

    如果您将域的名称服务器从域注册商处的默认名称服务器更改为不同,您将在名称服务器提供商处控制您的域的DNS记录。

    例如,如果您使用DNSPod提供的名称服务器,则您需要从您的DNSPod控制面板(而不是您的域注册商)编辑您的个人DNS记录:

    编辑单个DNS记录

    编辑单个DNS记录

    另一方面,如果您使用Cloudflare的域名服务器,您将通过Cloudflare界面管理您的DNS记录。

    下面我们提供了有关如何在热门域注册商处编辑名称服务器和A记录的教程:

    如何检查您的网站正在使用哪些域名服务器

    如果您不确定您当前使用的是哪些域名服务器,您可以通过在众多 Whois 查找工具之一中输入您的域名来进行检查。例如,Whois.com

    如何检查您使用Whois的域名服务器

    如何检查您使用Whois的域名服务器

    或者,您也可以从本地计算机运行一个简单的测试。

    在Windows上,您可以按照以下步骤测试您的名称服务器:

    • 打开PowerShell(可以在开始栏搜索PowerShell来启动程序
    • 在Powershell界面中输入nslookup
    • 键入set q=NS并按Enter
    • 输入您的域名,然后再次按 Enter

    然后您应该看到您的名称服务器:

    如何使用Windows PowerShell检查名称服务器

    如何使用Windows PowerShell检查名称服务器

    在Mac上,您可以打开终端并运行以下命令:

    host -t NS exampledomain.com

    小结

    域名服务器通过帮助将您的域名与您的网络服务器的IP地址连接起来,在引导Internet上的流量方面发挥着重要作用。

    为此,它们可以帮助Web浏览器和其他服务访问您域的DNS记录。

    您可以在购买域名的域名注册商处编辑域名的名称服务器。然后,您将在您正在使用的名称服务器“服务”上管理您的个人DNS记录。

  • 如何设置免费的WordPress推送通知以获得更多流量

    如何设置免费的WordPress推送通知以获得更多流量

    推送通知,也称为网络推送通知,在过去几年中在在线企业和营销人员中广受欢迎。这些提供了另一种吸引受众、增加回访者的方法,并且在大多数情况下,与典型的时事通讯注册相比,它们的点击率和参与度要高得多。今天我们将深入探讨WordPress推送通知到底是什么,它们如何帮助您扩大网站的覆盖范围,以及如何快速将它们添加到您的网站。典型设置只需不到10分钟!

    推送通知技术正在从简单的消息传递系统迅速发展为丰富的交互式媒体。– OneSignal

    下面是一个网站使用推送通知后,平均每月持续吸引2,500多名访问者访问(如下所示)。这只是来自这个单一的推荐来源。更好的是,其中一小部分还定期转化为付费客户。

    推送通知流量

    推送通知流量

    推送通知

    那么首先,推送通知到底是什么?WordPress推送通知允许您在网站上发布新内容时自动通知您的受众。或者您可以随时发送预定义的消息。这可以是手机上的通知,也可以是通过Chrome、Firefox或Safari等浏览器发出的通知。推送通知最初是在2009年为Android和iOS设备引入的,此后一直传播到其他平台。如果我们查看2014年至今的Google趋势,我们可以看到围绕“网络推送通知”的兴趣一直在稳步增长。

    网络推送通知趋势

    网络推送通知趋势

    下面是一个推送通知注册请求的示例,您可能以前见过。通过单击“允许”,网站可以通过您的浏览器向您发送通知。网站所有者的美妙之处在于,访问者不必在您的网站上就可以收到您的通知,他们只需运行Web浏览器即可。

    推送通知示例

    推送通知示例

    caniuse称,全球对网络推送通知的支持率约为45%。Safari是第一个提供Web推送的,其次是Chrome,然后是2016年的Firefox。Microsoft Edge和Opera也支持推送。谷歌Chrome目前占据了大约77%的浏览器市场份额,这意味着仅在Chrome中启用推送通知就可以覆盖大量受众。推送通知也可以在适用于Android移动设备的Chrome上开箱即用。下面是来自Android设备的屏幕截图和推送通知请求。但是,它们目前在iOS上不受支持,尽管他们希望很快就会支持。

    安卓推送通知

    安卓推送通知

    WordPress推送通知的好处

    推送通知的主要好处是它们为您的WordPress网站提供了另一种沟通渠道。现在很多人浏览电子邮件,或者根本不阅读它们。推送通知可以帮助将您的消息放在客户和访问者面前,从而将他们带回您的网站。如果您对推送通知的效果有疑问,请查看以下案例研究:

    • YouNow通过网络推送通知将留存率提高了19%。–来源
    • United eXtra Electronics通过网络推送通知将其电子商务销售额增长了100%。–来源
    • A+E Networks通过推送通知将用户参与度提高了200%。–来源

    而这些只是一对。还有许多其他案例研究来自在推送通知方面取得巨大成功的公司。无论您是经营WooCommerce商店还是信息博客,推送通知绝对是您应该尝试的营销策略的一部分。

    推送通知适用于所有人吗?当然不。有些人可能会觉得他们对用户体验的伤害太大了。但无论如何,请记住不要过度使用它们,因为这可能会让人讨厌。

    如何设置WordPress推送通知

    在设置WordPress推送通知时,您现在有很多不错的选择可供选择。以下是一些流行且积极更新的。注意:这些包​​括免费和高级解决方案。他们中的许多人都有不超过一定数量订阅者的免费计划。

    由于上述所有解决方案都有不同的浏览器和移动支持,我们建议查看您的Google Analytics(分析)数据,以了解您的WordPress网站的流量类型。如果您点击“受众 > 技术 > 浏览器和操作系统”,您可以查看您网站上的访问者最常使用哪些浏览器。在下面的示例中,您可以看到启用Chrome网络推送通知对我们的好处最大,因为超过70%的桌面流量来自Google Chrome。

    分析 - 浏览器和操作系统

    分析 – 浏览器和操作系统

    在本教程中,我们将使用OneSignal的插件,这是一个完全免费的WordPress推送通知解决方案。在撰写本文时,它目前拥有50,000多个活跃安装和4.7星(满分5星)。

    WordPress插件-OneSignal

    WordPress插件-OneSignal

    根据他们的网站,它们被超过100,000名开发人员使用,其中包括Adob​​e、Uber和Tom’s Hardware等大牌。它们的一些功能包括:

    • 100%免费使用
    • 无限的WordPress推送通知
    • 无限设备
    • 交付自动化
    • 本土化
    • 完整的API
    • 无限段
    • A/B测试
    • 交货计划
    • 能够导入和导出数据

    听起来不错是真的吗?嗯,要记住一件事。他们根本不隐藏这个事实,并且在他们的网站上对此非常开放。他们赚钱的方式是使用他们汇总的数据来改善网络和移动体验。因此,如果这对您来说是个问题,您可以随时升级到他们无法访问您的数据的企业版本。最多500,000名用户的起价为每月40美元。

    OneSignal的一个优势是它们允许您设置任意数量的WordPress站点(应用程序)。因此,您可以登录OneSignal的仪表板并拥有10多个不同的WordPress站点,所有站点都有各自的推送通知应用程序和数据。如果您管理多个WordPress站点,并希望在所有站点上实施推送通知,OneSignal可能是轻松管理它们的好方法。加上它的免费!

    使用OneSignal,Web推送通知的工作方式与原生移动推送完全相同。因此,您不必为了在移动设备上获得本机推送通知的好处而创建移动应用程序。以下是当前支持的浏览器。

    OneSignal浏览器支持

    OneSignal浏览器支持

    按照以下步骤,只需几分钟即可开始使用OneSignal。虽然OneSignal具有HTTP和HTTPS站点的配置,但我们强烈建议在您的域上使用HTTPS,因为Web推送权限和订阅由域/协议分隔。以后无法传输您的推送通知。

    第 1 步

    下载并安装免费的OneSignal插件。您可以从WordPress插件库下载它,也可以在WordPress仪表盘中的“安装插件”插件下搜索它。

    安装OneSignal网络推送通知

    安装OneSignal网络推送通知

    第 2 步

    接下来,前往OneSignal并创建一个免费帐户。

    第 3 步

    单击“Add a new app”并为您的应用命名。在我们的示例中,我们只是使用WordPress站点的名称。然后点击“Create”。

    在OneSignal中添加新应用

    在OneSignal中添加新应用

    第 4 步

    选择“Website Push”,然后单击“Next”。

    网站推送

    网站推送

    第 5 步

    我们首先要设置Google Chrome和Firefox。我们稍后会做Safari。然后点击“Next”。

    谷歌浏览器和火狐浏览器

    谷歌浏览器和火狐浏览器

    第 6 步

    输入您的WordPress网站URL。确保您使用正确的协议、HTTP或HTTPS,具体取决于您在站点上运行的内容。在我们的示例中,我们的站点使用HTTPS。然后输入通知图标URL的位置。根据OneSignal的说法,图标尺寸应为192 x 192或更大,以便在高像素密度设备上很好地显示。您可以将一个上传到您的WordPress媒体库并复制URL。如果您不选择一个,将使用默认的OneSignal通知图标。然后点击“Save”。

    推送通知URL

    推送通知URL

    注意:如果您的站点通过HTTP运行,它们允许您在onesignal.com上创建一个子域,从而允许应用程序通过HTTPS运行。例如,https://yoursite.onesignal.com。

    第 7 步

    在下一个屏幕上,您需要选择目标SDK,在本例中,我们选择“WordPress”并单击“Next”。

    OneSignal WordPress SDK

    OneSignal WordPress SDK

    第 8 步

    在下一个屏幕上,您需要复制您的Rest API密钥和App ID,因为您需要将此信息输入到WordPress插件的设置中。保持此窗口打开,因为您稍后会回到这里。

    OneSignal API密钥和App ID

    OneSignal API密钥和App ID

    第 9 步

    回到您的WordPress站点,单击OneSignal Push设置的“Configuration”选项卡。输入您的App ID和REST API密钥。您现在可以将其他所有设置保留为默认设置。向下滚动到底部,然后单击“Save”。

    OneSignal应用程序ID

    OneSignal应用程序ID

    第 10 步

    然后,您将需要浏览您的网站并订阅通知以测试一切是否正常。单击右下角的“红色”符号,然后单击“Allow”。您可以稍后在显示设置中更改这些选项。(注意:如果您正在运行广告拦截器,您可能需要禁用它)

    订阅推送通知

    订阅推送通知

    您将看到一个确认,您也可以稍后更改其措辞。

    订阅通知

    订阅通知

    第 11 步

    然后返回OneSignal网站,单击“Check Subscribed Users”按钮,然后单击“Done”。

    检查订阅用户

    检查订阅用户

    第 12 步

    现在是时候设置Safari推送通知了。单击“App Settings”,然后单击 Apple Safari (macOS) 旁边的“Configure”。

    Apple Safari推送通知设置

    Apple Safari推送通知设置

    第 13 步

    输入您的站点名称(这显示在通知中)和您的站点URL。然后,您可以上传通知图标(包括16 × 16、32 x 32、64 x 64、128 x 128和256 x 256)。这些直接上传到OneSignal,而不是您的WordPress媒体库。如果您不上传它们,将使用默认的OneSignal通知图标。然后点击“Save”。

    配置Safari推送

    配置Safari推送

    第 14 步

    然后它将显示您想要复制到剪贴板的Web ID。

    Apple Safari网络ID

    Apple Safari网络ID

    然后将其粘贴到OneSignal配置设置的Safari Web ID字段中。向下滚动并单击“Save”。

    OneSignal Safari网络ID

    OneSignal Safari网络ID

    就是这样!您现在已经启动并运行了WordPress推送通知。

    OneSignal附加说明和选项

    您可以在插件中配置数十种设置,我们将在下面介绍其中的一些。如果您对OneSignal的性能感到好奇,该插件相当轻巧,并且使用了一个小于100 KB的脚本。这是由他们的CDN合作伙伴Cloudflare提供的。在我们的测试中,OneSignal根本没有减慢我们的网站速度。

    OneSignal加载时间

    OneSignal加载时间

    不过有一点需要注意,那就是他们的插件不能很好地与3rd方CDN提供商插件配合使用。在我们的示例中,我们使用了免费的CDN插件CDN Enabler,它要求我们在设置中添加以下排除项,以便OneSignal正常工作。如果您使用其他插件或CDN提供商,您可以查看他们 关于CDN故障排除的其他文档

    .php,.xml, onesignal-free-web-push-notifications
    .php,.xml, onesignal-free-web-push-notifications
    .php,.xml, onesignal-free-web-push-notifications

    OneSignal CDN支持

    OneSignal CDN支持

    此外,如果您在您的网站上使用免费的Cache Enabler插件,您将需要禁用JavaScript最小化。

    自动推送通知

    当您安装OneSignal WordPress插件时,它默认启用“send notification on post publish”选项(如下所示)。如果您发布了不想被推送的文章,您可以轻松取消选中此项。

    发送推送通知

  • 如何在不关站的情况下实现WordPress网站搬家

    如何在不关站的情况下实现WordPress网站搬家

    WordPress网站搬家是您在某些时候可能需要做的事情。也许您希望将WordPress网站搬迁到新主机。也许您已经创建了一个本地站点,或者您正在从多站点安装迁移。

    在本指南中,您将学习如何自己迁移WordPress网站到另外的服务器。

    如果您使用不同的主机,更喜欢手动操作,或者您正在本地和远程站点之间迁移,本指南将帮助您了解如何将WordPress站点搬家到新主机。

    1. 当您可能需要迁移WordPress网站时
    2. 如何使用WordPress Duplicator插件将WordPress站点移至新主机
    3. 使用插件将站点迁移到或从WordPress多站点迁移
    4. WordPress站点手动搬家
    5. WordPress多站点网络手动搬家

    当您可能需要迁移WordPress网站时

    在某些情况下,您可能需要迁移WordPress站点。让我们来看看其中的一些。

    • 将本地开发站点上传到远程托管站点。如果您在本地进行开发工作(这是一个好主意),您需要将站点迁移到远程站点。稍后,当您开发站点时,您可能只需要迁移文件而不是数据库,或者您可能需要双向迁移数据库,以便您可以使用当前数据测试任何更改。
    • 在托管服务提供商之间切换。这是迁移WordPress最常见的场景之一。将WordPress网站移至新主机通常相当简单。一个好的WordPress托管服务提供商将免费为您执行迁移:您只需提供旧站点的登录详细信息。如果您的网站有更复杂的设置,或者您更喜欢自己做,您可以按照本文中的方法进行操作。
    • 将站点迁移出WordPress多站点网络。如果您一直在多站点网络上托管站点并决定需要将其分离出来,那么您只需将该站点迁移出网络,然后将其迁移到全新的WordPress安装。这比从一个独立站点迁移到另一个站点更复杂,但可以做到。
    • 将站点迁移到WordPress多站点网络。有时您可能需要使用现有的单个站点并将其迁移到网络中。同样,这比从一个站点迁移到另一个站点要复杂一些,但是您可以做到。我有时会为那些想要迁移到我的主机的现有网站的客户做这件事;我更喜欢将 Multisite 用于我的所有客户站点。

    迁移WordPress网站的最简单方法是使用插件。

    如何使用WordPress Duplicator插件将WordPress站点移至新主机

    免费的WordPress Duplicator插件是我们推荐的用于将站点迁移WordPress到其他主机的插件。您可以通过插件屏幕将它安装在您的网站上,而且它是免费的。

    让我们看看如何使用复制器插件将WordPress站点移动到新主机。

    这些说明适用于任何类型的标准WordPress安装,允许您将WordPress站点从一台主机移动到另一台主机:远程或本地。如果您想迁移完整的多站点网络,它也可以工作。稍后我将介绍将站点迁移到多站点和从多站点迁移出去。

    复制器插件通过创建两个文件来工作:

    1. 一个zip文件,其中包含旧站点(您要从中迁移的站点)中的文件和数据库。
    2. 一个installer.php文件。

    然后将这些文件上传到新站点并运行installer.php文件。该插件将解压缩zip文件并导入您的数据和文件。

    让我们来看看如何做到这一点。

    使用Duplicator开始迁移之前

    在运行迁移之前,您需要执行几个步骤。

    清理旧网站

    花一些时间清理您的旧网站,即删除您不使用的任何主题或插件。更新到最新版本的WordPress、您的主题和插件。迁移运行您不需要的代码的站点是没有意义的。

    禁用缓存插件

    缓存插件可能会干扰迁移,因此如果您在旧站点上运行任何这些插件,请禁用它们。

    备份您的旧网站

    在将WordPress站点从一台主机移动到另一台主机之前,请先备份,这适用于任何托管环境。使用您的备份插件或托管服务提供商的仪表盘创建旧站点的备份并将其存储在安全的地方 – 而不是在您的托管服务器上。

    创建新站点

    您需要在新位置为您的站点创建一个新的空站点(未安装 WordPress)。

    如果您要迁移到使用宝塔面板管理的主机,您可以在几分钟内在宝塔面板创建网站。

    在宝塔面板中添加站点

    在宝塔面板中添加站点

    然后,您可以将文件导入该站点。记住,不要安装WordPress

    如果您要迁移到本地站点,则需要安装Desktop Server等工具才能运行WordPress。如果您要导入到另一个托管服务提供商,则需要SFTP访问您的/public/目录。您不需要安装WordPress。

    迁移多站点网络

    如果您要将多站点网络迁移到其他托管服务提供商或从其他托管服务提供商迁移,请与他们确认您是否需要他们做任何事情,然后才能进行迁移。

    您还应该查看Duplicator插件的指南,了解您需要为多站点迁移采取的其他步骤。这些仅适用于您要迁移到不同的托管服务提供商或域名的情况。

    从您的旧WordPress网站创建文件和数据档案

    迁移过程的第一步是从旧站点创建文件,以便将它们导入新站点。

    安装并激活WordPress Duplicator插件。转到插件 > 安装插件,然后搜索“WordPress Duplicator”。单击插件的安装按钮,然后单击启用按钮。

    安装WordPress Duplicator插件

    安装WordPress Duplicator插件

    现在是时候创建将用于迁移您的站点的存档文件了。单击管理菜单中的Duplicator以转到插件设置。

    Duplicator设置

    Duplicator设置

    此屏幕显示您创建的所有包——它们是您网站的档案。现在,它将是空的。

    要为您的站点创建档案,请单击“Create New”按钮。

    然后,您将被带到设置屏幕,您可以在其中输入包的详细信息,如下所示:

    • Name : 给包起一个对你有意义的名字。
    • Storage:指定包文件的存储位置。在插件的免费版本中,您可以将其存储在您的网络服务器上,在这种情况下,您需要稍后下载或从插件发送给您的电子邮件中获取。通过插件的专业版,您可以使用第三方存储服务,例如Dropbox和Google Drive。选择您要使用的那个,系统会提示您登录。
    • Archive:指定是仅存档数据库还是同时存档数据库和文件。在迁移站点时,您将需要一切。不选中复选框。
    • Installer:在此部分中,通过添加密码为您的包启用密码保护。您正在创建一个包含站点中所有内容的文件,因此安全性很重要。

    密码保护

    密码保护

    现在单击Next按钮继续。

    该插件将扫描您的系统,并让您知道一切是否正常。

    Package扫描

    Package扫描

    如果有任何问题,请遵循插件给出的建议。当您在开始之前清理您的网站时,您应该不会有任何问题。

    现在单击“Build”按钮来构建存档。等待该过程完成,不要点击离开屏幕。

    完成后,您可以选择下载软件包文件。

    下载你的包

    下载你的包

    单击One-Click Download按钮将这两个文件下载到您的计算机。将它们存储在安全的地方,以便您可以检索它们以迁移到新站点。

    你现在有你的档案。

    将档案导入您的新站点

    下一步是将文件导入新站点并运行导入程序文件。

    使用SFTP将这两个文件上传到新站点的/public/目录。使用您的FTP客户端,将这两个文件上传到该文件夹​​(了解FTP和SFTP之间的区别)。

    新站点中的复制器文件

    新站点中的复制器文件

    完成后,通过在浏览器中访问其URL来运行安装程序。您可以使用新站点的临时URL执行此操作,因为您尚未转移您的域。

    因此,如果您的临时URL是http://temp.yourdomain.com,您将在浏览器中访问http://temp.yourdomain.com/installer.php 。

    这将打开duplicator屏幕。

    duplicator密码提示

    duplicator密码提示

    如果您在设置复制器文件时提供了密码,请输入该密码并单击“Submit”按钮。

    然后,您将完成运行导入的过程。在下一个屏幕上,选中底部的复选框,然后单击Next按钮。

    Duplicator导入流程

    Duplicator导入流程

    然后该插件将提取存档文件,这可能需要一段时间,具体取决于您网站的大小。下一步是安装一个新的数据库,这将需要:

    • 主机名。
    • 密码。
    • 用户名。

    该插件将使用此数据来更新站点设置。

    您可以在服务器提供商的管理后台找到站点的详细信息。

    在duplicator中创建数据库

    在duplicator中创建数据库

    单击按钮以检查数据库是否正常工作,并根据需要进行任何更正。系统满意后,单击“Next 按钮。

    然后,Duplicator插件将运行第3步,在该步骤中,它将使用新站点的临时URL来使数据库正常工作。单击“Next按钮继续执行第4步,您可以从中登录该站点。

    当您访问您的网站时,您现在应该拥有旧网站的完美副本。唯一的区别是域名。

    重定向域名

    一旦你测试了你的新站点并且你很高兴它可以正常工作,你可以将域名重定向到你的新站点。

    如果您要更换托管服务提供商,则需要更新域名的DNS以使其指向您的新站点。

    通过您的域名注册商,更改名称服务器、A或CNAME记录以反映您的新位置。您使用哪一个将取决于您的设置。

    如果您还需要将您的域名用于电子邮件等用途,那么您将不希望更改名称服务器,因为这会将您的所有版本的域名指向您的新托管服务提供商。

    完成此操作后,则需要将附加域添加到您的帐户,以便它指向您的新站点。您的提供者应该能够为您提供执行此操作的指导。

    你还没有完成。

    最后一步是在WordPress管理屏幕中更新域。在您的站点中,转到“设置”>“常规”并找到URL字段。只有在DNS传播并且域指向您的新站点时,您才应该这样做。

    这可能需要长达48小时,但通常要快得多。

    WordPress网址设置

    WordPress网址设置

    有两个字段需要更新:

    • WordPress地址 (URL):这是站点本身的地址,因此是您在站点中使用的主域。
    • 站点地址 (URL):如果您希望用户看到的地址与实际站点地址不同,只需更新此字段即可。如果它们都相同(这是正常的),请更新两个字段。

    单击保存更改按钮以保存 URL。

    现在,您的新站点在您的新位置运行。如果您不再需要旧网站,是时候删除它并在您更换提供商时关闭您的旧托管帐户。

    使用插件将站点迁移到或从WordPress多站点迁移

    如果您要将单个站点迁移到WordPress Multisite或从WordPress Multisite迁移,则可以使用插件来完成,但不能使用WordPress Duplicator插件。这是因为您不希望迁移整个数据库和文件:只迁移来自相关站点的那些。

    要使用插件迁移进出多站点,您需要使用三个插件:

    1. 一是迁移内容。
    2. 一种迁移小部件设置。
    3. 一是迁移用户。

    根据您的设置,您可能不需要使用所有这些。让我们一步一步看事情。

    将文件迁移到或从WordPress多站点迁移

    在迁移任何内容或设置之前,您需要迁移主题和插件文件。您可以通过以下两种方式之一执行此操作:

    • 通过主题插件屏幕在新站点中安装相同的主题和插件,或者如果您从第三方来源购买它们,则将它们上传到新站点。
    • 使用SFTP从旧站点下载主题和插件文件并将它们上传到新站点。

    这两种方法都可以,但是如果您的主题或插件是专门为您的站点开发的,您需要从旧站点下载并上传到新站点。或者,如果您在本地保存文件备份或使用Github等版本控制系统(这是一个好主意),您可以从那里上传它们。

    如果您需要将主题和插件上传并安装到WordPress多站点网络中的站点,则需要为网络安装它们,然后为单个站点激活它们。您可以在我们的WordPress Multisite指南中找到有关执行此操作的更多信息。

    激活新站点的主题并激活任何插件。需要注意的几点:

    • 如果您的新站点位于多站点网络中,您需要通过转到Network > Sites为该站点启用主题,单击您正在使用的站点下方的Edit按钮并选择Themes选项卡。从那里您可以启用主题。然后转到新站点中的外观 > 主题并在那里激活主题。
    • 您不需要为单个站点启用插件。相反,您可以安装它们,然后转到该站点的插件屏幕并在那里激活它们。
    • 如果您要从网络中的站点迁移到独立站点,则可以像安装任何站点一样安装和激活主题和插件。

    现在,您的所有文件都已放在新站点上。花一些时间来配置主题和插件:如果您使用插件进行迁移,则必须手动执行此操作。

    您不必做的一个配置是小工具:您可以为此使用插件,我们很快就会看到。

    将用户导入和导出多站点

    如果您要迁移的站点有除您自己以外的用户,您需要将用户从旧站点导出到新站点。如果您是唯一的用户,则可以跳过此步骤,因为您将在创建新站点时将自己创建为用户。

    由于WordPress不会在Multisite中存储每个站点的用户,因此将用户导入和导出Multisite很复杂。相反,它将它们全部存储在一个用于整个网络的数据库表中,称为wp_users

    如果您从网络中的站点导入,您应该只导出那些在您的站点上注册的用户,而不是那些在网络上其他站点注册的用户。如果您要导入网络中的站点,您只想激活该站点上的这些用户,而不是激活网络上的其他站点。

    如果您的站点包含多个作者,请在导入内容之前执行此操作,以便在将内容导入新站点时将正确的用户分配给内容。所以让我们开始吧!

    您可以使用Import Export WordPress Users插件在站点之间迁移用户。

    首先在您的旧站点和新站点中安装和激活插件。然后在您的旧站点中,转到Users > User Import Export

    用户导入导出设置

    用户导入导出设置

    选择顶部的User/Customer Export选项卡。选择您要导出的用户角色(如果您将此保留为默认设置,它将导出所有角色),然后向下滚动并单击“Export Users”按钮。

    该插件会将CSV文件下载到您的计算机。将其保存在某个地方,您将能够再次找到它以进行导入。

    现在在您的新站点中,转到Users > User Import Export并选择User/Customer Import选项卡。

    用户/客户导入

    用户/客户导入

    上传您刚刚创建的CSV文件,然后单击Upload file and import按钮。该插件将上传文件并将用户导入您的新站点。

    在多站点网络中的站点上工作时,您在站点中进行导入和导出,而不是在网络管理员中。任何导入的用户都将被添加到整个网络的数据库中,但它们只会在一个站点上被激活。

    将内容移入或移出WordPress Multisite

    首先导出您的内容。转到Tools > Export。选择All content并单击Download Export按钮。

    从多站点导出

    从多站点导出

    将下载文件保存在您可以再次找到的地方。它将采用XML格式。

    在将任何内容导入新站点之前,如果您在旧站点中有这些内容,请务必确保您已设置任何自定义文章类型或分类法。如果您还没有这样做,请返回上一步并确保您在新站点上安装并激活了与旧站点上相同的主题和插件。

    现在打开新站点并转到Tools > Import。向下滚动到WordPress部分。如果您已经安装了导入器插件,请单击Run Importer。如果您没有安装它,请按照此处的说明安装并激活它,然后运行它。

    WordPress importer

    WordPress importer

    导入器将提示您上传文件以进行导入。单击Choose File,找到您从旧站点导出的文件,然后单击Upload file and import按钮。

    导入器会提示您将内容分配给新站点中的正确用户,这就是为什么在导入内容之前导入用户很重要的原因。如果您尚未执行此操作,请暂停内容导入并返回上一步。

    在WordPress中导入

    在WordPress中导入

    选择相关用户并选中Download and import file attachments复选框。WordPress会在您的旧站点中找到任何附件,如果可以的话,抓取这些附件并将它们导入新站点。有时由于安全性或访问权限的原因,这不起作用,但如果您从一个远程托管站点迁移到另一个站点,它通常会起作用。

    单击Submit按钮。WordPress将上传文件并创建内容。完成后,您会收到通知。转到您的文章(单击管理菜单中的文章),您将在新站点中看到导入的文章。

    您正在顺利迁移您的网站 – 现在剩下的就是迁移小部件设置。

    将小部件迁移到多站点和从多站点迁移出

    最后一步是迁移小部件。您不必手动配置这些:您可以改用Widget Importer & Exporter插件

    首先在旧站点和新站点上安装并激活插件。

    在您的旧站点中,转到Tools > Widget Importer/Exporter。这将带您进入Widget import/export屏幕。

    import export小工具屏幕

    import export小工具屏幕

    单击Export Widgets按钮。这将使用小部件设置将文件下载到您的计算机。

    现在打开您的新站点。确保您安装并激活了与旧站点上相同的所有主题和插件,因为其中一些可能会提供您需要安装的小部件。

    小部件导入过程不会导入小部件本身。相反,它会导入小部件的设置。激活相同的主题以使小部件区域相同也很重要。

    转到Tools > Widget Importer/Exporter。这一次,单击Choose file按钮并上传您刚刚从旧站点下载的文件。它将具有.WIE扩展名。

    单击Import Widgets按钮。该插件将导入小部件并为您提供一个状态屏幕,告诉您它们已被导入。

    小部件导入结果

    小部件导入结果

    如果缺少任何小部件区域,旧站点中的小部件将被导入,但它们将被添加到小部件管理屏幕中的Inactive Widgets区域。

    如果您尝试导入新站点中不可用的小部件,可能是因为您尚未激活插件,您将收到一条错误消息。安装并激活插件并再次运行导入,插件不会复制您已经导入的那些小部件。

    您现在应该在新站点上拥有与旧站点相同的副本。花一些时间检查新站点的所有设置和配置,并确保它们与旧站点相同(如果您想进行更改,也可以调整它们)。

    然后,如果您的旧站点位于多站点网络上,请让网络管理员存档或删除它。如果您的旧站点是独立站点,请将其删除。

    WordPress站点手动搬家

    如果您对使用SFTP和MySQL感到满意,那么手动迁移站点而不是使用插件可能是一种更快、更可靠的方法。

    在这里,我将专注于将一个独立的WordPress安装迁移到另一个。在下一节中,我将看看这与WordPress多站点网络有何不同。

    创建一个全新的WordPress安装

    首先将您的新站点创建为空的WordPress安装。

    在宝塔面板中,您可以快速添加网站及安装WordPress(推荐新手使用宝塔面板管理服务器)。

    使用宝塔面板创建新WordPress网站

    使用宝塔面板创建新WordPress网站

    选择您要在哪个数据中心托管您的站点,然后填写您的站点名称的详细信息并选择不安装WordPress

    这是因为您将从旧站点迁移WordPress文件。暂时将自定义域名留空,因为您希望在新站点启动并运行时暂时将域名保留在旧站点上。

    单击Add site按钮,将为您创建一个新站点。

    使用SFTP导出文件

    下一步是将文件从旧站点迁移到新站点。这将包括主题文件、插件、上传和插件可能添加到您的wp-content目录的任何其他文件。

    通过SFTP登录您的旧站点并下载所有WordPress文件。如果您的站点位于主机的根域中,则意味着下载所有文件。如果您将WordPress安装在子目录中,请下载该目录的内容。

    要访问您的网站,您需要SFTP详细信息,这可以通过您的服务器提供商的网站获取相关凭证信息。

    您可以在下面看到我网站中的文件,就像在免费的FileZilla FTP客户端中查看的一样。

    FTP客户端中的WordPress文件

    FTP客户端中的WordPress文件

    从旧站点导出数据库

    除了文件之外,您的新WordPress站点还需要旧数据库的副本。为此,您使用MySQL工具,通常是phpMyAdmin。

    在旧站点的托管界面中,转到phpMyAdmin。

    以宝塔面板为例,进入宝塔控制面板,点击左侧的“数据库”,点击页面的“phpMyAdmin”:

  • WordPress多站点(WordPress Multisite)创建及使用基础指南

    WordPress多站点创建及使用基础指南

    如果您使用WordPress已经有一段时间了,那么您可能会运行多个网站。如果您的站点有一些共同点,您可能想知道:有没有比将它们作为单个安装进行管理更有效的方式来运行它们?

    WordPress Multisite(以下简称为WordPress多站点)可能是您正在寻找的。它允许您在WordPress安装上创建一个网络,这意味着您可以在该网络中运行任意数量的站点,所有站点都在一个WordPress实例上。想一想:WordPress.com是运行数百万个站点的WordPress多站点安装的一个很好的例子。

    在本文中,我将指导您了解安装WordPress多站点并充分利用它所需的一切。我将介绍:

    1. 什么是WordPress多站点?
    2. WordPress多站点的好处
    3. WordPress多站点:最常见的用例
    4. 如何设置和激活WordPress多站点
    5. 如何修复WordPress多站点Cookie错误
    6. 如何在WordPress多站点网络中管理站点
    7. 多用户WordPress:在WordPress多站点中与用户合作
    8. 在WordPress多站点中使用插件和主题
    9. 多站点如何存储媒体
    10. 多站点如何存储数据

    WordPress多站点是一个涉及很多方面的大话题。但这并不难掌握,一旦你完成了这篇文章,你就会知道在WordPress中运行多站点网络所需的一切。

    因此,让我们首先确定WordPress多站点是什么。

    什么是WordPress多站点?

    WordPress Multisite是一种将多个站点添加到WordPress安装的方法。您可以将其添加到现有或新创建的WordPress网站中。要激活WordPress Multisite,您需要在WordPress安装中的几个文件中添加几行代码(稍后我会向您展示)。然后在您的网络中创建站点。现有站点保留在那里,其URL不变,而新站点则添加到顶部。

    WordPress安装与WordPress多站点(主要区别):

    • 单个站点的数量。
    • WordPress用户角色——激活多站点会添加网络管理员角色。
    • 访问主题和插件——只有网络管理员可以安装它们。
    • 管理屏幕——多站点添加了一些用于管理网络的屏幕。
    • 媒体的存储方式——多站点为每个站点添加了额外的上传文件夹。
    • 数据存储方式——多站点为每个站点创建额外的数据库表,但为整个网络存储一些数据(例如用户)。

    WordPress多站点用户角色:从管理员用户到网络管理员

    安装WordPress多站点后,您将成为网络管理员,对您在网络上创建的任何站点具有管理员权限。您还可以允许其他人在网络中创建自己的站点,并使他们成为该站点的站点管理员。

    站点管理员的访问级别低于网络管理员。作为网络管理员,您可以安装主题和插件,而站点管理员可以为其站点激活它们,但不能安装新的。这有助于您保持网络安全,因为您不希望站点管理员添加可能危及网络的代码。

    站点管理员可以添加新用户,但这些用户只能访问他们添加到的各个站点,而不是网络上的所有站点。整个网络的用户存储一次,因此您可以让现有用户访问更多站点,而无需添加其他帐户。我将在本文后面向您展示WordPress多站点如何存储用户数据和其他数据。

    WordPress多站点和域名

    标准WordPress安装和多站点网络之间的另一个关键区别是域名。您的网络与您设置的网站具有相同的url。因此,如果您的站点位于mysite.com,则网络也在该地址。

    激活多站点时,您可以指定站点是使用子域 (site1.mysite.com)还是使用子目录 (mysite.com/site1)。您还可以将其他域映射到您的网络,以便各个站点的行为就像它们在自己的域中一样:就站点用户而言,该站点看起来好像在使用自己的独立WordPress安装。

    世界上最大的WordPress多站点网络示例是WordPress.com。它托管着数百万个大小不一的网站,从妈妈博客到大公司,并且通过以您无需担心的一些定制和复杂的方式管理数据来做到这一点。还有其他组织使用WordPress多站点的方式您将能够更密切地识别,我将在这篇文章中向您展示一些示例。

    WordPress.com注册页面

    WordPress.com注册页面

    您可能会认为这一切都增加了额外的复杂性,并且只运行多个WordPress安装会更容易。但是WordPress多站点确实有很多优点,所以让我们更详细地看一下这些优点。

    WordPress多站点的好处

    我得承认:我有偏见。我是WordPress多站点的忠实粉丝,多年来我一直在使用它来创建个人和客户网站。

    但这种偏见是有原因的,那是因为WordPress多站点是一个很棒的工具。如果您正在运行多个WordPress网站,它将节省您的时间并提高您的效率。

    如果您曾经有过以下情况,多站点可能适合您:

    • 在您启动的每个站点上安装相同的插件(例如性能、安全性、搜索引擎优化)。
    • 在多个站点上使用框架主题作为父主题。
    • 为组织的不同分支机构开发了多个站点,这些站点具有共同的元素,例如品牌或结构。
    • 当您宁愿花时间开发或管理它们时,花费的时间比您想要更新多个网站的时间要长。

    让我们更详细地了解这些好处。

    更高效的代码

    在一个网络上运行多个站点意味着更少的代码。无论激活了多少个站点,都只有一组核心WordPress文件,每个主题和插件只有一个副本。

    这意味着与为每个站点运行单独的WordPress安装相比,您的网络占用的服务器空间更少。您添加的网站越多,这加起来就越多。它可以为您节省托管费用和保持代码最新的时间。

    更高效的开发

    如果您正在开发具有自定义主题的网站,您可能会使用一个基本主题作为起点。这可以是框架主题、简单的父主题或入门主题。

    通过在Multisite中工作,您可以安装WordPress主题一次,将其用作在网络中各个站点上激活的主题的父主题,并节省您自己的时间。

    当我开始做客户工作时,我为我的所有网站开发了一个框架主题。我曾经在每个客户的每个新的WordPress安装中都安装它,然后创建一个将为该站点激活的子主题。现在,我的多站点网络中只有该框架主题,每个站点都有自己的子主题。

    如果您的网站具有共同的设计元素,这将特别有用。例如,如果您正在为公司的多个部门创建站点,您可以创建一个包含所有常见设计和布局元素的父主题,然后为每个站点开发一个子主题并为相关站点激活每个子主题。

    这不仅可以节省存储(和更新)您的父主题的多个实例,还意味着您可以在您的业务站点中显示来自网络中其他站点的内容。这使您可以创建的不仅仅是单个站点的集合。

    更高效的管理

    保持您的WordPress多站点网络更新将比为多个WordPress安装执行相同的操作要高效得多。

    您只需更新网络中的所有主题和插件一次,无论它们在多少个站点上处于活动状态。

    当您在多个站点上运行主题或插件时,严格的测试将尤其重要,因为您需要在所有相关站点上进行测试。

    WordPress多站点:最常见的用例

    您可以通过多种不同的方式使用WordPress Multisite。让我们看一些例子。

    个人网站

    如果您运行多个个人站点,则将它们迁移到一个多站点安装将节省时间。这是我做的事情。我将自己的所有站点都保存在一个多站点网络上,原因有以下三个:

    • 它们有共同的代码(父主题和一些插件)。
    • 它节省了托管空间并及时更新它们。
    • 我希望能够在另一个站点上显示来自我网络中一个站点的数据。

    我使用域映射将单个域名映射到每个站点,因此就用户而言,它们是独立的站点。

    托管客户站点

    当我开始构建客户端站点时,我有一个WordPress插件清单,我将在每个插件上安装。我也会为他们每个人使用相同的父主题。

    当我发现WordPress多站点时,我意识到可以通过将所有这些站点迁移到一个网络并在那里保持代码更新来提高效率。这也意味着我只有一个WordPress安装来保证安全和备份。所有这些都节省了时间和麻烦。

    您可以使用域映射将客户的域映射到他们的站点,这将应用于管理屏幕以及公共站点。这样,您的客户就不必担心您使用Multisite来托管他们的网站这一事实(尽管我的当然不反对)。

    商业网站

    如果您为企业的不同部门运行站点,那么使用WordPress多站点会更有效率。

    您只需安装一个WordPress即可更新,您可以跨站点共享数据和用户,并且可以在网络上使用相同的父主题和插件。这将在开发站点和以后管理站点时节省时间。

    BBC America是一个将多站点网络用于越来越多站点的企业示例:每个节目在一个网络中都有自己的站点。

    BBC美国网站

    BBC美国网站

    内联网

    即使您不适合将WordPress多站点用于面向公众的网站,您也可能会发现将Multisite用于公司内部网比拥有一个大型WordPress网站或多个小型网站效果更好。

    将Multisite用于公司Intranet意味着您可以:

    • 为每个部门添加单独的站点,并允许员工访问相应的站点。
    • 只需将每位员工添加为用户一次,并授予他们访问所需站点的权限。
    • 跨站点共享内容,例如在各个站点的主页上显示来自中央站点的更新。

    单独的用户管理将使此选项比任何其他方法更有效。

    社区网络

    社区团体和组织需要在线存在,但会发现它很昂贵。使用多站点网络托管多个组的站点将节省资金并增加这些组相互联网的机会。

    您可以安装插件,让站点用户可以关注彼此的博客并在管理屏幕中相互交流,您也可以在站点之间共享内容。

    只需安装一个WordPress即可购买托管服务,您可以节省很多钱。

    WordPress多站点被慈善机构、非营利组织和教育机构使用:一个例子是不列颠哥伦比亚大学,它使用Multisite为教职员工和学生托管博客网络。

    UBC博客

    UBC博客

    货币化

    运行多站点网络是通过WordPress获利的好方法。WordPress.com是通过在网络中为人们提供网站而赚钱的企业的一个例子,还有其他一些企业,例如托管教育网站和博客的edublogs。

    教育博客

    教育博客

    您可以使用您的基础站点(最初激活Multisite的站点)运行一个页面,该页面允许人们在您的网络上创建自己的站点,您可以免费提供,也可以收费。然后,您可以向博客所有者提供从免费到高级的计划,级别介于两者之间。

    您可以使用网络管理员为博客所有者提供支持,并通过通知和更新与他们交流,并建立用户社区。

    因此,这些是您可以使用Multisite的一些方式。现在让我们看看如何在WordPress网站上激活它。

    如何设置和激活WordPress多站点

    在设置WordPress多站点时,您有两个选择:您可以在全新的站点上激活它,也可以将其添加到现有站点。两者同样有效,但会有一些差异。

    让我们从第一个选项开始:如何在一个全新的站点上激活WordPress多站点。

    为此,您需要访问WordPress安装中的文件。使用SFTP和代码编辑器访问您的文件。您将要编辑的两个文件是.htaccess和wp-config.php,它们都位于WordPress安装的基本文件夹中。在开始之前对这两个进行备份。(备份整个站点也是一个好主意。)

    首先,在您的代码编辑器中打开wp-config.php文件(查看10个最佳免费HTML编辑器)。在该文件中,找到这一行:

    /* That’s all, stop editing! Happy blogging. */
    /* That’s all, stop editing! Happy blogging. */
    /* That's all, stop editing! Happy blogging. */

    在它的正上方,添加这行代码:

    define( ‘WP_ALLOW_MULTISITE’, true );
    define( ‘WP_ALLOW_MULTISITE’, true );
    define( 'WP_ALLOW_MULTISITE', true );

    现在保存您的文件。

    在浏览器中转到您的站点管理员。转到将为您创建的网络设置屏幕(通过工具 > 网络设置)。

    您将看到一个屏幕,询问您希望如何使用子域或子目录设置网络。

    如果您有选项,请选择您要使用的选项(请参阅下面的部分以找出区别)。在相关字段中输入您的网络的标题和管理员电子邮件地址,然后单击安装按钮。

    您将被带到网络设置屏幕。此屏幕将包含一些代码,然后您需要将这些代码复制并粘贴到两个文件中:wp-config.php文件和.htaccess文件。

    网络设置屏幕

    网络设置屏幕

    打开这两个文件并粘贴此屏幕中的代码,确保覆盖它告诉您的任何内容。

    注意:您的代码将与上面屏幕截图中的代码不同,因为您的网站与我的不同。

    保存并关闭这两个文件,然后返回您的站点管理员。单击“网络设置”屏幕中的链接以登录到您的网络。使用您一直使用的相同登录凭据。

    您现在会发现您的管理屏幕发生了一些变化。您将在顶部的工具栏中有一个名为My Sites的新项目,另一个名为Network Admin

    将鼠标悬停在“我的站点” 链接上,您将看到一个新菜单,可将您带到网络管理屏幕。单击仪表板 链接以转到网络仪表板。

    网络仪表板

    网络仪表板

    此仪表板看起来与标准WordPress网站的仪表板非常相似。不会有任何博客文章、快速编辑或任何与内容相关的内容——因为网络没有内容。这就是各个站点中的全部内容。

    左侧的管理菜单也有所不同。您将拥有一个名为“站点”的新项目,它使您可以访问站点创建和管理。其他一些菜单略有不同。花一些时间去探索和了解他们。我们将在本文后面介绍如何使用这些屏幕来管理您的网络。

    在现有WordPress安装上激活WordPress多站点

    要在现有WordPress站点上激活Multisite,请按照上述相同的手动步骤操作。只有一个区别:如果站点超过一个月,您将无法使用子目录

    这是因为您已经添加到站点的内容越多,现有帖子和页面的URL与网络中的新站点的URL发生冲突的风险就越大。

    想象一下,您为一家名为McCollin Paints的企业创建了一个站点,该企业有一个名为McCollin Varnishes的细分市场。您可能已经在mccollin-paints.com/mccollin-varnishes创建了一个页面。然后,您在新网络中为McCollin Varnishes创建一个站点。如果您使用子目录,则该站点可能位于完全相同的URL。当用户访问该URL时,WordPress不知道要显示哪些内容。因此,您的网络将使用子域,它位于mccollin-varnishes.mccollin-paints.com。

    WordPress多站点:子域与子目录

    我已经提到了子域和子目录。如果您在新的WordPress安装上激活Multisite,您可以选择使用哪一个。区别如下:

    • 使用子域意味着每个站点都会有一个类似https://site1.yournetwork.com的URL。如果您想允许其他人在您的网络上创建站点,这是最好的选择。
    • 如果您选择子目录,每个站点都会有一个类似https://yournetwork.com/site1的URL。如果您的网站已经运行了一个多月,您将没有此选项:您必须使用子域。

    当然,您可能打算使用域映射将独立域名映射到网络中的每个站点,就像我在自己的网络上所做的那样。如果是这种情况,那么您使用哪个子域或子目录并不重要,因为它们永远不会被看到。

    如何修复WordPress多站点Cookie错误

    在某些情况下,您在登录WordPress多站点安装时可能会遇到与cookie相关的错误。

    您的浏览器阻止或不支持Cookie。您必须启用cookie才能使用WordPress。

    此常见错误发生在某些多站点配置中,尤其是具有自定义域映射的配置。要修复此错误,请将以下代码添加到您的wp-config.php文件中。

    define(‘ADMIN_COOKIE_PATH’, ‘/’);
    define(‘COOKIEPATH’, );
    define(‘SITECOOKIEPATH’, );
    define(‘COOKIE_DOMAIN’, false);
    define(‘ADMIN_COOKIE_PATH’, ‘/’);
    define(‘COOKIEPATH’, ”);
    define(‘SITECOOKIEPATH’, ”);
    define(‘COOKIE_DOMAIN’, false);
    define('ADMIN_COOKIE_PATH', '/'); 
    define('COOKIEPATH', ''); 
    define('SITECOOKIEPATH', ''); 
    define('COOKIE_DOMAIN', false);

    如何在WordPress多站点网络中管理站点

    现在您已经设置好网络,下一步是开始添加一些站点。有两种方法可以做到这一点:通过管理屏幕或通过主站点的前端。让我们从如何通过管理员开始。

    WordPress多站点:通过WordPress管理后台添加站点

    在网络管理仪表板中,单击左侧菜单中的站点(Sites)链接。假设您添加了一些站点,这将显示您网络中的站点列表。当你第一次开始时,它会是空的。

    要创建新站点,请单击Add New按钮以转到Add New Site屏幕:

    添加新站点

    添加新站点

    填写新站点的详细信息,然后单击Add Site按钮。当您返回站点屏幕时,将显示您的新站点。如果您将鼠标悬停在其名称上,您将获得一些可用链接:

    • 编辑– 编辑网站设置(不是内容)。
    • 仪表板– 访问站点仪表板,您可以从中添加新帖子和页面并配置站点。
    • 停用– 停用网站,让任何人都无法访问它。
    • 存档– 使访问者和站点管理员无法访问该站点,但不要删除它。
    • 垃圾邮件– 标记为垃圾邮件,以便创建该站点的用户无法再创建。
    • 删除– 删除站点及其所有数据。
    • 访问——访问网站的前端。

    在这个阶段最有用的选项是Edit。单击以查看站点编辑屏幕。

    这是我网络上现有站点的示例:

    多站点中的编辑站点屏幕

    多站点中的编辑站点屏幕

    您可以在此处更改站点的主要设置,例如其域名和标题。您还可以访问主题屏幕,您可以在其中指定将为此站点启用哪些主题。

    如果您托管自己的网站或客户网站,您可能只想为每个网站启用一个主题。对于您允许人们创建自己的站点的网络,您需要启用多个主题的网络。您可以从网络管理员的主主题屏幕执行此操作。

    我们将在本文后面仔细研究您如何管理网络中的主题和插件,因为它不同于标准的 WordPress 网站。

    WordPress多站点:从前端创建站点

    如果您允许用户创建他们自己的站点,他们将在主站点的/wp-signup.php屏幕上执行此操作。

    这将显示一个屏幕,允许某人使用现有用户帐户登录并创建站点,或者同时创建站点和用户帐户。

    wp注册屏幕

    wp注册屏幕

    如果您只想通过管理屏幕自己创建网站,您可以禁用注册。转到Network Admin > Network Settings并选择Registration is disabled单选按钮。

    如果您从管理屏幕创建站点,您将拥有该站点的站点管理员权限,并且它将位于“My Sites” 下拉菜单中。如果其他人创建了站点,您将没有站点管理员权限,并且它不会出现在该列表中(尽管您始终可以通过站点屏幕将自己作为站点管理员添加到任何站点)。

    WordPress多站点和域映射

    域映射是我最喜欢的Multisite功能之一。它允许您将域映射到网络中的站点,并使其表现得好像它托管在该域上一样。

    注意:在WordPress 4.5版之前,您需要一个插件来执行此操作。后面的版本则不需要了。

    要将域映射到站点,首先,您需要确保它指向您的网络。

    域指向您的网络后,您需要将域名添加到站点的设置中。在网络管理屏幕中,转到Sites并单击要映射的站点下的Edit在站点编辑屏幕中,添加域名。

    多站点中的编辑站点屏幕

    多站点中的编辑站点屏幕

    单击保存更改按钮,该站点现在将使用新域,而不是网络的子域或子目录。

    在WordPress多站点网络中克隆站点

    在您的网络中创建新站点时,有时可以加快克隆现有站点的速度。要启用此功能,请安装并通过网络激活插件,例如MultiSite Clone DuplicatorNS Cloner – Site Copier

    当您将鼠标悬停在站点设置屏幕中的站点名称上时,这将为您提供CloneDuplicate链接。单击此按钮以复制该站点。

    停用或删除WordPress多站点网络中的站点

    有时您需要使网络上的某个站点停止服务。也许这是您不再使用的个人网站。也许它属于取消托管计划的客户。

    有几个选项可以从您的网络中删除站点,您可以通过转到站点屏幕并单击站点名称下的相关链接来访问所有这些选项:

    • 停用: 此选项停用站点,因此没有人可以访问它,但不会删除文件或数据。站点管理员仍然可以访问。
    • 存档: 此选项使访问者和站点管理员无法访问该站点,但不会将其删除。
    • 垃圾邮件: 此选项将站点标记为垃圾邮件,将其删除并确保创建该站点的用户无法再创建该站点。
    • 删除: 此选项删除站点及其所有数据。

    多用户WordPress:在WordPress多站点中与用户合作

    多用户WordPress设置与标准WordPress安装非常相似,只有一些区别。

    多用户WordPress站点允许由站点管理员和网络管理员创建和管理用户。不同之处在于站点管理员只能删除其站点的用户权限:他们不能将用户从网络中删除。

    将用户添加为网络管理员(AKA超级管理员)

    要将用户添加为网络管理员,请转到网络管理员屏幕中的用户 > 添加新用户 。

    添加新用户屏幕

    添加新用户屏幕

    在这里填写用户名和电子邮件地址。用户将收到一封电子邮件,邀请他们设置密码并登录。

    添加用户后,您可以通过用户屏幕编辑用户,就像在标准WordPress安装中一样。然后有一个称为“超级管理员”的特殊权限,您可以将其授予用户。

    多用户WordPress超级管理员权限

    多用户WordPress超级管理员权限

    将用户添加为站点管理员

    站点管理员还可以将用户添加到他们的站点。他们可以在网络中添加现有用户或全新用户。要从站点管理屏幕执行此操作,请转到 用户 > 添加新的

    将用户添加为站点管理员

    将用户添加为站点管理员

    对于现有用户,只需填写电子邮件地址或用户名以及他们在该站点上的角色。对于网络的新用户,您需要一个用户名(必须是唯一的)和一个电子邮件地址。如果您跳过确认电子邮件,您需要通过他们的用户管理屏幕自己为他们分配一个密码:让 WordPress 为您处理这些密码会更容易。

    设置和管理用户角色(站点管理员与网络管理员)

    站点管理员和网络管理员(AKA超级管理员)都可以添加用户并编辑他们的权限和信息,尽管网络管理员可以做更多的事情。

    作为网络管理员,您通过转到“用户 ”屏幕来与用户一起工作。在这里,您可以查看每个用户有权访问哪些站点并访问他们的编辑屏幕。

    要更改用户对站点的权限或将其删除或添加到站点,您需要转到站点的编辑屏幕。转到站点屏幕,单击该站点的编辑并选择用户选项卡。

    从这里,您可以更改站点上的用户角色、删除用户和添加新用户。

    作为站点管理员,您可以编辑站点上每个用户的用户详细信息或将其删除。转到用户屏幕并单击用户以访问他们的编辑屏幕。从这里您可以编辑他们的详细信息并以与标准 WordPress 安装相同的方式更改他们的角色。

    删除用户(站点管理员与网络管理员)

    网络管理员可以从单个站点或整个网络中删除用户。站点管理员只能从其站点中删除用户。

    作为网络管理员,转到用户屏幕,选中该用户记录旁边的复选框,然后选择用户列表上方的下拉列表批量操作。从这里您可以删除用户和/或将其标记为垃圾邮件。如果您将它们标记为垃圾邮件,他们将无法再次注册您的网络。

    作为站点管理员,您可以通过“用户”屏幕从站点中删除用户。选中用户名旁边的复选框,然后单击批量操作下拉列表中的删除选项。

    用户和安全

    由于人们可以在您的网络上创建帐户然后创建自己的站点,因此您可能对安全性有些担忧。

    好消息是您可以根据所需的访问级别配置网络设置,并且可以通过阻止电子邮件域来增强安全性。

    在网络管理屏幕中,转到设置 > 网络设置。在这里,您可以在注册设置部分找到可用于增强安全性和限制访问的字段。

    注册设置

    注册设置

    • 允许新注册:指定新用户是否可以注册,以及网站是否可以由首次注册的人创建,或者仅由现有的登录用户创建。或者您可以关闭站点注
  • 什么是WordPress管理仪表盘?

    什么是WordPress管理仪表盘?

    WordPress管理仪表盘,通常称为WP Admin或WP管理面板,本质上是整个WordPress网站的控制面板。在这里您可以创建和管理内容、以插件的形式添加功能、以主题的形式更改样式等等。

    如果您使用WordPress,WordPress管理面板将成为您生活的重要组成部分。出于这个原因,了解在哪里可以找到WordPress管理员、它可以让您做什么以及如何使用它来管理您的网站非常重要。

    您如何访问WordPress管理仪表盘?

    默认情况下,您始终可以通过将/wp-admin附加到WordPress安装的URL来找到WordPress管理仪表盘。大多数情况下,这意味着您可以在以下位置找到WordPress管理后台:

    https://yourdomain.com/wp-admin

    您如何登录您的WordPress管理区域?

    如果您尚未登录并尝试通过附加/wp-admin来访问您的管理仪表盘,WordPress将自动将您重定向到WordPress管理员登录页面,而无需您进行任何进一步的操作。但您也可以随时手动直接访问WordPress管理员登录页面URL,方法是访问:

    https://yourdomain.com/wp-login.php

    WordPress管理员登录页面

    WordPress管理员登录页面

    我们建议更改默认登录URL。为什么?因为那里的所有机器人、黑客和脚本都会扫描这个公共URL。将其更改为其他内容可能是一种简单且非常有效的方法,可以大大减少对您网站的错误登录尝试次数。您可以减少自己的目标,更好地保护自己免受暴力攻击,并减少重复访问此 URL 的机器人使用的带宽。这不是解决所有问题的解决方案,它只是一个可以加强安全性的小技巧。您可以通过单击“丢失密码?”来重置您的WordPress密码按钮。

    查看我们关于如何更改WordPress登录URL的教程。

    被锁定在您的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 管理面板的外观和功能。我们将介绍几个最常见的:

    隐藏您不使用的管理面板元素

    如果您不使用某些元素,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管理员Demo对其进行测试

    如果您有兴趣使用WordPress管理仪表盘,OpenSourceCMS.com会提供一个WordPress管理演示,让您可以完全访问。

    要使用它,只需前往此处并使用以下凭据登录:

    • 用户名:opensourcecms
    • 密码:opensourcecms

    这就是我们对WordPress管理仪表盘的介绍。

  • 添加和管理自定义WordPress注册表单的完整指南

    添加和管理自定义WordPress注册表单的完整指南

    WordPress已经默认提供了一个简单的注册表单。但是,使用正确的工具,无论您是在表单中添加徽标还是在更公开的页面上包含该表单,都可以进行大量高级自定义。

    每个网站都需要不同版本的用户注册模块,这就是学习如何添加和管理自定义WordPress注册表单很重要的原因。

    好消息是注册表有多种形式和样式。您可以选择使用用户注册插件构建和管理自定义WordPress注册表单,添加会员资料和品牌元素。

    作为替代方案,您可能希望与第三方注册工具集成,或者坚持基础并稍微自定义WordPress的默认注册模块。

    无论您对自定义WordPress注册表单的需求和愿望如何,都可以使用各种解决方案来激活更简单的注册表单,或具有用户消息传递和使用社交媒体帐户登录功能的高级登录和注册页面。

    继续阅读以了解有关一般用户注册的更多信息,以及向您的网站添加新的、完全可定制的WordPress注册表单的基础知识。

    1. 什么是用户注册?
    2. WordPress注册表单的优点
    3. 在WordPress上提供注册表的最佳方式是什么?
    4. 如何在没有插件的情况下创建WordPress注册表单
    5. 如何使用高级插件创建WordPress注册表单

    什么是用户注册?

    用户注册是网站访问者在您的网站上创建帐户的简单过程。

    此注册或注册涉及电子商务商店等网站上的新客户,或加入论坛的成员,或在博客上注册的读者,仅举几例。

    用户注册过程需要一个人输入某种联系信息来创建帐户。有时它就像创建用户名和密码一样简单。但是,至少有一个电子邮件地址字段以确保密码恢复过程是可能的更为常见。

    标准的WordPress注册页面要求输入用户名和电子邮件。之后,要求输入密码。

    WordPress注册表单示例

    WordPress注册表单示例

    作为替代方案,您可能会发现更广泛的用户注册表单,其中包含要求诸如性别、地址或出生日期等信息的字段。从约会网站或社交网络等地方看到这样的深度表格并不少见。甚至像Netflix这样的网站也提供可选的用户注册问题,以了解您喜欢观看的视频类型。

    如果您没有为这些用户提供任何特别的东西,或者您对管理用户数据库不感兴趣,则不需要用户注册表单。然而,网站访问者是经营在线业务的一个相当有价值的部分,因此通常最好找出拥有用户的理由。

    用户注册还为设置用户角色提供了可能性,其中一些用户与其他用户相比具有不同的能力或访问您的站点。

    WordPress注册表单的用户角色

    WordPress注册表单的用户角色

    通常,用户注册模块倾向于将用户引导至在线空间,以便该用户了解他们在您网站上的地位和活动。例如,像eBay这样的网站会在用户资料中显示过去的出价和购买情况。只有当有人浏览用户注册表以创建该个人资料区域时,这才有可能。

    既然我们已经讨论了用户注册的基础知识及其所提供的功能,请继续阅读以了解为什么您可能会考虑将WordPress用户注册表单添加到您的网站。

    WordPress注册表的优点

    在构建站点时,您可能想知道添加WordPress注册表单的目的。总体而言,注册区域向访问者展示他们可能会从创建帐户中获得某种好处。有时这意味着他们将打开对论坛的访问权限,或者让他们记录所有过去的购买或与其他用户的互动。

    注册表单为创建帐户的用户增加了价值。作为奖励,网站所有者以组织和数据收集的形式获得可观的回报。

    好处很多,但这里是主要的:

    • 改进的用户组织、交互和反馈——注册用户提交大量信息,使您能够以更可控的方式管理这些用户。它还提供了与这些网站访问者联系并获得有价值的反馈以改进您的网站的选项,而不是想知道谁在购买您的产品或阅读您的博客。
    • 电子邮件列表增长——只要您的用户注册表单要求发送电子邮件,您就可以收集对未来有用的数据。注册用户加入您的电子邮件营销计划,让您更轻松地发送包含优惠券、新产品或博客文章的电子邮件。
    • 自定义数据收集 – 注册表单不仅需要提供姓名和电子邮件地址。他们致力于深入了解用户的背景。您可以添加自定义字段,询问从身高和体重到特定偏好(例如他们最喜欢的书)的任何内容。
    • 网站和用户的安全性——用户注册垃圾邮件给网站增加了不必要的混乱程度,其中大部分需要网站所有者和版主删除或过滤。强大的注册表单可提高安全性并防止不需要的成员。
    • 高级用户权限选项 – 注册有机会让您设置用户权限(有时称为用户类型或角色),允许某些用户类型查看某些内容或利用站点功能。其他用户角色可能有权访问网站的一部分,但不能访问所有内容。这对于拥有多个网站贡献者(如作者和编辑)的会员网站和运营来说尤其重要。
    • 更友好的用户体验——用户注册的主要目标之一是为个人用户提供一个统一的区域,以检查他们作为用户的状态。这些配置文件通过显示重要信息(例如过去的购买或与其他用户的消息传递)来改善整体用户体验。
    • 使用个人资料管理建立会员网站– 注册表格可以方便地构建一个成熟的会员网站,看看它是如何成为会员网站提供的主要功能之一。用户喜欢管理他们的个人资料,无论是在社交网络、论坛还是独家在线课程

    在WordPress上提供注册表的最佳方式是什么?

    从技术上讲,有数百种方法可以将注册表单添加到您的WordPress网站。您设计表单的方式使每个流程都完全独特,尤其是在您开始添加独特的自定义字段后。

    但是,添加用户注册表单有四种主要方法,只要具备正确的知识和工具,所有这些方法都是可能的。

    您可以通过以下方法激活注册模块:

    • 打开内置的WordPress用户注册功能。
    • 使用第三方解决方案嵌入WordPress用户注册表单。
    • 使用WordPress插件安装注册模块。
    • 自定义代码注册区域。

    最大的问题是,哪种方法最适合您的情况?

    选择你应该走哪条路很棘手,但你的业务格式和功能集的需求确实在其中发挥了作用:

    • 默认的WordPress注册 – 这是将用户注册合并到您的网站的最快和最简单的方法。它不适合那些需要自定义或冗长表格进行注册的人。内置的WordPress注册对于只需要收集姓名和电子邮件地址的小型网站和博客来说非常突出。请记住,默认的WordPress注册表单限制了设计机会。
    • 嵌入第三方注册模块——一个单独的软件或应用程序与您的WordPress网站集成。如果您找到具有您喜欢的功能但缺少WordPress插件的注册表单生成器,则此过程很有意义。第三方表单有时比插件更复杂,因为您通常必须弄清楚如何在WordPress网站上安装或显示注册模块,例如使用嵌入代码。
    • 使用注册插件——我们喜欢用户注册插件有两个原因。首先,它们消除了对自定义编码和使用第三方工具的需求。其次,实体插件的功能列表很长,任何人都可以轻松设计和实现漂亮的注册表单。因此,插件对于没有编码知识的初学者和渴望更简单解决方案的开发人员都很有意义。
    • 自定义编码注册表单 – 此选项保留给那些需要完全独特的界面来注册用户的组织。还需要有资源来支付开发人员制作该自定义表单的费用。

    如何在没有插件的情况下创建WordPress注册表单

    可以向WordPress添加注册表单,而无需寻找并安装新插件。这种方法的原因各不相同,但总的来说,网站所有者可以选择WordPress的内置注册表单,也可以考虑使用第三方软件或自定义编码的更高级路线。

    我们将介绍如何处理每种方法的步骤。

    激活WordPress中的默认用户注册功能

    安装内容管理系统时, WordPress已经提供了注册表和用户管理区域。注册功能不一定默认打开,因此需要执行一些步骤以确保您的网站访问者能够创建帐户。

    请记住,在为注册和登录模块设计表单时,此版本的注册表单是最低限度的。但是,它对于只需要获取用户并为人们提供使用用户名和密码登录的方式的博客和较小的社区来说是有效的。

    首先,转到您的WordPress仪表盘

    单击设置 > 常规。

    WordPress设置

    WordPress设置

    在“设置”中向下滚动时,找到“成员资格”标题。选中此框以确保访问您网站的任何人都可以注册为新用户。

    之后,修改新用户默认角色字段,以便为每个新用户分配一个具有权限的角色。

    订阅者用户角色对于成员和客户来说是最常见的。贡献者作者可以访问一些内容创建工具,例如博客文章,而编辑可以发布并且管理员可以控制网站的各个方面。

    请务必保存更改。

    用户角色

    用户角色

    此激活会打开一个独特的注册和登录页面,供人们在想要访问您的网站时访问。

    默认情况下,该表单可在以下位置访问:myexamplewebsite.com/wp-login.php。可以更改此URL,但所有WordPress登录和注册页面通常以wp-login.php子目录开头。

    您应该会看到一个表单,要求访问者使用用户名或电子邮件地址以及他们的密码登录。该页面还包括一​​个链接,用于注册该站点、找回忘记的密码以及返回该站点的主页。

    WordPress注册表单的默认URL

    WordPress注册表单的默认URL

    现在您已经激活了用户注册,是时候在网站的前端放置一个注册表单了。

    在WordPress上安装注册表单的最简单方法是添加一个小工具

    转到WordPress仪表盘中的外观 > 小工具。

    WordPress中的小工具选项卡

    WordPress中的小工具选项卡

    可用小工具列表显示了几个可供选择的选项,包括自定义HTML、图像和Meta小工具。这些小部件都是WordPress默认提供的,因此您无需安装其他任何东西。

    寻找Meta小工具。它激活了一个模块,供用户登录、注册和单击其他一些WordPress链接。

    选择元小工具。

    WordPress中的元小工具

    WordPress中的元小工具

    所有主题都各不相同,因此您可能有页脚、侧边栏、页眉或这些小工具区域的某种组合。您可以将Meta小工具放置在其中任何一个中。

    我们当前的测试主题只有几个页脚,所以我们将把Meta小工具放在第一个。这样,网站访问者无论最终访问哪个页面,都能看到登录和注册表单。

    选择您选择的小工具区域,然后单击添加小工具按钮。

    添加小工具

    添加小工具

    Meta小工具现在放置并保存在页脚区域或您决定的任何小部件区域中。

    当您单击Meta小工具时,您会注意到它不包含太多内容或任何可自定义的字段。这一切都为您配置好了。

    但是,Meta小工具允许您根据需要调整标题。如果小部件没有自动保存,请确保保存它。

    编辑元小工具

    编辑元小工具

    转到您网站的前端,查看注册链接的样子:

    前端注册表

    前端注册表

    退出测试帐户后,您会注意到显示注册和登录链接供用户单击并登录到他们以前创建的帐户或创建新帐户。

    注册链接

    注册链接

    与我们之前看到的类似,单击登录或注册链接会将用户带到标准的WordPress注册页面,要求他们输入用户名,输入他们的电子邮件地址并创建密码。

    默认的WordPress注册表单

    默认的WordPress注册表单

    如何更改注册和登录表单

    除了自定义编码之外,还有几个选项可用于自定义默认的WordPress登录和注册页面。

    更改WordPress登录页面的设计有助于品牌和安全性。在注册页面上拥有自己的徽标和颜色是有意义的,尤其是在面向客户的在线社区中,登录页面是客户首先看到的区域之一。

    您可能决定更改登录页面结构的另一个原因是防止入侵者获得访问权限。这可以通过更改所述注册页面的URL(因为任何人都可以想到并转到/wp-login.com URL)并添加额外的保护(如垃圾评论拦截)来完成。

    更改注册页面徽标和设计

    当用户尝试登录和注册时,快速删除WordPress徽标并在注册页面上将其换成您自己的徽标会增加您自己品牌的提示。

    您还可以选择使用插件完全修改该页面的设计,结合与标准WordPress设计不同的独特样式和颜色。

    有些人只想添加一个新徽标并摆脱WordPress徽标。这很简单,不需要插件。

    为此,请将徽标上传到您的WordPress媒体库。这是通过转到媒体 > 添加新的来完成的。

    添加新徽标

    添加新徽标

    在该页面上,您可以通过单击“选择文件”按钮并从计算机文件中选择徽标来从计算机上传徽标。

    为您的自定义WordPress注册表上传新徽标

    为您的自定义WordPress注册表上传新徽标

    上传后,找到并单击该徽标图像的编辑链接。

    编辑新的标志文件

    编辑新的标志文件

    将图像的文件URL复制到剪贴板。将其保存在文本编辑器或类似的东西中。

    复制WordPress注册表单的徽标URL

    复制WordPress注册表单的徽标URL

    继续前进,导航到站点的functions.php文件。将以下代码粘贴到functions.php文件中。通常最好将代码粘贴到文件末尾:

    function wpb_login_logo() { ?>
    <style type=“text/css”>
    #login h1 a, .login h1 a {
    background-image: url(http://your-logo.png);
    height:200px;
    width:600px;
    background-size: 600px 200px;
    background-repeat: no-repeat;
    padding-bottom: 20px;
    }
    </style>
    <?php }
    add_action( ‘login_enqueue_scripts’, ‘wpb_login_logo’ );
    function wpb_login_logo() { ?>
    <style type=”text/css”>
    #login h1 a, .login h1 a {
    background-image: url(http://your-logo.png);
    height:200px;
    width:600px;
    background-size: 600px 200px;
    background-repeat: no-repeat;
    padding-bottom: 20px;
    }
    </style>
    <?php }
    add_action( ‘login_enqueue_scripts’, ‘wpb_login_logo’ );
    function wpb_login_logo() { ?>
    <style type="text/css">
    #login h1 a, .login h1 a {
    background-image: url(http://your-logo.png);
    height:200px;
    width:600px;
    background-size: 600px 200px;
    background-repeat: no-repeat;
    padding-bottom: 20px;
    }
    </style>
    <?php }
    add_action( 'login_enqueue_scripts', 'wpb_login_logo' );

    找到显示“http://your-logo.png”的文本,并将其替换为您之前保存的图像URL。

    您还可以选择根据文件的实际大小更改徽标的高度和宽度。随意玩弄代码并预览结果,直到将其渲染为完美显示。

    如果您有任何问题或想要解决任何其他自定义问题,请查看有关自定义登录表单的官方WordPress文档。

    使用插件进行进一步的注册页面自定义

    作为替代方案,有几个插件可用于更改登录页面徽标。

    事实上,LoginPress Customizer插件提供了一个完整的系统,用于更换徽标和自定义注册页面的几乎每个方面。

    LoginPress for WordPress注册表单

    LoginPress for WordPress注册表单

    要使用LoginPress,请安装插件并转到WordPress仪表盘中的LoginPress > Customizer。

    该插件提供了额外的设置,但我们主要关注的是定制工具。

    这会将您带到常规的WordPress定制器,但有一个特殊页面,仅用于修改注册表单和页面。

    该插件在高级版中有几个预建主题,但大部分设计功能都是免费提供的。

    如您所见,设置可用于调整徽标、背景、登录表单等。它已经自动合并了一个看起来与WordPress的默认背景截然不同的背景。

    WordPress注册表的主题构建器

    WordPress注册表的主题构建器

    该插件有一个可视化构建器。因此,要更改徽标,您只需滚动徽标并单击“更改徽标”图标。

    更改注册表中的徽标

    更改注册表中的徽标

    从您的计算机上传徽标并移动徽标的宽度和高度设置以确保它看起来不错。

    自定义您的徽标

    自定义您的徽标

    接下来,转到背景选项卡以从LoginPress中选择提供的背景或上传您自己的背景。您也可以使用空白的白色背景或纯色。

    只需单击一个按钮,您就可以将华丽的背景切换为带叶子的背景。

    设置背景

    设置背景

    为您提供了许多其他选项卡来调整注册页面设置。

    我们建议查看所有这些,包括完全转换表单大小和位置的选项。您可以修改从欢迎消息到Google字体的所有内容,而无需编写任何代码。

    WordPress注册表单的其他设置

    WordPress注册表单的其他设置

    更改注册页面URL

    决定是否要为注册页面创建一个新URL非常重要。我们之前讨论过,可以在myexamplewebsite.com/wp-login.php访问注册页面。

    由于WordPress对所有登录页面都使用/wp-login.php子目录,因此黑客知道确切位置并不难。尽管他们仍然需要对登录表单进行暴力攻击,但您可以通过最大限度地减少他们首先进入页面的机会来增加一层安全性

    您最好的选择是安装并激活WPS Hide Login插件以完成工作。该插件会立即处理旧注册页面的重定向和隐藏,只要求您决定子目录名称。

    WordPress插件-WPS Hide Login

    WordPress插件-WPS Hide Login

    我们在这里有一个安装和使用WPS Hide Login插件的教程。请按照这些步骤更改您的登录URL。本质上,这是一个几乎完全自动化的过程,您可以在其中输入登录URL和重定向URL的新子目录(如果您想调整它)。

    然后,插件会为您完成其余的工作,创建类似于以下屏幕截图的内容。

    私密网址

  • 如何在WordPress网站上嵌入Google表单

    如何在WordPress网站上嵌入Google表单

    Google表单可以帮助您吸引网站用户并从他们那里收集反馈。但是,在您开始制作一流的调查、联系表格和其他内容之前,您可能需要找到一种将它们嵌入您的WordPress网站的方法。

    幸运的是,只需几个步骤,您就可以将Google表单嵌入到您的WordPress网站并开始收集用户的回复。这可以让您根据该反馈改进您的网站和内容。在这篇文章中,我们将向您展示Google表单如何为您的网站和整个品牌带来益处。然后,我们将向您介绍如何通过几个快速步骤将 Google 表单嵌入您的网站。

    1. 谷歌表单简介
    2. 为什么想在WordPress网站上嵌入Google表单
    3. 如何在WordPress网站上嵌入Google表单
    4. 在WooCommerce中使用Google表单

    谷歌表单简介

    Google Forms是一个非常类似于Google Docs或Google Sheets的Web应用程序,用于创建交互式调查和其他类型的表单。一些常见用途包括:

    • 活动登记。
    • 用户投票和问卷调查。
    • 电子邮件订阅注册表单。
    • 测验。
    • 产品订单。
    • 联系表格。

    与其他Google Workspace应用程序一样,您可以将所有表单存储在Google云端硬盘中。您还可以利用Google的共享功能。如果您与团队合作为您的网站创建内容并且您希望其他人能够就您的调查或其他表单进行协作,这将特别有用:

    共享选项

    共享选项

    免费平台简化了表单创建过程。您可以从各种预建模板中进行选择,也可以创建自己的模板并将其保存以备后用:

    Google表单模板库

    Google表单模板库

    Google表单还将帮助您设计内容以匹配您的品牌。

    如果您为Google Workspace付费,它会将“创建您自己的Google表单”文本更改为“此表单是在 [您的组织名称] 内部创建的”。

    您可以从各种主题中进行选择,也可以简单地将您的徽标添加到每个表单中。该平台将自动调整您的表单颜色,创建非常适合您网站的独特外观。所有 Google 表单也是响应式的,因此您的用户可以通过他们的智能手机或其他移动设备完成它们。

    最后,您还可以访问在您的Google帐户中收集的实时结果:

    谷歌表单回复

    谷歌表单回复

    您可以随时在表单中查看您的回复信息和图表,或将它们导出到 Google 表格以进行进一步分析。这使得组织、评估和与您的团队共享您的结果变得简单方便。

    为什么想在WordPress网站上嵌入Google表单

    如果您正在寻找在您的WordPress网站上嵌入自定义表单的方法,您可能已经探索过使用WordPress表单构建器插件的可能性。虽然这些可能是有用的工具,但Google表单可能是更好的选择有几个原因。

    首先,使用Google表单使您能够利用平台的存储和共享功能。其次,通过使用Google表单,您可以避免向您的网站添加另一个插件,这会导致加载时间变慢,因此减少可能有助于提高您网站的性能

    此外,虽然您可以让其他用户使用WordPress插件创建表单,但Google表单可以让您完全控制谁在协作处理您的内容。您可以邀请特定用户处理任何给定的表单,从而提供更高的安全性并避免错误。

    最后,使用Google表单不仅可以帮助改善您的WordPress网站,还可以帮助您改善品牌的整体形象。虽然使用WordPress插件构建的表单只能在您的网站上使用,但您可以在任何平台上共享Google表单,包括通过社交媒体和营销电子邮件。

    无论您的受众在哪里填写您的Google表单,他们的回复都将记录在一个地方。这将帮助您跟踪所有品牌渠道的表单结果,而不仅仅是您的网站。

    如何在WordPress网站上嵌入Google表单

    如果听起来Google表单可能是满足您的WordPress网站表单相关需求的最佳解决方案,那么您很幸运。尽管该过程不像安装插件那么简单,但您只需三个简单的步骤即可将Google表单嵌入您的网站。

    第 1 步:创建您的Google表单

    您需要做的第一件事是创建您的第一个Google表单。登录到您的Google帐户,然后通过在Google应用程序菜单中找到紫色图标来访问Google表单:

    谷歌表单图标

    谷歌表单图标

    如果您是Google Workspace用户,您应该会觉得Google表单界面非常熟悉。它与Google Docs和Google Sheets非常相似:

    谷歌表单用户界面

    谷歌表单用户界面

    要开始使用您的表单,您可以从工具栏中选择Blank贴或选择要使用的模板。

    无论哪种方式,您都可以直接在表单中键入以添加标题和描述,然后创建您的问题和答案选项。您还可以使用下拉菜单选择每个答案的类型:

    设置您的Google表单

    设置您的Google表单

    编辑器右侧的工具栏使您能够添加新问题、从另一个Google表单导入问题、上传图像和视频以及创建其他部分。然后,调色板、眼睛和齿轮图标可让您更改表单的主题、预览最终产品并访问高级设置。

    有了这些工具供您使用,您应该能够制作您需要的任何类型的表格。如果您想从您的团队获得意见,请单击三点图标并选择Add collaborators

    将协作者添加到Google表单

    将协作者添加到Google表单

    然后,您可以通过输入他们的电子邮件地址或使用链接共享功能来邀请团队成员处理您的表单。您的更改将自动保存在您的Google云端硬盘中。完成编辑后,您就可以将Goole表单嵌入WordPress网站了。

    第 2 步:访问您的Google表单的嵌入代码

    为了嵌入您的Google表单,您需要单击表单编辑器顶部的Send按钮。在那里,您将有五个共享表单的选项:通过电子邮件、链接、HTML、Facebook和Twitter:

    通过电子邮件分享您的Google表单

    通过电子邮件分享您的Google表单

    任何这些都可能很有用,特别是如果您想将表单发送给所有电子邮件列表订阅者或在您的社交媒体帐户上共享它。

    但是,出于本教程的目的,我们将重点关注HTML选项。因此,选择< >选项卡。您将在Embed HTML下看到一个代码片段,以及一个用于更改表单尺寸的选项。

    对它的大小感到满意后,单击窗口右下角的COPY:

    获取您的Google表单的嵌入代码

    获取您的Google表单的嵌入代码

    接下来,前往您的WordPress仪表盘

    第 3 步:将代码添加到您的WordPress帖子或页面

    有了您的HTML代码片段,您就可以将Google表单嵌入您的网站了。首先,导航到要合并表单的帖子或页面。如果您在WordPress区块编辑器中工作,您需要添加一个自定义HTML区块:

    自定义HTML区块

    自定义HTML区块

    然后,将Google表单编辑器中的代码粘贴到区块中:

    在区块编辑器中添加嵌入代码

    在区块编辑器中添加嵌入代码

    如果您单击自定义HTML区块工具栏中的预览选项卡,您将看到您的Google表单,就像它在您的网站上显示的一样:

    嵌入在区块编辑器中的Google表单预览

    嵌入在区块编辑器中的Google表单预览

    如果您改用经典编辑器,则步骤会有所不同。实际上,您需要通过单击工具栏顶部的“文本”选项卡来切换到文本编辑器”:

    嵌入在区块编辑器中的Google表单预览

    经典编辑器:文本视图

    然后,您需要将Google表单嵌入代码粘贴到您希望它出现在页面上的任何位置:

    在WordPress经典编辑器中嵌入Google表单

    在WordPress经典编辑器中嵌入Google表单

    如果您切换回可视化编辑器,您应该会在编辑字段中看到您的表单:

    嵌入式Google表单:预览

    嵌入式Google表单:预览

    您还可以预览页面以查看它在前端的外观。

    如果您希望将Google表单嵌入到WordPress帖子或页面中,这就是您所需要的!

    在WooCommerce中使用Google表单

    您可能已经意识到,Google表单也可以成为WooCommerce和其他电子商务平台的便捷工具。您可以轻松地使用此工具创建自己的自定义订单,甚至还有一个订单模板来加快流程:

    订单请求示例

    订单请求示例

    您可能还想征求客户信息,为买家提供评价产品及其购买体验的机会等等。

    不过有一个坏消息:简单地在您的产品页面上嵌入Google表单不会将WooCommerce订单的功能与这些表单集成。幸运的是,有一些第三方解决方案可以提供帮助。

    选项 #1:Automate.io

    一个例子是Automate.io,一种云应用程序集成工具:

    Automate.io

    Automate.io

    该解决方案使您能够连接WooCommerce和Google表单,并根据特定触发器自动响应。例如,您可以:

    • 当客户提交Google表单时,在WooCommerce中添加新订单。
    • 当客户添加或更新其信息时生成Google表单响应。
    • 为每个WooCommerce订单行项目创建Google表单响应。
    • 集成Google表单、表格和WooCommerce,因此您可以同时在所有三个平台上更新客户和订单信息。

    Automate.io每月最多可免费使用250次操作。每月39美元(按年度计划),您可以将限额提高到10,000次。

    选项 #2:LeadsBridge

    您也可以尝试的另一个选项是LeadsBridge,它将自动集成WooCommerce和Google表单,以便您跟踪潜在客户:

    LeadsBridge

    LeadsBridge

    这是一种掌握在线业务脉搏并监控其随时间增长的简单方法。LeadsBridge将引导您完成如何设置集成,以便您可以创建订单和其他有用的功能。年度计划的起价为每月29美元,这个平台比Automate.io稍微便宜一些。

    选项#3:Integromat

    第三个选项是Integromat,它还提供Google Forms和WooCommerce集成:

    Integromat

    Integromat

    该工具可以通过使用与Google表单响应和WooCommerce优惠券、订单、客户和产品相关的触发器来自动执行某些操作。Integromat比Automate.io便宜一点,它的免费计划提供每月1,000次操作,最低级别的起价为每月9美元,可进行10,000次操作。

    小结

    表单是许多不同WordPress网站的重要组成部分。无论您是希望在您的网站上加入调查以收集用户反馈,向您的WooCommerce商店添加详细的订单表格,还是完全其他的东西,Google Forms都是一个易于使用的免费工具,用于制作完美的表格。要将Google表单嵌入您的WordPress网站,您只需执行三个简单的步骤:

    1. 创建您的Google表单。
    2. 访问您的Google表单的嵌入代码。
    3. 将嵌入代码添加到您的WordPress帖子或页面。
  • 使用Elementor表单的完整指南

    使用Elementor表单的完整指南

    当你有一个商业网站时,表格是主要的。它们使客户更容易与您联系并提供重要信息和反馈。但是,弄清楚如何创建它们可能具有挑战性。

    如果您正在寻找一种简单、直接的策略,我们建议您使用Elementor表单。这个流行的页面构建器 为构建各种美观且易于使用的表单提供了解决方案。

    在这篇文章中,我们将首先讨论您可能想要创建Elementor表单的原因。然后,我们将引导您完成此过程,并介绍一些有用的插件和故障排除技巧。

    1. 为什么要创建Elementor表单
    2. 如何在WordPress中创建Elementor联系表单
    3. Elementor表单的顶级插件
    4. 创建Elementor表单的其他提示和技巧
    5. Elementor表单疑难解答

    为什么要创建Elementor表单

    为您的WordPress网站创建表单有很多优点。首先,您可以为访问者提供一种快速简单的与您交流的方法。此外,您可以使用它们来生成潜在客户并从您的受众那里获取重要信息。

    表单也可以成为注册用户和接受付款的有用工具。但是,如果您想向WordPress网站添加表单,则需要使用插件。或者,您可以使用像Elementor这样的页面构建器。

    Elementor让您无需接触任何代码即可构建令人惊叹的表单。您可以使用拖放编辑器创建与您的品牌和网站美感相匹配的响应式表单。

    您还可以从多种类型的表格中进行选择,包括:

    • Elementor Contact Forms:您可以使用此功能构建一个简单的表单,以便用户与您取得联系。
    • Elementor Gravity Forms:这个Gravity Forms小部件在自定义和设置表单样式方面为您提供了更大的灵活性。
    • Elementor Register Forms:此功能使您可以 在您的网站上设置用户注册表单

    如您所见,这些表单中的每一个都有其特定的用例,可以帮助增强您网站的功能。接下来,我们将向您展示如何使用Elementor构建联系表单。

    如何在WordPress中创建Elementor联系表

    现在我们了解了更多关于您可能想要使用Elementor表单的原因,让我们来看看如何通过几个简单的步骤创建一个。请注意,对于本教程,我们假设您已经在您的网站上安装并激活了Elementor。

    免费工具付费插件。要访问表单功能,您需要高级版本。

    第 1 步:添加Elementor联系人小部件

    要开始,请导航到要插入联系表的页面或帖子。然后,单击 屏幕顶部的Edit with Elementor按钮:

    单击“Edit with Elementor”链接

    单击“Edit with Elementor”链接

    这将启动 Elementor 编辑器界面。从左侧的小部件中,搜索并选择Form小部件:

    拖放“Form”小部件

    拖放“Form”小部件

    然后,您可以将小部件拖放到您的页面上。这将插入一个标准的联系表格。

    第 2 步:设置您的联系表单字段

    将联系表放在页面上后,您可以配置一些设置。现在,让我们专注于设置表单字段。

    您可以通过单击小部件并自定义文本来编辑基本表单字段(如果您想更改任何默认选项)。如果要添加其他字段,可以通过选择Add Item来完成:

    通过添加项目自定义表单

    通过添加项目自定义表单

    您可以从下拉列表中选择要添加的字段类型。接下来,您可以添加一个标签,即表单字段的名称。这向您的访问者显示了预期的输入。

    对于Placeholder选项,您可以自定义在用户输入信息之前出现在表单字段中的文本。您可以使用它为访问者提供您希望他们提供的数据的示例。

    此外,您可以选择启用Required设置并修改列宽。您还可以单击“Buttons面板来自定义表单按钮的外观。您可以更改大小以及字体和颜色。

    第 3 步:配置您的表单提交

    创建完表单字段后,下一步是配置表单提交设置。您可以导航到Elementor编辑器中的Email以访问各种选项。

    例如,您可以 在您希望提交提交的To字段中输入您的电子邮件地址。如果您愿意,可以输入多个电子邮件地址:

    配置您的表单提交

    配置您的表单提交

    您还可以自定义电子邮件和消息的主题。配置完所有选项后,请确保保存更改。

    第 4 步:自定义您的联系表消息

    如果您想进一步个性化您的联系表格,您可以通过启用自定义消息来实现。选择Additional Options,然后将Custom Messaging的切换开关移动到Yes

    自定义联系表单消息

    自定义联系表单消息

    您可以修改四种类型的消息:

    • 成功消息:一旦用户提交表单,就会出现此消息
    • 错误消息:如果在提交过程中出现问题,则会出现此问题
    • 必填消息:通知用户特定字段未完成
    • 无效消息:让用户知道表单提交的某些内容已关闭

    您可以自定义这些消息以匹配您品牌的声音和风格。例如,您可以修改措辞以添加一些个性。

    第 5 步:设计Elementor联系表单

    处理完表单的基本文本和字段后,就可以开始设计Elementor联系表单的样式了。例如,您可能希望确保它与您的品牌相匹配。

    要开始使用,您可以单击小部件编辑器顶部的Style选项卡:

    样式和设计表单

    样式和设计表单

    在这里,您会找到各种可用于自定义联系表单设计的选项和设置。例如,您可以调整间距和填充,以及更改颜色、大小、标签和按钮。

    第 6 步:保存并发布您的表单

    当您对Elementor联系表单的外观和内容感到满意时,剩下要做的就是保存并发布它。您可以通过选择屏幕左下方的“Publish按钮来执行此操作。

    就是这样!然后,您可以在前端预览您的联系表格,以确认它看起来像您想要的那样。

    Elementor表单的顶级插件

    开箱即用的Elementor页面构建器提供了许多用于为您的WordPress网站构建表单的选项。但是,您也可以考虑添加插件来帮助扩展表单的功能。让我们来看看一些选项。

    Elementor的主插件

    Elementor的主插件

    Elementor的主插件

    Elementor插件的Master Addons是一个免费增值工具,它提供了一系列有用的工具来增强页面构建器,进而增强您的网站。它包括以下功能:

    • 页眉、页脚和评论表单构建器
    • 超级菜单生成器
    • 图像悬停效果
    • 显示条件

    它还与各种表单插件兼容。这包括Contact Form 7, Ninja Forms, WP Forms和Caldera Forms。要访问插件的所有功能,您需要购买专业版,每年39美元。

    The Plus Addons

    The Plus Addons

    The Plus Addons

    您可以与Elementor一起使用的另一个方便的工具是Plus Addons。该插件包含8,000多个自定义选项和300多个用户界面 (UI) 块,可帮助您轻松创建和设计页面和表单。

    其特点包括:

    • 图标框
    • 地图部分
    • 表单
    • 定价表

    您还可以选择超过18个模板。这些是专门为某些类型的企业设计的,包括代理机构、餐馆、沙龙等。

    有一个免费版本可用。但是,为了利用整套有用的功能,我们建议购买高级许可证,每年39美元。

    创建Elementor表单的其他提示和技巧

    如果您想在不支付高级许可证的情况下为您的WordPress网站创建Elementor联系表格,您可以通过多种方式进行操作。这样做需要您将页面构建器与另一个WordPress表单插件配对,例如WPFormsFormidable Forms

    假设您选择了Formidable Forms。在您的站点上安装并激活插件后,您可以导航到Formidable  >  Forms > Add New

    Formidable Forms

    Formidable Forms

    接下来,您可以从选项列表中选择Contact Form,并从一些预制模板中进行选择。完成构建表单后,浏览到要放置它的页面并启动Elementor编辑器界面。

    在左侧面板中,搜索并选择Formidable Forms小部件。您可以调整格式、颜色、按钮、文本等:

    Elementor中Formidable Forms小部件

    Elementor中Formidable Forms小部件

    完成后,您可以保存并发布您的更改。与 Elementor Pro 插件相比,此方法需要更多的时间和精力。但是,如果您不想购买高级计划,它可以帮助您节省一些钱。

    Elementor表单疑难解答

    Elementor联系表格非常简单易用。但是,您在使用时可能会遇到问题。人们报告的最常见问题之一是未送达的电子邮件。

    Elementor使用wp_mail函数来分发其电子邮件。这意味着您的托管服务提供商接收已发送的电子邮件并将其发送。

    但是,某些主机禁用了通常用于发送电子邮件的PHP函数,这就是可能出现此问题的原因。要解决此错误,我们建议与您的托管服务提供商联系并要求他们启用send_mail函数。

    或者,您可以使用简单邮件传输协议 (SMTP) 服务器。这是一个电子邮件服务器 ,它将使用Gmail等外部来源将您的电子邮件以表单形式发送到客户的收件箱。这可以减少您的电子邮件最终进入垃圾邮件文件夹的机会。要设置SMTP,您可以使用WP MAIL SMTP等插件。

    小结

    表单在网站中起着举足轻重的作用。它们使客户能够与您取得联系、注册帐户、提交付款信息等等。但是,弄清楚如何为您的网站设计美观的表单可能具有挑战性。幸运的是,Elementor让它变得简单。

    将Elementor表单小部件添加到页面后,您可以设置字段并配置表单设置。您还可以自定义表单的设计,使其与您的品牌保持一致。

  • Elementor固定顶部栏(网站页眉)的终极指南

    Elementor固定顶部栏(网站页眉)的终极指南

    无论您是有抱负的Web开发人员还是电子商务企业家,您的网站都可能共享一些基本要素。例如,每个站点都需要一个清晰的Header来帮助访问者在不同页面之间导航。但是,如果您使用像Elementor这样的页面构建器来减少编码,您可能想知道是否仍然可以制作一个复杂但用户友好的Elementor固定顶部栏(或者成为固定页眉)。

    幸运的是,使用Elementor header可以为您的用户提供一种简化的方式来浏览您的网站。使用这个流行的页面构建器,您可以构建各种不会在用户向下滚动站点时消失的Header。此功能使它们“粘在顶部”。

    在这篇文章中,我们将讨论固定顶部栏的工作原理以及使用它的好处。然后,我们将向您展示如何使用该工具的免费版和专业版制作Elementor固定顶部栏。最后,我们将使用CSS为您的置顶header提供额外的自定义选项。

    1. Elementor固定顶部栏简介
    2. 如何创建Elementor固定顶部栏
    3. 如何使用CSS来增强Elementor固定顶部栏
    4. Elementor固定顶部栏的类型

    Elementor固定顶部栏简介

    没有两个网站是相同的。但是,优质网站有一些共同点。

    如果您正在运行一个多页站点,则这些元素之一就是Header。这是包含有用信息的任何页面顶部的水平条。

    通常,页眉包括您的导航菜单以及诸如关于联系我们之类的页面:

    闪电博网站页眉区域

    闪电博网站页眉区域

    当访问者浏览您的页面时,他们可能希望有一个有组织的Header来帮助引导他们浏览您的网站。由于用户体验 (UX) 是网站成功的关键,因此明智的做法是创建一个直观且直接的Header。这就是使用Elementor设计的固定顶部栏可以产生重大影响的地方。

    固定顶部栏的工作原理

    在我们了解Elementor固定页眉的工作原理之前,让我们看看当您向下滚动页面时标准页眉的行为:

    标准页眉示例

    标准页眉示例

    正如您在上面的示例中看到的,此header包含一个复杂的导航栏,其中包含SalesClothingShoes等类别。这些标签无疑将帮助购物者找到他们正在寻找的东西。但是,当您向下滚动页面时,页眉会消失。

    用户可能会觉得这很令人沮丧,因为这需要他们滚动回页面顶部才能访问导航菜单。幸运的是,固定顶部栏提供了一个简单的解决方案。

    通过停留或“固定”在页面顶部,固定页眉可以极大地改善您网站的用户体验:

    固定顶部栏示例

    固定顶部栏示例

    当您的网站设计包含固定顶部栏(页眉)时,您的用户可以快速跳转到新页面,而不会浪费时间滚动。

    此外,使用此固定元素,您可以始终将徽标包含在前面和中心。此功能可以帮助用户更轻松地回忆起您的品牌,并鼓励他们在您的网站上停留更长时间。

    何时应该考虑使用固定顶部栏

    在浏览带有固定顶部栏的大型网站时,访问者不太可能迷路。因此,如果您的网站有很多页面,您可能希望利用此功能。这就是为什么您会经常在电子商务网站上看到固定顶部栏的原因。

    如果您想在Header中包含搜索功能,固定顶部栏可能特别有用。这样,当用户滚动并意识到他们无法找到他们正在寻找的内容时,他们可以快速在搜索栏中输入查询。

    此外,如果您运行一个在主页上显示所有帖子的货币化博客,则固定Header可能会改变游戏规则。一般来说,这个header可以确保您的网站是可维护和可扩展的。

    但是,如果您的网站只有一个页面,那么以这种方式转换您的Header没有多大意义。此外,如果您的网站上有大量页面,但每个页面都相对较短,那么您可能也不需要固定顶部栏。

    总体而言,固定顶部栏减少了滚动时间并增加了网站的可用性和导航。如果您不确定此功能是否会使您的网站受益,您可能需要快速审核您的页面长度,然后再决定。

    如何创建Elementor固定顶部栏

    对于本教程,我们将引导您完成制作Elementor固定顶部栏的步骤。我们假设您已经 在您的站点上安装并激活了Elementor插件

    我们将介绍如何使用免费版本和Elementor Pro制作此页眉。您可能会很高兴知道您无需学习HTML或大量编辑代码即可完成此操作!

    如何使用Elementor创建固定顶部栏(免费)

    Elementor的免费版本为页面构建提供了一些强大的功能。但是,如果您想更改页眉和页脚,则需要一些额外的(也是免费的)工具。

    考虑到这一点,让我们看看如何使用Elementor创建一个固定页眉!

    第 1 步:安装并激活您的基本插件

    幸运的是,一些可靠的工具可以轻松扩展Elementor免费版的功能。

    导航到您的WordPress仪表板以找到您的第一个工具。转到Plugins > Add New 并使用搜索功能查找ElementsKit Elementor插件

    安装并激活ElementsKit

    安装并激活ElementsKit

    像往常一样安装并激活这个插件。完成此过程后,您将进入主插件页面:

    插件现已安装

    插件现已安装

    现在,再次单击Add New以使用搜索栏找到Elementor插件的Sticky Header Effects

    Elementor的固定页眉效果

    Elementor的固定页眉效果

    重复此工具的安装和激活过程,您就可以进行下一步了!

    第 2 步:创建您的菜单

    在制作任何类型的header之前,您需要一个导航菜单。我们将制作一个包含最常见元素的简单菜单。它将包括徽标、页面和号召性用语 (CTA)。

    要在WordPress仪表板中创建自己的菜单,请转到外观 > 菜单。在“菜单名称”字段旁边,给您的名称取一个描述性名称。我们将调用我们的“固定header菜单”:

    给你的固定header菜单起个名字

    给你的固定header菜单起个名字

    请务必选择页眉作为显示位置。您可能还想选择该框以自动将新页面添加到菜单中。

    接下来,您需要在菜单中添加一些页面。在左侧的页面部分,勾选您想要包含的任何页面的框,然后单击添加到菜单

    将页面添加到您的固定header菜单

    将页面添加到您的固定header菜单

    然后您会看到您的页面转移到右侧的菜单中。继续并单击 屏幕右下角的保存菜单:

    保存您的固定header菜单

    保存您的固定header菜单

    如您所见,我们添加了一些基本页面,包括Contact UsAboutSample Page。您可能希望重新排序页面,以便访问者觉得顺序很直观。

    第 3 步:创建您的Header

    现在您的导航菜单存在,但您无法在任何地方访问它。那是因为您需要为它创建一个Header。

    为此,请转到左侧菜单中的ElementsKit选项卡。如果您还没有,此时您需要点击几个“入门”页面。

    每个人都可能有不同的偏好,因此请花点时间选择要激活的功能。但是,请确保将Header Footer模块切换为ON

    在Elements Kit中打开页眉页脚选项

    在Elements Kit中打开页眉页脚选项

    现在,转到ElementsKit > 页眉页脚

    添加新模板

    添加新模板

    此页面将为空,因为您还没有任何页眉或页脚模板。单击屏幕顶部的Add New 以创建您的第一个Header模板:

    填写模板设置

    填写模板设置

    在上面的屏幕上,输入描述性名称并确保选择Header作为Type。由于您使用的是免费版本,因此该Header将出现在整个站点上。

    确保将激活/停用开关切换到ON 并单击SAVE CHANGES。现在您将返回模板页面,您可以在其中看到列出的新Header模板:

    现在可以使用新的header模板

    现在可以使用新的header模板

    您可能还会注意到此Header旁边的绿色活动图标。但是,它还没有上线。

    要完成您的Header,请将鼠标悬停在模板列表中,然后单击其名称下方的Edit in Elementor 。这将带您进入Elementor Builder屏幕。

    在这里,单击ElementsKit图标:

    单击ElementsKit图标

    单击ElementsKit图标

    在以下屏幕上,选择“Sections” 选项卡:

    选择“Sections”选项卡

    选择“Sections”选项卡

    向下滚动一点以找到您喜欢的Header部分,然后单击Insert。我们选择了Header – 第 5 节

    在您想要的位置插入标题

    在您想要的位置插入Header

    正如您可能看到的,我们的导航菜单是不可见的。因此,让我们继续将其添加到我们的Header模板中。为此,请将鼠标悬停在Header的导航菜单部分。在这种情况下,它就在中心:

    将鼠标悬停在Header的导航菜单部分

    将鼠标悬停在Header的导航菜单部分

    单击此区域,您的Menu Settings应出现在左侧面板中。现在,找到Select menu字段。在下拉列表中,选择您之前创建的菜单:

    选择您之前创建的菜单

    选择您之前创建的菜单

    此时,您应该会在Header模板中看到该菜单。单击屏幕左下角的更新,您的标准页眉就完成了。

    让我们看看它是如何工作的:

    新页眉

    新页眉

    如您所见,我们的Header看起来很棒。但是,当我们向下滚动时,它会消失。让我们看看如何让它坚持下去。
    第 4 步:使您的header固定
    对于我们的最后一步,导航到ElementsKit > Header Footer > Edit with Elementor。然后选择您的Header并单击带有六个点的中心图标:

    点击虚线图标

    点击虚线图标

    当您将鼠标悬停在它上面时,您会看到它允许您编辑部分。单击它后,您的编辑选项将出现在左侧面板中。

    单击Advanced选项卡并向下滚动到Sticky Header Effects。将出现一条警告消息,说明该插件无法控制固定header,但您可以忽略它。由于我们还为Elementor插件添加了Sticky Header Effects,所以它可以正常工作。

    现在通过将开关切换到ON来启用Elementor固定header:

    启用Elementor固定header

    启用Elementor固定header

    根据您的主题,您的置顶Header可能看起来是透明的。如果是这种情况,您可能需要进行一项风格更改。

    在“Edit Section” 面板中的“Style”下,转到“Backgroud”>“Color” ,并确保您选择了一种与您的正常背景相映成趣的阴影:

    如果需要,进行风格上的改变

    如果需要,进行风格上的改变

    然后点击更新。现在您可以预览您的网站以查看最终结果:

    激活固定header

    激活固定header

    就是这样!这是一个简单的Elementor固定页眉,但它可以轻松地将您的网站提升到一个新的水平。

    如何使用Elementor Pro创建固定顶部栏

    使用Elementor Pro时,创建固定页眉要简单一些。您只需三个简单的步骤即可将此功能添加到您的网站。

    第 1 步:创建您的菜单

    要制作菜单,请导航到WordPress仪表板中的外观 > 菜单:

    创建菜单

    创建菜单

    给您的菜单起一个描述性的名称,选择Display location旁边的Primary Menu,然后单击Create Menu

    命名您的菜单并选择一个位置

    命名您的菜单并选择一个位置

    此时,您的网站上应该有一些现有页面。从左侧面板中选择您希望包含在菜单中的页面。

    然后单击Add to Menu,然后单击Save Menu

    选择要包含在菜单中的页面

    选择要包含在菜单中的页面

    现在您的页面应该填充在Menu Structure下的右侧。

    第 2 步:创建您的header

    接下来,我们需要创建我们的基础。让我们做一个经典的Header。

    首先, 在左侧边栏中找到Elementor选项卡。在其下方,转到Templates > Theme Builder。以下页面将如下所示:

    在“主题生成器”中找到“模板”

    在“主题生成器”中找到“模板”

    正如您可能看到的,使用Elementor Pro,您可以轻松开始设计网站的每个元素。

    单击Header元素上的加号图标 ( + ) 。现在您应该会看到一个弹出窗口,其中显示了您可以从中选择的多个header区块:

    从多个header区块中选择

    从多个header区块中选择

    如果您有一个预先存在的Header模板,您可以在我的模板选项卡下选择它。否则,您可能需要使用Elementor Pro随附的部分区块之一。

    做出选择后,只需将鼠标悬停在所需的区块上,然后单击Insert

    插入所需的区块

    插入所需的区块

    在这里,您会看到该区块带有自己的徽标,但我们的导航菜单已自动填充。现在,点击发布

    单击发布设置中的“添加条件”

    单击发布设置中的“添加条件”

    以下屏幕将提示您确定您的发布设置。在这里,选择ADD CONDITION 来决定你想在哪里显示你的Header:

    选择要显示模板的位置

    选择要显示模板的位置

    您可能希望选择INCLUDE 旁边的Entire Site。您还可以通过单击包含旁边的箭头并切换到替代项来排除某些站点区域。当您对您的选择感到满意时,点击保存并关闭

    此时,屏幕右下角会出现一条弹出消息。如果在您单击它之前它没有消失,请选择查看您的实时站点的选项。

    或者,返回您的WordPress仪表板并通过单击左上角的房子图标然后选择访问站点来预览您的站点