作者: tianbao

  • 你需要了解域名的一切内容

    关于域名

    无论您是启动第一个网站还是致力于发展现有网站,您的域名都是一个核心因素。从技术角度来看,这很重要,因为它使用户可以轻松访问您的网站,但它对您的数字品牌也至关重要。

    由于了解域名对网站所有者和管理者来说非常重要,因此我们整理了许多经常出现的问题,因此您可以了解您需要了解的一切。

    什么是域名?

    您可能没有意识到,但您可能已经非常熟悉域名。它们是您在浏览器中键入以访问熟悉的网站的 URL。例如,此站点的站点是优雅主题.com。

    域名的主要目的是作为您网站的地址。每台计算机,包括托管您网站的服务器,都有一个由一串数字组成的 IP 地址。如果没有域名,用户必须输入您服务器的 IP 地址才能访问您的站点。

    取而代之的是,您的网址提供了一个易于回忆的替代方式,用户可以快速输入以访问您的内容。如果您明智地选择它,它还有助于在访问者的脑海中巩固您的品牌,使他们更加熟悉它。

    什么是域名系统 (DNS)?

    为了了解域名工作的来龙去脉,您需要了解DNS。这是一个分散的系统,用于存储有关哪些域连接到哪些IP地址的信息。

    当用户在浏览器中输入您的域名时,它会检查相应IP地址的DNS,并将访问者定向到正确的页面。从这个意义上说,您可以将DNS视为Internet的一个目录。

    在多种情况下,您可能需要直接与DNS交互,例如排除错误或设置自定义电子邮件地址。将您的网站移至新域或新托管服务提供商时,这也是关键。

    域名与虚拟主机有何不同?

    域名和网络托管经常混合在一起,因为许多托管服务提供商也是域名注册商,并且需要这两种服务才能启动网站。但是,它们是完全独立的概念。

    正如我们已经解释过的,您的域名是您网站的地址。您的网络主机提供您网站的服务器,就像它的房子一样。虽然您可以从同一家公司购买主机和域名,但您不必这样做。

    什么是顶级域名 (TLD)?

    TLD是域名的结尾部分,例如 .com。在使用户能够访问您的站点方面,一个TLD并不比另一个更好,但它们之间存在关键差异。

    例如,您的TLD可以表明您网站的性质。例如, .org传统上用于非营利组织。.blog或 .shop等较新的TLD可能用于内容中心和电子商务网站。其他的——即.gov和.edu——需要额外的验证,因为它们表明了一定的权限级别。

    您的TLD也可能会影响您的域名成本。虽然 .COM地址耗尽每年约$10,.inc域名的费用几千元。

    什么是子域?

    如果您熟悉WordPress多站点,您可能会遇到术语“子域”。这是网站特定部分或网络中“微型网站”的 URL。它由前缀指定,例如blog.example.com。

    子域被搜索引擎视为完全独立的网站,并且有很多用途,尤其是在构建大型网站时。您通常可以通过托管服务提供商的控制面板进行设置。

    应该如何选择域名?

    一般来说,您的域名应该与您的网站、品牌或企业名称相对应。这最大限度地减少了访问者之间的混淆,并提供了一种急需的一致性措施。

    但是,如果您刚刚起步或您的理想域名已被采用,您可以从几个地方寻求灵感,例如自动域名生成器。记住要保持它独特、简洁和令人难忘。

    您可以通过前往任何注册商的站点并使用其搜索功能来查看哪些域可用:

    域名购买

    如果您的第一个选择不可用,注册商甚至可能会建议类似的替代方案,以帮助您找到另一个满足您需求的选择。

    在哪里购买域名?

    您可以从任何域名注册商处购买域名。正如我们之前提到的,许多网络主机兼作注册商,但您也可以选择从不同公司获取主机和域。

    NamecheapGoDaddy是您可能会考虑的两个受欢迎的注册商(在国内,则可以优先考虑阿里云、腾讯云及百度云等规模较大的云服务商)。但是,从托管服务提供商处购买域通常可以更轻松地设置您的第一个网站。许多房东还会在您购买计划时免费提供第一年的注册(尽管您仍然需要支付年度续订费用)。

    什么是域名隐私?

    当您购买域名时,您将其注册为公共记录的一部分。互联网名称与数字地址分配机构 (ICANN) 负责维护网络上每个域名的所有者目录。

    但是,ICANN 的记录包括您的联系信息,这些信息可能不想让公众知道。购买域名隐私保护您的个人详细信息,因此它们不会作为此记录的一部分可见。

    域名隐私有时也称为WHOIS保护。通常,当您购买域名时,它会在结账时作为附加组件提供:

    namecheap

    一些注册商,例如Namecheap,免费提供WHOIS保护(或者更准确地说,将其包含在您的域成本中)。其他人可能会列出单独收费,但您的隐私值得投资。

    您可以出售域名吗?

    如果您决定不再需要或不再需要已注册的域名,则可以转售该域名。Flippa是一个受欢迎的“数字房地产”市场:

    Flippa

    但是,您也可以与经纪人合作或拍卖您的域名。有几个因素会影响您的网址可以获得多少,例如:

    • 使用哪个TLD
    • 如果它包含任何有价值的关键字
    • 辨识度有多高

    如果您还销售在您的域中建立的网站,则其他因素(如流量水平和您发布的内容)也可能会发挥作用。

    小结

    尽管涉及域名世界时有许多不同的因素在起作用,但它们确实相当容易理解。从长远来看,尽你所能了解它们会有所回报,因为它将帮助您更好地创建、维护甚至销售您的网站。

    在这篇文章中,我们介绍了很多关于域名的信息,包括它们是什么以及它们是如何工作的。我们还提供了一些关于选择、购买和销售它们的技巧。

  • 一个好的域名是成功网站的开始

    域名选择

    当您准备创建一个网站时,您需要做两件事:(1) 某个地方来托管您的网站,以及 (2) 您的网站的名称。

    这两件事就像您的虚拟财产和地址,人们会在网上找到您。就获得它们而言,两者都相当容易跳入和挑选,但选择它们是另一回事。

    当谈到您的域名时,世界就是您的牡蛎。您可以从数十万个名字中进行选择,并且有越来越多的扩展名可供选择,以成为您的新数字家庭住址。然而,仅仅因为购买这些域名之一很容易并不意味着您不需要做出重大决定。

    事实上,就像在镇上购买地址最好的房子一样,您的域名可能是您必须做出的最大选择之一,因为选择错误的域名就像在错误的邮政编码中购买完美的房子一样——糟糕的投资选择。

    但也不要过分担心这一点。选择一个域名虽然很重要,但并不难,但它确实需要一些时间和思考。

    在您开始购买第一个符合您喜好的域名之前,您需要考虑以下事项,以确保您选择的是最佳选择。

    您应该使用基于关键字的域名吗?

    关键词域名

    当您搜索有关使用 SEO 对您的网站进行排名的信息时,您通常会发现关于域名的两种思想流派。要么人们坚持基于关键字的 URL 的想法是要走的路,要么他们说您域中的关键字根本不重要。

    那么哪个是真的?

    好吧,如果这是2010年,Google Penguin不存在,那么是的,您应该坚持选择基于关键字的域名,因为它们本来是一件好事。但是随着谷歌改变搜索引擎优化并改进它的算法更新,你可能会面临一场失败的战斗。

    正如你们中的许多人已经知道的那样,谷歌不再重视SEO策略的任何价值,这些策略试图帮助网站在不值得时偷偷进入页面。现在这并不是说基于关键字的域会让你受到谷歌的惩罚,但这些类型的URL现在似乎不像以前那样具有相同的SEO价值。

    这是否意味着您应该完全避免在您的域中使用关键字?

    嗯,不,不完全是。您域名中的关键字仍然是一件好事,因为它们可以让您的潜在观众了解您的网站是关于什么的。

    例如,如果您的网站将涉及无麸质生活,那么GlutenFreeLiving.com的URL可能是一个不错的域名,原因有很多,包括该名称告诉观众您的网站是关于什么的事实,但是,选择该名称并不意味着您会看到SEO的好处。

    基本上,URL中的关键字可以很好,但最好遵循以下提示以获得最适合您的域。

    选择域名时,请遵循以下5个规则

    追求品牌化

    谷歌重视品牌胜过其他任何事物。您可以看到他们偏爱为自己树立了良好声誉和品牌的博客和网站——尤其是亚马逊等顶级电子商务网站的情况。

    从长远来看,拥有一个引人注目的品牌名称可以为您带来很多好处。显然,在SERP中排名不仅仅是一个简单的URL,但选择一个突出的域名将有助于建立您的品牌、权威,并且它使人们更容易认出您和您的身份。

    选择 .com 扩展名

    就顶级域名扩展而言,.com扩展是必经之路。与其他网站相比,人们和搜索引擎似乎都信任域名以该扩展名结尾的网站。在这种情况下,选择以这个结尾的域几乎总是最好的。

    不过,这条规则也有一些例外。例如,如果您的网站将类似于电视频道,那么选择像YourDomainName.tv这样的扩展程序可能是您更好的选择。

    如果您要构建博客、商业网站或电子商务网站,请务必选择 .com 扩展名。作为附加提示,购买 .net 扩展名可以帮助锁定您的域名并防止其他人获得它。

    保持简短和令人难忘

    网络上有许多网站已经成功地建立了一个网站和在线业务,这些网站和在线业务具有品牌知名度,并且其名称既简短又易于记忆。想要一些例子吗?以下是一些案例:

    • Moz
    • HubSpot
    • WordPress
    • Twitter
    • Facebook
    • Pinterest

    该列表可以继续下去,但我认为您明白了。所有这些网站都代表着知名品牌,这些品牌碰巧也有令人难忘的名字。仅以Moz为例。

    Moz专注于帮助人们学习和了解最新SEO的内容和产品,但是,该名称与SEO无关。但是,即使该名称并未明确将SEO列为该网站的主题,但该网站已成为学习SEO的首选品牌之一,而且非常容易记住。

    另一个创造令人难忘的东西的例子是Pinterest。Pinterest将两个词和想法融合在一起,创建了一个易于记忆且难以忘记的名称和品牌。

    选择一个简短而令人难忘的名字可以帮助你建立一个品牌,而建立一个品牌是谷歌喜欢奖励的东西。

    独一无二

    按照上面的想法,上面的所有站点都有一个共同点:它们都是独一无二的。

    独特性是我们一直在努力的事情。Google喜欢独特的内容,那么她为什么不喜欢与品牌、博客或产品相关联的独特 URL?哎呀,当您从独特性的角度来看时,即使您的名字作为域名也可能是一件好事。

    避免连字符

    为了独特和令人难忘,购买一个吸引人但使用连字符的域名可能很诱人,因为您想要的真实姓名已经注册。

    在这方面也有不同的思想流派,但我站在一边说这些域名看起来很丑,实际上无助于向我们许多人争取的权威提供帮助。

    使用连字符的另一个缺点是它们实际上并不是唯一的。如果其他人已经在使用ExampleDomain.com并且您注册了Example-Domain.com,那么记住您的名字并将其输入到搜索栏中的人很可能会忘记连字符。

    那有什么作用?它将他们带到另一个与您无关的站点。是的 – 无赖!

    这些提示只是要遵循的一些提示,但它们是您在选择域名时应该考虑的提示。

    查找域名的地方

    有很多地方可以在线查找域名,因此就选择谁作为您的注册商而言,选择权完全取决于您。以下是注册URL的几种选择。

    Godaddy

    GoDaddy

    在寻找购买域名的地方时,GoDaddy很多时候是人们首先想到的网站。它们是大多数人在购买域时选择的最受欢迎的选项之一,并且当您第一次向他们注册域时,它们通常会进行交易以帮助您节省大量资金。

    当域名被拍卖时,他们也有一个区域,因此您可以从拥有您正在寻找的URL并愿意查看的其他人那里购买域名。

    尽管GoDaddy是最受欢迎的选择,但在与他们续订您的域时,他们确实会收取更高的费用,而且WHOIS隐私(您会想要的)几乎是免费的。域名续订两年的平均费用约为50美元,这并不可怕,但仍然值得注意。

    Namecheap

    Namecheap

    这是另一个受欢迎的域名注册商,与GoDaddy相比有几个优势。

    就价格而言,考虑到NameCheap的 .com扩展名在10美元左右且没有折扣,续订几乎总是更便宜。通过NameCheap购买的域名还附带免费WHOIS隐私保护,可为您节省近10美元。就个人而言,我喜欢从他们那里购买我的个人URL。

    阿里云

    aliyun

    如果需要购买一个可备案的域名,阿里云自然而然是我们的首选,自从阿里把万网收入囊中,就可以预见国内最大的域名注册商非阿里莫属了。

    但是,我还是不得不说的是,尽可能你的主机哪里买就去哪里购买域名。这样,在域名解析管理和服务器管理上有不少的便利。就那阿里云的主机备案来说,你至少可以在一个网站管理后台完成整个备案流程、域名解析及网站搭建。

    主机提供商

    许多主机提供商提供了购买URL或在您注册时免费获取URL的选择。尽管许多人更喜欢将他们的托管和域分开,但也有一些人喜欢将它们保持在一起。

    Bluehost会在您注册时提供一个免费域名,其他提供商(如 SiteGround)在会员区有一个区域,您可以在其中搜索和购买多个域并将它们保存在您的帐户中。

    小结

    如前所述,您决定从哪里购买域名完全取决于您。尽管您的大部分在线成功不在于您的 URL,但您的域名仍然会影响事情——无论是好是坏。

    值得您花时间真正考虑一下您将如何称呼您的网站和业务,因为这将使您与众不同。就像您的名字与您的个性和特征相关,让您与众不同一样,一个以品牌特征和优质内容为标志的好域名将帮助您在谷歌中脱颖而出并脱颖而出。

  • 什么是A记录及其与CNAME和MX记录有何不同

    什么是A记录

    域名系统 (DNS) 使我们能够使用易于记忆的域名浏览网络。它将互联网的各个部分联系在一起,并有助于促进它们之间的通信。但是,DNS及其组件可能会令人困惑,尤其是在涉及DNS记录时。

    在本文中,我们将解释DNS的A记录。我们将讨论它们是什么、它们有何用途以及它们与CNAME和MX 记录有何不同。然后我们将向您展示如何为您的网站找到它们。

    DNS记录简介

    每台连接到互联网的设备都有自己唯一的 IP 地址。该组件的功能类似于邮寄地址,因为它告诉其他计算机将请求和响应发送到何处。就网站而言,这种信息传输会导致内容加载到访问者的浏览器中。

    但是,IP地址由一长串数字组成,因此在浏览器中输入一个数字来访问网站并不完全是用户友好的。这就是DNS的用武之地。它是一个系统,可以为网站分配更清晰的域名,例如www.wbolt.com,并将它们绑定到相应的IP地址,以便用户可以访问它们。

    DNS记录是告诉DNS哪些URL与给定 IP 地址相关联的元素。它们是将整个数据库联系在一起的线程,因此当您输入网址时,您的浏览器知道将请求发送到哪里。

    什么是A记录,与CNAME和MX有何不同?

    有几种不同类型的DNS记录,但最常见和最重要的记录称为“A”、“CNAME”和“MX”。让我们分解一下每个人的作用以及它们的不同之处。

    A记录是最基本的类型。“A”代表“地址”,因为它们的功能是将域名或URL直接绑定到IP地址。下面是一个例子:

    A记录

    该主机记录列表示的域或子域的记录引用,而“@”代表的根域,或您网站的主域名。该点要列是IP地址,在第一列的域指向。TTL代表“生存时间值”,告诉DNS将查询缓存多长时间。这是一个您通常不需要担心的技术细节。

    基本上,当您在浏览器中输入网址时,DNS会查找该域名,然后将您的浏览器路由到关联的IP地址。

    CNAME是“规范名称”的缩写。CNAME记录本质上是将一个域名与另一个域名联系起来的别名。例如,如果您在浏览器中输入“wbolt.com”,DNS会将您定向到www.wbolt.com,因为有一个别名将前者指向后者。

    CNAME记录总是指向一个A记录或另一个CNAME。这是它们的样子:

    CNAME记录

    对于CNAME记录,唯一的区别是Points To列将是Host Record指向的Web地址,而不是IP。例如,主机记录可能是“www”并且它可能指向“example.com”。这将导致www.example.com重定向到example.com。

    这样做的好处是,如果需要编辑它们,只需更改A记录,所有指向它的关联CNAME都会自动更新。

    最后,MX或“邮件交换”记录处理发送电子邮件。它们告诉DNS特定电子邮件地址所在的位置。下面是一个例子:

    MX记录

    在优先级列给每个MX记录优先级编号。如果这里有多条记录,则优先尝试最低优先级。如果连接失败,DNS将在列表中向下查找,直到其中一个正常工作。

    因此,总而言之,A记录直接指向 IP 地址,而CNAMEs指向A记录。MX 记录指向邮件服务器并帮助将电子邮件路由到正确的目的地。

    何时需要访问您的A记录

    在大多数情况下,您不需要对A记录进行太多操作。一旦站点启动并运行,它们往往会保持不变,并且很少会要求您提供它们。

    但是,在少数情况下,您可能需要访问和编辑站点的A记录。最值得注意的是,您可能需要它们来更改Web服务器,例如,如果您决定更换托管服务提供商或计划,或者将您的站点迁移到您自己的私人服务器。

    如果您更改了站点的域名但希望保持其内容不变,您可能还需要更新您的A记录。在这种情况下,您只需更改A记录,新域将指向您的虚拟主机服务器上的相同位置。

    最后,如果您为站点创建子域,则可能需要为它们生成A记录,以便将它们指向您的服务器。

    如何访问您的A记录

    您应该能够通过您的网络托管帐户仪表板访问您网站的 A 记录。对于此示例,我们将使用DNSpod。但是,请记住,您的提供商的设置可能看起来有所不同。如果您需要帮助,我们建议您查阅相关文档或联系您的主机支持团队。

    步骤 1:访问您的 Web 主机的域设置

    首先,您需要登录DNSpod帐户,点击管理控制台。然后点击左侧菜单的“DNS解析-我的域名”。

    dnspod控制台

    单击此屏幕应该会显示注册到您帐户的域名列表。

    步骤 2:进入域名对应DNS设置

    进入“ 域名”列表页面后,找到要编辑其记录的那个。双击域名进入DNS设置:

    dnspod域名解析

    这会将您带到一个页面,其中列出了该域名的所有DNS记录。

    步骤 3:添加、删除或更改您的记录

    最后,要添加、删除或更改您的DNS记录,只需为您要修改的记录选择适当的选项。请记住,您所做的任何更改都需要一些时间才能通过DNS传播并生效(在某些情况下长达48小时)。

    如果您需要更改CNAME、MX或任何其他DNS记录,您将遵循相同的步骤。大多数主机将它们都放在同一页面上。

    小结

    DNS是使互联网直观导航的秘诀。但是,有时您必须直接使用这些成分——DNS记录。如果需要,知道哪个做什么将帮助您有效地浏览此过程。

    A记录是DNS的基本构建块。它们将网站的域名与托管它的计算机联系起来。没有它,我们将无法记住IP地址。同时,CNAME记录处理网站别名,MX记录处理电子邮件路由。

  • 什么是MX记录及如何新增或更改

    什么MX记录及如何更改

    邮件交换 (MX) 记录是域名系统 (DNS) 中唯一类型的条目。多亏了DNS记录,当您收到自定义地址的电子邮件时,系统会准确地知道将其路由到何处。因此,正确设置它们并在需要时更改它们是一项应该给予关注和关注的任务。

    在本文中,我们将首先谈谈什么是MX记录。然后,我们将向您展示两种设置方式更改MX记录——通过您的注册商或控制面板。

    什么是MX记录?

    简而言之,MX记录是“DNS 分类帐”中的一种条目。基本的“A”名称记录将域与IP地址匹配,而MX条目告诉电子邮件客户端将电子邮件路由到哪里。

    为了使用真实世界的场景更容易理解这个概念,让我们分解一下发送电子邮件后的过程:

    1. 您向johndoe@example.com 发送电子邮件 ,您的电子邮件客户端会查找域的名称服务器。
    2. 客户端向名称服务器询问其相应的MX记录。
    3. 这些MX记录将地址指向为您的域处理电子邮件的服务器。

    总而言之,MX记录是已经是至关重要的系统的关键组成部分。没有它们,电子邮件将无处可去——这意味着我们需要为所有事情召开会议。

    在您了解如何更改MX记录之前,查找特定域的电子邮件服务器可能会派上用场。您可以使用公共查找工具(例如MXToolBox )执行此操作。只需输入域并单击MX Lookup:

    MX Lookup

    在下一个屏幕上,您将看到域关联电子邮件服务器的列表。某些域只有一个,而其他域(例如Google)将有多个:

    Google邮件服务器

    通常,您的电子邮件托管服务会提供您需要的服务器地址和优先级值,因此请务必查看他们的文档。

    如何设置或更改MX记录

    在大多数情况下,设置新MX记录的工作方式类似。但是,该过程可能会根据您设置这些记录的位置而变化。首先,让我们向您展示该过程如何使用Namecheap等注册商操作。

    1. 通过域名注册商更改MX记录

    如果您使用Namecheap,您可以通过登录您的帐户并前往相应的Advanced DNS部分为您拥有的任何域添加新的MX记录:

    Namecheap DNS管理

    此选项卡包含您为域设置的所有自定义记录。例如,您应该看到一个A名称记录和一个或多个CNAME条目。

    如果您向下滚动到“MAIL SETTINGS” 部分,您可以通过从右侧的下拉列表中选择“Custom MX” 选项来添加自定义MX条目 :

    Namecheap域名MX记录自定义

    在弹出的窗口中,在Host字段中输入“@”并设置您的邮件服务器推荐使用的优先级。这取决于电子邮件服务。例如,Google建议您将其电子邮件服务器的优先级设置为 1(最小值为 10,最大值为 0)。

    同样,您在Mail Server字段中输入的URL将取决于您使用的服务。在此示例中,我们将域指向Gmail G Suite服务器:

    Gmail G Suite服务器

    您还会注意到我们将TTL设置为 Automatic。 生存时间值 (TTL) 告诉您的名称服务器更新DNS记录的频率。根据经验,我们建议使用automatic设置。

    请记住,您可以为一个域设置多个MX记录。例如,Google 建议您为其辅助邮件服务器添加记录,以防万一。

    但是,当您添加辅助记录时,为它们提供更高优先级的编号始终是一个好习惯。这是一个简单的例子,说明它的外观:

    Namecheap域名MX记录

    根据您的注册商或网络主机,您可能还可以访问不同类型电子邮件解决方案的预设配置。

    例如,Namecheap还允许您创建MXE记录,用于配置向特定IP地址发送电子邮件:

    MXE记录

    注册商还允许您将电子邮件直接配置到Gmail,无需额外工作:

    Namcheap一键设置Gmail邮件服务器

    如果您要更新MX记录,请检查您的注册商或网络托管服务商是否允许您访问任何此类预配置选项。

    2. 使用主机控制面板添加新的MX记录

    如果您使用的网络主机可以让您访问控制面板(例如cPanel),则添加新MX记录的方式会有所不同。在您的cPanel仪表板中,您需要查找Domains部分并选择Zone Editor选项:

    cPanel仪表板

    在下一页上,选择要为其添加新记录的域,然后在该名称旁边找到 +MX RECORD 选项:

    cPanel仪表板mx记录设置

    现在继续设置您的电子邮件主机推荐的优先级值,以及其相应的服务器URL:

    MX记录域名值

    确认新记录,你就设置好了。使用cPanel,您无需配置TTL值,因此请注意,您可能需要等待一段时间才能生效。

    与其他控制面板一样,您可以为单个域设置多个MX记录。不过,请记住使用优先级来确保传入的电子邮件知道首先尝试哪个服务器。

    小结

    注册域名时,您通常还可以选择为其设置电子邮件地址。如果您有电子邮件托管,您将需要设置MX记录来配置哪些邮件服务器应该为您接收传入的邮件以及将它们路由到哪里。

    设置新的MX记录非常简单,您可以通过两种方式进行操作:

    1. 通过您的域注册商更改MX记录。
    2. 使用您的主机控制面板添加新的MX记录。
  • 什么是CNAME记录及如何添加修改

    什么是CNAME记录及如何添加修改

    我们之前已经讨论过域名系统 (DNS) 的工作原理,但这并不是全部。轮子有很多额外的齿轮,到目前为止我们还没有讨论一些最常见的元素,例如CNAME记录。

    在本文中,我们将解答CNAME记录是什么,并向您展示您可以使用的几种变体。然后我们将讨论您将遇到的限制,最后向您展示如何为您的域添加这些限制。

    什么是CNAME记录?

    DNS的核心是将域名映射到特定的IP地址。当您在浏览器中输入URL时,它会通过DNS查找相应的IP地址并引导您访问您要访问的网站。

    然而,这只是DNS使用的一种记录类型。使用CNAME记录,您可以将URL作为别名映射到您的规范域。这意味着如果映射到该规范域的IP地址发生更改,您的CNAME记录仍将 有效,因为它们指向根域。

    举一个真实的例子,假设你有这三个 URL:

    1. yourwebsite.com
    2. www.yourwebsite.com
    3. yourwebsite.io

    第一个URL将是您站点的规范域,它指向您站点的IP地址。实际上,您需要设置一个CNAME记录,将www.yourwebsite.com 的 访问者重定向到yourwebsite.com。

    同时,我们也使用不同的顶级域 (TLD)注册了相同的名称。这意味着您要创建第二个记录,将地址三重定向到第一。所有这些通常通过您的域注册商或您用来管理您“拥有”的URL的任何服务发生。

    CNAME记录示例

    事实上,CNAME条目有多种形状和大小。但是,在大多数情况下,您只需为新网站设置一条CNAME记录——以我们刚刚提到的www示例为代表。

    在后面的部分中,我们将向您展示如何通过您的注册商设置类似的记录。首先,让我们更详细地查看另外三个示例。

    1. 为文件传输协议 (FTP) 或电子邮件等服务设置单独的主机名

    如果您想使用ftp.yourwebsite.com等域通过FTP访问您的网站,则需要设置相应的FTP服务的CNAME记录:

    FTP服务CNAME记录

    这种相同的方法适用于您使用的其他服务(例如电子邮件)的CNAME记录。在这里,您需要设置一个“主机名”,例如“mail”:

    Mail服务CNAME记录

    这些记录将对应于以下两个 URL:

    1. ftp.yourdomain.com
    2. mail.yourdomain.com

    对于大多数注册商,您可以输入完整的主机名(您在上面看到的那两个 URL)或缩写,例如www、  ftp和mail。

    2. 将具有不同TLD的地址指向一个“主”域

    在某些情况下,使用不同的TLD注册相同的域名是值得的。例如,您可以为yourdomain.org设置指向yourdomain.com的CNAME记录。 下面是记录的样子:

    子域指向主域CNAME记录

    重要的是要了解您需要将这种类型的CNAME记录添加到要指向不同URL的域中。换句话说,您不能使用CNAME记录将根级别域指向另一个域。根域,例如yourdomain.com需要映射到 IP 地址。

    使用相同的方法,您可以将完全不同的域映射到根URL。让我们回顾一下映射过程的工作原理,以便您知道从哪里开始。

    如何为域名添加CNAME记录

    添加新的CNAME记录与大多数注册商的工作方式大致相同,尽管每个注册商使用的界面可能不同。为了向您展示这是如何工作的,我们将设置一个基本记录,将www的URL指向其规范域。首先,您需要通过注册商打开域的设置。

    例如,如果您使用Namecheap,注册商会为您拥有的每个域提供一个Advanced DNS选项卡。在选项卡中,您可以添加多种类型的记录(除了CNAME之外还有更多选项!)。

    在下面的示例中,您可以看到“A”记录。这是一种将您的规范域映射到您站点的IP地址的记录类型。

    Namecheap的域名DNS设置

    要添加记录,您需要单击ADD NEW RECORD(添加新记录)并在Record Type(记录类型)下选择CNAME Record:

    Namecheap的域名新增CNAME记录

    在Host下, 您需要为此特定示例输入www前缀。现在在Target下添加您网站的规范域 :

    www指向根域名CNAME记录

    最后,还有一个叫做TTL的设置 。这个首字母缩写词代表“生存时间”,它告诉您的域名服务器应该多久更新一次您的DNS记录。您可能知道,DNS记录需要一些时间来“传播”并在全球范围内访问。TTL时间越短,等待时间就越短。

    在大多数情况下,我们建议将此设置保留为“自动”, 因为DNS记录通常传播得足够快。现在,保存你的新记录,它应该出现在它的A记录下方:

    Namecheap域名CNAME记录示例

    请记住,您可以根据需要设置多个CNAME记录。在上一节中,我们探索了多个选项,并且所有选项都可以同时设置。

    您不能做的是设置将同一域指向不同规范URL的记录。这意味着您无法设置两个指向www.yourdomain的记录。COM对yourdomain.com和alternatedomain.com。如果您正在建立一个新网站,大多数情况下您只需要创建两个记录即可让一切正常工作。这些将是一个A记录和一个CNAME记录。

    小结

    CNAME记录是DNS的核心组件。如果您需要将域相互指向(而不是指向IP地址),则需要使用CNAME记录。

    CNAME记录有多种用途,但最常见的两种用途包括:

    1. 为FTP或电子邮件等服务设置单独的主机名。
    2. 将具有不同TLD的地址指向“主”域。
  • 如何更改域名DNS解析服务器

    Nameservers(DNS解析服务器)告诉全局域名系统在哪里寻找特定网站。域名服务器可以让您的用户省去记住构成您IP地址的数字的脑力劳动。相反,他们可以使用直观的域名来记住您的网站并为其添加书签。尽管名称服务器的用途相对容易掌握,但熟悉如何在需要时修改您的名称服务器的基础知识是明智的。

    这听起来可能有点技术性,但是更改DNS解析服务器实际上是一个相当简单的过程。在本教程中,我们将解释什么是名称服务器以及它们的作用。然后将逐步向您展示如何更改DNS解析服务器并指向其他主机或防火墙。

    change-nameservers-main

    什么是Nameservers?

    Nameservers(又称DNS解析服务器)是域名系统全局数据库的一部分。他们的工作是告诉其他计算机在哪里可以找到域名。如果虚拟主机帐户是网站文件所在的房子,则域名是该房子的街道地址。DNS解析服务器主要是告诉互联网在哪里可以找到与域名相关联的网站地址。

    howdomainswork

    在Web浏览器中输入域名时,它首先向构成域名系统(DNS)服务器的全球网络发送请求。然后,这些服务器搜索与该域关联的各个DNS服务器,并相应地转发请求。例如,如果您的网站托管在Bluehost上,则其DNS解析服务器信息将如下所示:

    ns1.bluehost.com
    ns2.bluehost.com

    这些DNS解析服务器是由您的网站托管服务提供商管理的计算机。服务器托管公司会将用户的请求转发到存储您的网站的计算机(也称为服务器)。

    简而言之,Nameservers是域名系统 (DNS) 的一部分,可帮助您的浏览器将域名解析为IP地址。DNS一个包含有关域名及其相关 IP 地址信息的大型数据库。名称服务器使用这些 DNS 记录将我们熟悉的名称解析为浏览器可以使用的数字。

    例如,当您访问网页时,您通常会输入一个 URL,例如google.com或facebook.com。但是,与这些站点中的任何一个关联的 IP 地址看起来都类似于 189.60.333.253。

    如果没有名称服务器,您需要记住每个需要访问的站点的数字。尽管我们可能依靠名称而不是数字来访问网站,但浏览器仍然需要一种方法来理解这些更直观的标识符指向的 IP 地址。

    因此,如果您在浏览器中输入优雅主题.com,您的计算机将联系我们域的名称服务器并询问我们站点的 IP 地址。然后,您的浏览器向返回的地址发出请求。

    如果您愿意,您可以轻松查看当前使用的名称服务器。解决此问题的一种方法是使用官方互联网名称与数字地址分配机构 (ICANN) 查找工具

    domain-lookup

    您还可以通过您的主机帐户找到您的域名服务器。该过程会有所不同,具体取决于您的提供商。但是,一般来说,您会在帐户的“域名”部分找到名称服务器信息 。

    选择要查看其名称服务器的特定地址,然后查找“Manage Nameservers”或类似设置:

    Nameservers

    为什么以及何时需要更改DNS解析服务器?

    大多数时候,您可能不会再考虑您的域名服务器。但是,有几项与管理您的网站相关的任务可能需要您(或第三方工具)与他们进行交互。

    例如,Google Search Console使用名称服务器来验证您的域。如果您要创建品牌企业电子邮件地址,您可能还需要设置Google的MX记录

    为什么需要更改DNS服务器有以下主要原因:

    1. 您正在切换虚拟主机提供商
    2. 您正在添加DNSPod,Sucuri或Cloudflare等Web应用程序防火墙来保护您的网站
    3. 您向一家公司注册了您的域名,这与托管您希望它指向的网站的公司不同。
    4. 您想设置自定义名称服务器。

    当您将网站移至新的托管公司时,您将需要更改域名的DNS解析服务器信息,以使其指向新的托管位置。

    这非常重要,因为旧的服务器托管公司通常会在您的计划到期后删除您的文件。如果您不更改DNS服务器,那么您的用户将无法找到您的网站。

    当您实施Web应用程序防火墙(WAF)时,WordPress WAF插件会要求您将DNS服务器指向它们。

    这是所有Web应用程序防火墙(如DNSPod,Sucuri或Cloudflare)所必需的步骤,因为它通过在DNS级别上将其阻止来帮助它们保护您的网站服务器免受攻击。

    除了这两个常见原因外,您几乎无需更改DNS服务器。虽然,您可能需要添加DNS记录,例如更改专业电子邮件地址的MX记录等。

    下面我们一起来看看如何更改域的DNS解析服务器并将其指向您的新主机。

    如何更改域名的DNS解析服务器

    更改DNS解析服务器非常简单容易。根据您的域名注册商的不同,该过程可能与您略有不同,但是基本步骤相同。

    我们将介绍在多个流行的域名注册商和网络托管公司上更改您的DNS解析服务器的说明。流程大同小异,你可以直接跳到适合你的部分。

    在编辑DNS解析服务器之前,您需要知道要使用的新DNS解析服务器记录。您的新虚拟主机应该可以告诉您这一点。

    DNS解析服务器通常看起来像ns1.bluehost.comns2.bluehost.com。某些Web主机改为使用IP地址。

    提示:DSN服务器更改可能要花费几个小时才能生效。如果您的网站没有立即显示在您的域中,请耐心等待。

    使用Domain.com更改DNS服务器

    Domain.com是最受欢迎的域名注册商之一。在Domain.com上注册域并将其托管在其他地方很容易。

    要更改DNS服务器,首先需要登录到Domain.com帐户。之后,您必须单击左侧边栏中的“DNS & Nameservers”链接。

    dns-and-nameservers-domaincom

    在该页面,可以查看您的DNS记录。

    开始之前,请确保选择了正确的域。

    select-correct-domain-domaindotcom

    确保你选择正确域名后,只需向下滚动直到找到NS记录。其中应有2个,即ns1.domain.com和ns2.domain.com。

    首先,单击ns1.domain.com旁边更多选项图标,然后选择“Edit”。

    nameservers-in-list-domaincom

    在弹出窗口,你需要编辑nameserver记录。只需在“Content”框中键入新的DNS服务器地址,然后单击“Update DNS”按钮。示例中使用的是Bluehost的DNS服务器:

    update-domaincom-nameserver

    然后对ns2.domain.com进行重复的操作更改第二个DNS服务器地址,如下图所示

    nameservers-updated-list-domaincom

    这就是将您的网站域指向新主机所需要做的一切。

    使用Bluehost更改DNS服务器

    Bluehost是一家受欢迎的WordPress服务器托管公司,也是一个域名注册商。如果您在Bluehost上注册了一个域,则很容易更改DNS服务器。

    首先,您需要登录到Bluehost帐户。接下来,单击左侧的“Domains”选项卡。在列表中可以看到您的网站域名。只需单击您域旁边的下拉菜单,然后选择DNS。

    domains-manage-dns-bluehost

    现在,您将在Bluehost中看到您的域的DNS详细信息。继续并单击这些旁边的“Edit”按钮。

    edit-nameservers-bluehost

    现在,您需要单击“Custom”选项,并为新的Web主机输入DNS服务器。接下来,单击“Save”按钮。

    changing-bluehost-custom-nameservers

    然后,您将在列表中看到更新的DNS解析服务器:

    nameservers-updated-list-bluehost

    现在的网站域名将指向新的虚拟主机,即成功更改了Bluehost上的DNS解析服务器。

    使用SiteGround更改名称服务器

    SiteGround是知名的专业WordPress服务器托管公司,他们还提供域名注册。

    要在SiteGround中更改名称服务器,首先需要登录到SiteGround帐户

    接下来,单击转到Services » Domains页面,然后单击所选域的“Manage nameservers”链接。

    manage-nameservers-link-siteground

    在弹出窗口中,只需删除现有的SiteGround提供的DNS解析服务器,然后输入要使用的新DNS解析服务器。您可以添加第三个和第四个DNS服务器(可选)。

    准备就绪后,继续并单击“Confirm”按钮。

    change-nameservers-siteground

    至此,即完成SiteGround的域名DNS解析服务器更改。

    使用HostGator更改名称服务器

    HostGator是另一个受欢迎的网站托管公司和域名注册商。

    要在HostGator上更改名称服务器,您需要登录到HostGator帐户。

    接下来,您需要单击“Domains”选项卡,然后单击所选域的名称以查看更多详细信息。

    hostgator-domains-tab

    现在,您将在域名下方看到展开的详细信息部分。在这里,您只需要单击nameserver详细信息下方的“Change”链接。

    hostgator-more-details-domain

    现在,您将看到两个新框将出现在DNS服务器上。您只需要在这些框中输入DNS服务器,然后按“Save Name Servers”按钮即可。

    hostgator-manually-set-name-servers

    然后,这些框将变为绿色,表示DNS服务器更改已保存。如果返回到域概述,您将在列表中看到新的DNS服务器:

    hostgator-new-nameservers

    使用GoDaddy更改名称服务器

    GoDaddy是最著名的网站托管和域名公司之一。

    要更改DNS解析服务器,首先需要登录到GoDaddy帐户。

    首页上看到您的域名列表。只需单击所选域的更多图标,然后选择“Manage DNS”选项。

    godaddy-domains-manage-dns

    接下来,您需要单击“I’ll use my own nameservers”选项,然后输入要使用的DNS服务器。还可以点击“Add Nameserver”按钮添加更多的DNS解析服务器。

    godaddy-enter-nameservers

    完成后,只需单击“保存”按钮。

    GoDaddy可能会弹出警告提示进行确认。只需选中该复选框,单击Continue 按钮,,即可更改您的域名DNS解析服务器。

    godaddy-nameservers-warning

    使用Namecheap更改名称服务器

    Namecheap是另一家顶级域名公司,提供超值域名。

    要更改名称服务器,首先需要登录到Namecheap帐户。接下来,单击“Domain List”标签,然后单击所选域旁边的“Manage”按钮。

    namecheap-manage-domain

    之后,您需要向下滚动到页面的“Nameservers ”部分。在这里,您需要单击下拉列表,然后选择“Custom DNS”选项。

    namecheap-custom-dns

    只需在此处添加您的DNS解析服务器,然后单击check按钮。

    namecheap-add-nameservers

    当你看到新DNS解析服务器现在将显示在列表中,即说明DNS解析服务器更改成功!

    namecheap-nameservers-in-list

    小结

    任何DNS解析服务器更改都可能需要几个小时才能在全球范围内生效。这是因为它要求每个互联网服务提供商清除其缓存历史记录并将IP地址更新为新记录。

    如果这是您第一次更改DNS解析服务器,那么保持耐心就很重要,因为更改通常不会立即反映出来。如果已经过了几个小时,并且您的域名DNS解析服务器更改仍未显示,那么您可以尝试刷新计算机上的DNS缓存

    我们希望本教程能帮助您学习如何更改DNS解析服务器并将域指向另一个主机。

  • 古腾堡编辑器教程:如何使用Spotify嵌入区块

    如何使用Spotify嵌入区块

    WordPress的Spotify嵌入区块可让您向WordPress文章和页面添加各种音乐好东西。您可以嵌入专辑、播放列表、播客或曲目,任何人在访问您的网站时都可以收听它们。在提示他们进行下一步(例如登录或注册)之前,他们会听到30秒的预览。此外,您实际上并不需要付费的Spotify帐户来嵌入音乐或播客,这意味着您可以迎合您的观众,而无需在您的每月预算中添加其他订阅。

    想要在您的WordPress文章或页面中嵌入Spotify链接的原因有很多:

    • 推广您自己(或其他人)的创意项目
    • 将您的观众与您知道他们会喜欢的内容联系起来
    • 提供您正在评论或评论的音乐样本或播客
    • 用多媒体增强您的页面,让您的访问者享受聆听的乐趣

    在本文中,我们将向您介绍如何将Spotify嵌入区块添加到WordPress文章或页面,以及如何向其添加各种Spotify链接。我们还将介绍技巧、最佳实践和常见问题解答。

    如何将Spotify嵌入区块添加到页面或文章

    在将Spotify链接添加到WordPress之前,您必须知道如何设置Spotify嵌入区块并为它们做好准备。首先,登录到您的WordPress仪表盘。以Gutenberg编辑器创建或打开页面或文章

    将鼠标悬停在页面上的空白区域,您会看到一个加号。单击它会显示您可以添加到WordPress文章或页面的所有区块。在搜索框中输入“Spotify”,然后选择出现的Spotify区块。这会将Spotify嵌入区块添加到WordPress文章或页面。

    WP添加区块

    搜索Spotify嵌入区块

    添加Spotify音乐链接

    现在让我们添加一些音乐或播客!

    如何文章或页面中嵌入Spotify音乐

    让我们从嵌入单个曲目开始,因为嵌入专辑或播放列表将遵循类似的过程。

    如何将Spotify曲目嵌入文章或页面

    打开Spotify网络播放器并登录。找到您要嵌入的曲目(1)。单击最右侧的三点图标(2)。将鼠标悬停在“Share(3)”上以显示第二个菜单。选择Select Copy Song Link(4)。

    Spotify音乐链接

    返回WordPress,将该链接粘贴到Spotify嵌入框中,然后单击嵌入。

    Spotify音乐链接嵌入

    这是嵌入轨道的样子:

    Spotify音乐播放轨道

    如何将Spotify专辑或播放列表嵌入文章或页面

    要在WordPress中嵌入整个专辑,请转到Spotify上的专辑。(确保您实际上是在专辑上,而不是在艺术家的页面上——当您复制链接时,您是否在错误的地方会很清楚。)点击三点图标(1),将鼠标悬停在Share(2)上,然后选择Copy Album Link(3)。

    Spotify专辑或播放列表链接

    将链接粘贴到WordPress的Spotify嵌入框中,然后单击嵌入。所有专辑曲目都会显示出来,用户可以滚动查看更多。

    Spotify播放列表

    要嵌入Spotify播放列表(您的或其他人的),请导航到播放列表,单击三点图标(1),选择Share(2),然后选择Copy Link to Playlist(3)。

    Spotify播放列表链接

    这将显示为与专辑相同的曲目列表和右侧的滚动条以查看更多内容。

    嵌入Spotify播放列表

    如何将Spotify播客嵌入文章或页面

    嵌入播客遵循类似的过程。首先,您必须转到主播客页面,而不仅仅是单个剧集的页面。如果您正在观看一集,单击“See All Episodes”会将您带到主节目页面。

    Spotify播客全部剧集

    从那里,单击“Follow”链接右侧的三点图标(1)。将鼠标悬停在Share(2)上,然后从弹出的菜单中单击Copy Show Link(3)。

    Spotify播客链接

    返回WordPress的Spotify嵌入区块,粘贴链接并点击嵌入。

    Spotify播客

    如何将Spotify播客剧集嵌入文章或页面

    要嵌入单个播客剧集,您将遵循类似的过程。转到剧集,单击加号右侧的三点图标(1),将鼠标悬停在Share(2)上并选择Copy Episode Link(3)。

    Spotify播客剧集链接

    转到WordPress,将链接粘贴到Spotify嵌入框中,然后点击嵌入。

    Spotify播客剧集

    Spotify嵌入区块错误消息

    如果您以某种方式获取了无法嵌入的链接,或者您不小心只粘贴了链接的一部分,您将收到一条错误消息。您可以选择再次尝试链接或选择转换为链接选项,但如果两者都不起作用,则必须使用不同的链接。

    Spotify嵌入区块设置和选项

    当您单击Spotify嵌入区块时,顶部上方的工具栏中会显示四个选项。

    Spotify嵌入区块设置和选项

    从左到右分别是:

      • 更改区块类型或样式:这使您可以将块转换为列或组布局。这个选项很挑剔,但如果你想尝试一下,你可以添加更多的Spotify区块(或其他区块)并以有趣的方式排列它们,你还可以调整颜色设置。不过,不要理会段落选项 – 它会将您的URL变成纯文本。
      • 更改对齐方式:将嵌入框向左、居中或向右对齐,或选择全幅或宽幅。选择Left或Center将使框变小,而选择Wide或Full将使其与页面一样宽。
      • 编辑URL:更改嵌入框中的Spotify链接。
      • 更多选项:复制或复制嵌入框、在它之前或之后添加另一个区块、在页面上移动它、编辑区块的HTML、将其添加到您的可重用区块、将布局变成一个组或完全删除区块。

    如果页面上有任何其他区块,您还会看到六点拖动图标,可让您单击并将框拖动到页面上的其他位置,以及向上和向下箭头图标,可让您移动块每次点击向上或向下一个位置。

    有效使用Spotify嵌入区块的提示和最佳实践

    使用标题字段

    在嵌入框下方是添加标题的空间。使用它,以便访问者确切地知道他们在单击媒体时将播放什么。如此多的Spotify嵌入看起来都一样,以至于很难区分音乐曲目和播客曲目、专辑或播放列表等。

    限制您添加到单个页面或文章的Spotify内容数量

    每次访问者单击Spotify曲目上的播放时,它都会一直播放到曲目结束或他们手动停止播放。如果他们在页面上的另一首曲目上点击播放,它也会开始播放,与已经播放的曲目一起播放。对于无法找到他们想要停止播放的其他曲目的人来说,这可能会很烦人。在可能的情况下,将Spotify嵌入每个WordPress文章或页面限制为一个是最方便用户的,以避免混淆和嘈杂。

    为更多选择创建播放列表

    现在,我们知道有时您想要向Spotify嵌入区块添加多个曲目。这是拥有播放列表派上用场的时候。由于您可以将音乐曲目和播客片段添加到播放列表中,因此您可以在一个用户友好的盒子中拥有想要共享的所有媒体。

    关于Spotify嵌入区块的常见问题

    如何使Spotify嵌入框更小?

    虽然Spotify嵌入区块的大小是自动确定的,无法进行太多调整,但您可以使用列、组或对齐方式来查看是否会使其在您的主题中变小。

    如何更改Spotify上的嵌入音乐?

    进入您的WordPress文章或页面进行编辑,然后转到您要更新的Spotify嵌入框。单击它可使菜单出现在其上方。单击铅笔图标以编辑URL。将要嵌入的URL粘贴到已有的URL上,然后单击“嵌入”以更新它。然后确保实时发布更改,以便它们显示在您网站的前端。

    嵌入式Spotify曲目会自动播放吗?

    不,嵌入的Spotify曲目仅在访问者手动播放时才开始播放。

    小结

    无论您现在是否是Spotify用户,很高兴知道该服务似乎包含您可以想到的任何音乐搜索。当谈到播客时,它也支持许多播客。WordPress的Spotify嵌入区块的主要缺点是,在将用户定向到他们的Spotify帐户之前,只播放30秒的剪辑。但是,如果您只想提供预览,例如您想让人们在Spotify上收听您的完整专辑或订阅您的播客,那么这就是完美的方式。无论哪种方式,添加令人耳目一新的媒体都是让您的网站具有吸引力(和现代)提升的绝妙方式。

  • 使用区块属性插件Block Attributes添加自定义HTML属性

    本周早些时候,websevendev将其第四个WordPress插件Block Attributes发布到官方目录中。该扩展允许最终用户向几乎任何区块添加任何HTML属性。

    WordPress编辑器的问题之一是自定义HTML可能有点麻烦。区块建立在一组标准上,标记应该满足这些期望。如果某些内容不适合,用户会看到无效标记警告。

    但是,有时用户出于各种原因需要放入自定义HTML属性。例如,我有时需要添加一个自定义data-属性来使用一些JavaScript。因为我对代码非常了解,所以我通常通过自定义HTML区块在这些情况下写出HTML。但是,当需要添加次要属性时,这没有意义。

    WordPress目前允许用户向几乎每个区块添加类和ID(在管理中称为“HTML锚点”)。它不允许直接输入HTML支持的许多其他可能的属性。普通用户的用例很少。

    对于某些用户可以使用额外功能的场景,块属性插件非常方便。

    该插件易于使用。它在每个区块的“高级”选项卡下添加了一个名为“附加属性”的新字段。用户可以添加属性名称并单击“添加”按钮。从那里,它创建一个用于添加属性值的新字段。

    向onclick按钮区块添加属性

    onclick按钮区块添加属性。

    该插件还支持多个属性。添加一个后,您只需使用相同的输入字段来创建更多。

    对于我的第一次尝试,我添加了onclick一个值为myFunction(). 然后,跳转到我的主题并通过JavaScript创建该函数以在控制台中输出一条简单的消息。一切看起来都很好,而且它奏效了。

    按钮区块的自定义JS

    按钮区块的自定义JS-2

    HTML视图和控制台,带有用于按钮区块的自定义JS。

    我想到的大多数用例都是与JavaScript集成的,这是一个简单的例子。开发人员可以使用这样的功能做更复杂的事情。这就是将该插件保留在工具箱中的充分理由——有时您需要扳手而不是锤子。

    我还可以看到区块属性用于在其他可能有助于可访问性的情况下添加ARIA属性。

    用户可以通过style插件的属性将自定义样式添加到特定区块。但是,除非这是一个简单的一次性,否则我建议不要这样做。对于更高级的用例,Blocks CSS是一个更合适的插件。它有一个内置的语法荧光笔。另外,textarea比单行文本输入框更友好。

    我见过的区块属性的唯一缺点是停用时。如果您添加了任何自定义属性,您将在编辑器中看到可怕的“此区块包含未预料的或无效的内容。”消息。编辑器设法解决了我在核心区块中遇到的任何问题。

    停用插件后解决区块警告

    停用插件后解决区块警告。

    停用插件不应影响前端输出。因为自定义属性是 HTML 标记的一部分,所以它们仍然存在。错误消息应该只显示在编辑器中。

  • 古腾堡编辑器教程:如何使用WordPress栏目区块

    如何使用WordPress栏目区块

    栏目是大多数现代网站和页面构建器的关键组件。幸运的是,WordPress区块编辑器使您能够同时使用列和行,因此您可以完全控制每个页面的布局。然而,尽管Builder将自动添加行,你需要选择在哪里以及如何使用栏目区块添加栏目。

    在本教程中,我们将向您展示如何在 WordPress中添加此区块以及如何配置它。然后,我们将介绍一些提示,以便您可以充分利用您的专栏,以及一些有关区块的常见问题 (FAQ)

    如何将栏目区块添加至页面或文章

    首先,打开要处理的页面或文章的区块编辑器。单击您添加的最后一个区块下方的加号图标 (1),或使用屏幕顶部的菜单,然后选择“栏目” 选项 (2):

    添加栏目区块

    区块编辑器为您提供了多个选项,供您选择要在所选行中包含的栏目数:

    栏目区块预设列数量

    默认情况下,区块编辑器仅允许您选择在一行中最多包含三列的预设。但是,一旦您放置了这些预设之一,您就可以单击它们之间的加号以向该行添加更多元素:

    栏目区块添加列

    可以这么说,编辑器将每一列视为自己的“部分”。例如,如果您有一行包含三列,您可以在每列中添加单独的区块以创建定价表:

    定价套餐栏目

    您可以将编辑器中可用的任何区块添加到您正在处理的每一列。放置所需的区块后,您可能还想花一些时间自定义列的设置。

    栏目区块设置和选项

    当您将鼠标悬停在区块编辑器中带有列的行上时,将出现一个格式菜单。该菜单包括用于移动列 (1)、更改其对齐方式 (2) 和修改行宽 (3) 的选项:

    栏目区块设置选项

    您看到的格式菜单会随着您添加区块而改变。当您将鼠标悬停在包含区块的列上时,该元素的格式菜单将替换默认菜单。

    对于此示例,我们向所有列添加了表格区块。当我们将鼠标悬停在其中任何一个上时,会出现以下格式菜单:

    栏目区块示例

    除了格式菜单之外,还有另一组选项可让您自定义栏目区块。要访问它,请选择包含要编辑的栏目的行,然后单击屏幕右上角的齿轮图标 (1)。将弹出一个侧边栏,包括更改该行颜色 (2)、填充 (3) 和列宽 (4) 的选项:

    栏目区块设置选项

    颜色设置使您能够更改行内文本和链接的颜色,以及其背景的颜色。请记住,您在此处选择的设置适用于行中的所有列。但是,您可以通过调整每列中的各个区块设置来取代这些选项。

    如果您想进一步自定义此区块,您还可以从设置菜单的“高级”选项卡中设置HTML锚点和其他CSS类:

    栏目区块高级设置

    这就是您需要了解的有关如何使用和配置这个重要区块的所有信息。现在让我们回顾一些提示,以帮助您有效地使用栏目。

    有效使用栏目区块的提示和最佳实践

    栏目是网页设计中的通用元素。您几乎可以在任何情况下使用它们,因为它们有助于为任何页面或文章提供结构。

    在视觉上,栏目可帮助您分解长段的段落,并将列表、表格甚至图像并排放置。这是默认WordPress主题之一的示例,使用列来实现与图片区块的重叠效果:

    图片区块

    在大多数情况下,您不希望列重叠。但是,对于如何使用列并没有一成不变的规则。只要结果看起来美观,您就可以随意使用此区块进行试验。

    关于栏目区块的常见问题

    到目前为止,您已经对如何在WordPress中使用栏目有了扎实的掌握。为确保您没有遗漏任何内容,让我们回顾一些常见问题。

    栏目区块可与页面构建器插件一起使用吗?

    一般情况下,第三方页面构建器插件取代了默认的WordPress编辑器。这意味着您将无法访问栏目区块。但是,大多数页面构建器插件都包含自己的行和列,因此您可以使用类似的功能。

    可在页面或帖子中添加多少列?

    栏目区块允许您在预设行内添加到三列。但是,您可以手动添加更多行。请记住,如果添加太多列,它们可能没有足够的空间来正确显示其内容。

    可以在小部件中使用栏目区块吗?

    WordPress支持使用区块编辑器自定义小部件区域,例如页脚或侧边栏。这意味着您可以访问与处理页面或文章时相同的所有区块。请记住,由于您的工作空间可能会减少,因此在小部件区域中使用多个列会使您的内容看起来很拥挤。

    小结

    对于现代页面构建器工具而言,仅行是不够的。创建和自定义行和列的选项使您可以完全控制网站上每个元素的位置。

    WordPress栏目区块使用起来非常简单。您可以在任何单行中添加任意数量的列。此外,您可以在列中放置任何您想要的区块,并自定义其内容、样式等。

  • 如何使用插件或者代码创建WordPress短链接

    短链接对于在您的电子邮件、Facebook 消息甚至文本消息中共享非常有用。在本教程中,我们将介绍如何使用插件生成短链接,以及如何将“Get Shortlink”按钮添加回经典的WordPress编辑器。

    创建WordPress短链接

    为什么创建WordPress网站短链接?

    在社交媒体上分享您的网络内容可以建立用户参与度并为您的网站带来新用户。但是粘贴长链接或URL并不总是最好的方法。

    这是因为某些社交媒体平台会限制您可以使用的字符数。较短的URL为您提供更多空间来存放更有用的内容,这可以为您的WordPress网站带来更多参与度和流量。

    这就是最初创建像Bitly和TinyURL这样的URL缩短器服务的原因。它们采用长链接并使其更短,这样它就不会占用太多空间。

    例如,如果您使用SEO友好的URL结构,那么您的 URL 可能看起来像这样:

    https://www.yourdomain.com/wordpress-org-vs-wordpress-com/

    如果换成短链,整个URL就变得更加精炼:

    http://t.hk.uy/RMR

    注意:这是我们使用自定义域服务https://sina.lt/生成的短链接。

    过去,WordPress可以轻松获取指向您的博客文章或页面的短链接。在经典编辑器的永久链接区域旁边有一个Get Shortlink链接按钮。

    Get Shortlink按钮

    不过短链功能已经在WordPress 4.4版之后被删除了。WordPress仍会创建链接,但该按钮已被删除。

    尽管如此,您仍然可以通过几种方法获得WordPress文章和页面的短链接。我们将介绍最好的链接缩短器插件,以及几种可以在经典编辑器中恢复“Get Shortlink”按钮的方法。只需单击下面的链接即可直接跳转到每个选项:

    我们将从适用于每个人的方法开始。在Pretty Links插件不依赖于经典的编辑器,并创建自己的短链接的任何URL中。

    它适用于所有链接,包括博客或网站之外的页面。因此,除了让您分享自己的内容之外,它还是缩短返利链接的完美工具。首先,您需要安装并启用Pretty Links插件。

    注:该插件的专业版具有更强大的功能,如关键字自动链接和链接分类和标签,但在本教程中,我们将使用的免费版本。

    启用插件后,Pretty Links将添加到您的WordPress仪表盘。要创建您的第一个短链接,您需要转到Pretty Links » Add Link页面。

    接下来,您需要将要分享的页面的原始URL粘贴到目标URL文本字段中。一个简短的漂亮链接会自动创建,但如果您想让它更具可读性,您可以自定义它。

    Pretty Links插件创建短链

    一旦您创建了几个短链接,您可能不记得它们的全部用途。因此,输入网页标题并考虑为您需要记住的任何内容写一些笔记是个好主意。

    短链接备注

    一旦您填写了Pretty Links表单,单击更新按钮以激活短链接。

    发布短链接

    您现在将看到所有漂亮链接的列表。要将一个复制到剪贴板,只需单击屏幕右侧的复制图标。之后,您可以将其粘贴到您的任何社交媒体渠道中。Pretty Links甚至会跟踪每个链接获得的点击次数。

    How to Create a Short Link in WordPress (The Easy Way)-6

    虽然pretty links内置简单的分析功能,你可以获得一些基础数据。但您可以通过使用MonsterInsights之类的插件将其与Google Analytics连接来进一步改进您的分析。

    这是将Get Shortlink按钮添加回经典编辑器(不过经典编辑器始终会被WP放弃的)的简单方法。

    首先,您需要安装并启用Bring Back the Shortlink Button插件。启用插件后,此插件会自动将获取短链接按钮添加到经典编辑器。要检查它是否有效,只需编辑您的任何文章。

    经典编辑器短链按钮

    当您单击“Get Shortlink”按钮时,它会显示您的文章或页面的WordPress短链接。您可以将链接复制到剪贴板,以便在您的电子邮件和消息中与您的读者分享。

    经典编辑器生成短链

    此方法适用于更高级的用户,并使用代码而不是插件。它通过向主题的functions.php文件添加自定义代码片段,将Shortlink按钮添加到经典编辑器。

    我们不建议没有经验的用户使用此方法,因为如果您犯了错误,则可能会破坏您的网站。上面的方法 2 是一种更简单的方法,无需使用代码即可实现相同的结果。

    我们将使用Code Snippets插件,启用插件后,该插件会向您的WordPress管理栏添加一个标有Snippets的新菜单项。单击它会显示您保存在网站上的所有自定义代码片段的列表。

    继续并单击“Add New”按钮以在WordPress中添加您的第一个自定义代码片段。

    Code Snippets插件

    这会将您带到“Add New Snippet”页面。您需要首先输入自定义代码片段的标题。我们称之为“Short Link Button”。输入标题后,只需将下面的代码片段复制并粘贴到代码框中即可。

    add_filter( ‘get_shortlink’, function( $shortlink ) {return $shortlink;} );
    add_filter( ‘get_shortlink’, function( $shortlink ) {return $shortlink;} );
    add_filter( 'get_shortlink', function( $shortlink ) {return $shortlink;} );

    生成短链接代码示例

    当您将来遇到此代码段时,您可能不记得它的用途。因此,最好在说明中输入一些有用的内容作为提醒。

    短链接标签及描述

    您还可以为代码片段分配标签。这将帮助您按主题和功能对代码片段进行排序。最后,您需要单击“Save Changes and Activate”按钮。激活代码段后,Shortlink按钮将添加到经典编辑器中。

    经典编辑器短链生成按钮