博客

  • WordPress固定链接设置基础教程

    在本教程中,我们将解释什么是固定链接,并带您了解WordPress提供的所有默认固定链接结构。然后,您将学习如何通过两种方式创建自定义的。

    您网站上的每个页面都有一个唯一的URL,使访问者能够直接识别和访问它。理想情况下,您希望这些URL尽可能易于阅读和输入。在技​​术术语中,这些唯一的URL称为固定链接

    当您使用WordPress等内容管理系统 (CMS) 时,它会根据您选择的固定链接结构自动为您的页面和文章生成 URL。但是,重要的是要注意,在可读性和搜索引擎优化 (SEO) 方面,某些选项更合适。

    什么是WordPress固定链接

    简而言之,WordPress固定链接是平台为您的每个文章和页面设置的唯一URL。以这两个固定链接为例:

    • yourdomain.com/blog/wordpress-crash-course/
    • yourdomain.com/?p=123

    它们都说明了独特的固定链接结构。第一个使用博客文章的名称作为其slug,它是标识唯一页面的URL段。第二个示例使用文章的唯一ID作为其slug,而不是它的名称。

    从技术角度来看,两个URL的工作方式完全相同。但是,很容易看出第一种方法对用户更加友好。它不仅更容易记住,而且还告诉访问者该页面的全部内容。这被称为“漂亮”(相对于“丑陋”)固定链接。

    更重要的是,使用关键字来解释您的页面包含的内容也有助于搜索引擎确定其目的。换句话说,从SEO的角度来看,它们更好。如果您没有使用优化的固定链接结构,您就会将自然流量留在桌面上。

    WordPress包含的6种固定链接结构类型(以及您应该使用哪一种)

    在我们开始之前,重要的是要注意,如果您正在运行一个新的 WordPress 网站,您应该始终尽早设置您最喜欢的固定链接结构。传统观点建议在前六个月内锁定您的固定链接结构,因为您的 SEO 应该仍处于增长阶段。

    另一方面,如果您的网站存在的时间更长,您仍然可以更改固定链接结构。但是,如果您不实施到新URL的重定向,则可能会影响您的搜索排名。

    考虑到这些背景信息,让我们帮助您确定WordPress网站的最佳结构。

    1.朴素

    我们已经在上面介绍了这个固定链接结构。这是另一个刷新你的记忆的例子:

    • examplewebsite.com/?p=121

    顾名思义,这种结构是简单的。slug实际上是您数据库中设计的页面ID。它不会为您提供有关您正在访问的页面的任何信息。在大多数情况下,您会希望使用一种结构,为用户(和搜索引擎)提供更多的功能。

    2. 日期和名称型

    顾名思义,此固定链接结构使用您的文章或页面的名称及其发布日期作为URL的一部分。下面是一个例子:

    • examplewebsite.dev/2017/12/05/sample-post/

    这种结构的好处是它可以让您的用户快速确定特定文章的发表日期。在某些情况下,这可以帮助他们评估它是否仍然相关,而无需在文本中寻找日期。您经常会发现新闻或杂志网站使用这种结构——基本上,任何创建特定时间内容的网站。

    另一方面,以日期标记文章有一个缺点。例如,假设您有一篇两年前发表的优秀文章,它被认为是特定主题的权威信息来源。一些读者可能只是简单地查看日期并认为这些建议不再相关,无论这是否真实。

    需要明确的是,始终建议在文章中的某处包含发布日期,但没有令人信服的理由将其添加为URL的一部分。

    3. 月份和名称型

    这种固定链接结构与我们刚刚介绍的结构几乎相同。唯一的区别是,它不包括发布日期作为文章URL的一部分:

    • examplewebsite.dev/2017/12/sample-post/

    从功能的角度来看,我们正在处理与Day和Name结构相同的一组优缺点。访问者一眼就能确定您的文章或页面的年龄可能会很好,但它也可能使您的某些内容看起来过时。

    4. 数字型

    数字的固定链接结构的股票很多相似的地方与普通的选项。让我们使用此设置检查一 URL,以便您可以看到它的运行情况:

    • examplewebsite.com/archives/121

    与朴素固定链接一样,此设置使用您文章的ID作为其 slug,并且不会向用户提供任何其他信息。在这种情况下,您还会获得一个简短的固定链接,但它没有其他优势,因此不应成为您的首选。

    5. 文章名

    在所有默认的WordPress固定链接结构中,这是我们最喜欢的。它根据名称识别文章和页面,从而生成干净且令人难忘的 URL,例如:

    • examplewebsite.com/your-best-post

    最棒的是,您可以以任何方式命名您的文章和页面,如果这些标题太长,甚至可以自定义slug。根据经验,你的slug应该保持在三到五个字之间。这样,它仍然足够短,让您的访问者记住,搜索引擎也将能够轻松识别文章的内容。

    6. 自定义结构

    如果您对我们目前讨论过的任何结构都不感兴趣,WordPress还可以让您构建自己的结构。例如,如果您正在运行一个博客,您可以为综述和评论设置单独的类别,并将它们包含在您的链接中。这是前者的一个例子:

    • examplewebsite.com/top-lists/x-best-puppies-2018

    实际上,WordPress为您提供了十个结构标签,您可以使用它们来构建自定义固定链接。如果您想知道它们是什么以及如何使用它们,请继续阅读 – 我们将在下一节中介绍所有基础知识。

    创建自定义固定链接的两种方法

    正如我们一分钟前提到的,WordPress为您提供了一种创建自定义固定链接的内置方法。但是,如果您想对过程进行更多控制,您也可以使用插件来实现类似的结果。让我们谈谈这两种方法。

    1. 使用WordPress的自定义结构标签

    WordPress使您能够使用十种类型的结构标签来创建自定义固定链接。让我们花一点时间来了解它们,然后我们将在实践中看到它们。

    • 日期标签 — 此类别包括%year%%monthnum%%day%%hour%%minute%%second%,它们的工作方式完全符合您的预期。添加任何这些标签作为您的固定链接结构的一部分将在您的URL中包含这些数字。
    • 文章ID和名称—— 这些标签分别是%post_id%%postname%。前者显示您的任何文章或页面的唯一ID,而第二个显示其完整标题。
    • 类别和作者 –您可以分别使用%category%%author%标签添加这些选项。

    要使用这些标签中的任何一个,您需要访问仪表板并转到“设置” >“固定链接”选项卡。进入后,您可以从我们之前讨论过的结构中选择您想要的任何固定链接结构。如果要创建自己的结构,请选择列表底部的自定义结构选项。

    WordPress固定链接设置基础教程-1

    现在,您所要做的就是混合和匹配我们之前讨论过的结构标签。

    例如,/%category/%post-name/将产生以下URL:

    • http://www.examplewebsite.com/top-lists/x-best-puppies-2017

    您可以根据需要为自定义固定链接结构使用尽可能多或尽可能少的标签。但是,我们建议尽可能缩短内容并避免日期,这样您的内容就会保持常青。

    当您准备好时,请记住保存您的更改,就是这样!

    2. 使用自定义固定链接插件

    如果您已经使用 WordPress 一段时间了,您就会知道几乎所有可以想象的场景都有插件。自定义固定链接也不例外。一种选择是Permalink Manager插件。

    WordPress固定链接设置基础教程-2

    此工具使您可以自定义文章和页面的固定链接结构,并在单个屏幕上更改任何单个文章的URL。

    首先,安装启用插件,然后导航到“工具” >“Permalink Manager选项卡。在里面,您会找到所有文章的列表以及调整其固定链接的选项。

    WordPress固定链接设置基础教程-3

    URL编辑器选项卡部分还包括您的标签媒体,其工作只是一样的文章部分。完成检查后,移至Permastructures选项卡。在那里,您可以为您的文章、页面和媒体设置独特的固定链接结构。

    WordPress固定链接设置基础教程-4

    如您所见,该插件还使用WordPress的默认结构标签来帮助您构建新的固定链接。您所要做的就是将它们按您想要的顺序排列并保存您的更改。

    WordPress固定链接设置基础教程-5

    如果您对新结构不满意,您可以随时使用每个字段下方的“Restore to Default Permastructure”按钮。这几乎是您开始使用该插件所需要知道的全部内容。

    配置固定链接发现无法正常打开?

    如果您在配置WordPress的固定链接,尤其为设置自定义固定链接时,再次打开文章或者页面时发现无法正常打开。这一般是由于服务器的rewrite规则没有配置好。

    配置参考如下:

    Nginx服务器rewrite规则配置

    一般目录为/usr/local/nginx/…,找到网站的conf或者rewrite规则的conf,添加以下代码行:

    location /
    {
    try_files $uri $uri/ /index.php?$args;
    }
    rewrite /wp-admin$ $scheme://$host$uri/ permanent;
    location /
    {
    try_files $uri $uri/ /index.php?$args;
    }

    rewrite /wp-admin$ $scheme://$host$uri/ permanent;

    location /
    {
    try_files $uri $uri/ /index.php?$args;
    }
    
    
    rewrite /wp-admin$ $scheme://$host$uri/ permanent;

    Apache服务器rewrite规则配置

    一般目录为/www/wwwroot/www.yourdomain.com,修改.htaccess文件添加以下代码行:

    <IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index.php$ – [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.php [L]
    </IfModule>
    <IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index.php$ – [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.php [L]
    </IfModule>
    <IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index.php$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.php [L]
    </IfModule>

    如果你使用的是宝塔面板,需要配置WordPress伪静态规则,登录你的宝塔面版,点击“网站”菜单进入网站列表,选择你需要配置的网站,点击“设置”,在弹出窗口找到伪静态选项,然后选择网站程序为“WordPress”,最后保存即可。

    宝塔控制面板-静态化设置

    结论

    很多人不注意他们网站URL的结构,这是一个错误。这似乎是一个小细节,但使用正确的固定链接结构可以提升您的SEO并使您的网站更加用户友好。

    作为一般经验法则,您希望避免包含长串数字或笨拙短语的 URL。考虑到这一点,最好的方法通常是使用您的文章名称作为默认的固定链接结构,并在必要时手动缩短它们。如果这不适合您的网站,您可以随时使用WordPress的标签或插件创建自定义固定链接结构。

  • 什么是WordPress主题及如何挑选一款好主题

    在本教程中,我们将讨论什么是WordPress主题以及如何使用它们来自定义您的网站。然后,我们将根据您网站的细分市场深入了解在哪里可以找到主题,并解释如何安装它们。

    作为新的WordPress用户,您可能会对自定义网站感到兴奋。您甚至可能对完成的网站的外观有一个想象。但是,如果您缺乏设计或编码经验,实现您的愿景可能是一项艰巨的任务。

    幸运的是,主题是WordPress更固有和更有用的功能之一——它们使您能够自定义站点的外观,甚至合并其他功能。事实上,使用正确的主题,您可以根据您的确切规格自定义您的网站,(在许多情况下)无需编码或设计经验。

    WordPress主题简介

    什么是WordPress主题及如何挑选一款好主题-1

    WordPress主题是一组文件(图形、样式表和代码),它们决定了您的博客或网站的整体外观。主题可以控制像您网站的布局一样大的东西,也可以像您的超链接颜色一样小。很容易将主题视为您网站的“皮肤”,但它们的功能远不止于此。

    主题不是简单地为您的博客提供外观和感觉,而是使您能够控制站点的呈现方式。例如,假设您撰写有关食物的博客,但您还有一家在线商店。正确的主题可以以某种方式显示您的博客文章,同时为您的商店页面提供完全不同的布局。

    主题是 WordPress 的固有部分。事实上,该平台包括许多开箱即用的主题。但是,您可能想要在网站上选择并安装新主题的原因有几个:

    提高您网站的视觉吸引力。如果您对网站有特定的愿景,则可以选择合适的主题并对其进行自定义以满足您的要求。启用更多设计定制。如果您没有设计或编码经验,许多主题都提供了丰富的自定义设置来帮助您创建正确的设计。实现附加功能。根据您的需要,主题可能包括与您的利基相关的功能,而这些功能在其他地方是找不到的。

    虽然主题的默认版本或自定义版本适用于许多网站,但实际上有数千个主题可供选择,涵盖特定的细分市场和用途。现在让我们更深入地讨论这个问题。

    多用途与利基主题

    简而言之,主要分为两个主题类别(宽泛的定义)。首先,多用途主题迎合了许多不同的利基和网站类型。它们通常包括多种页面、扩展、代码、小部件和工具,以提供更多选项来自定义您的网站,无论其重点如何。

    虽然特定于利基的主题也可以自定义,但它们通常会针对一个特定主题或行业进行定制。它们不会像多用途主题那样包含那么多的自定义范围,但经过改进的功能通常会专注于您对网站的确切要求。

    在大多数情况下,选择 WordPress 主题时没有正确或错误的答案。但是,在做出选择之前确定您的要求重要——而您的预算就是其中之一。

    免费与付费WordPress主题

    在我们谈论花钱之前,重要的是要知道有很多高质量的 WordPress 主题不花一分钱。我们稍后会介绍在哪里可以找到它们,但是在WordPress.org主题目录中找到的主题必须通过严格的审查过程才能被包含在内。这可以确保质量,并使您可以选择纯粹基于设计、功能和用户评论的主题。

    但是,免费主题也缺点。对于初学者来说,支持通常很少。许多主题通过专门的论坛提供支持,通常让您来执行解决方案。此外,更新可以更加“临时”,具体取决于开发人员的优先级。

    虽然它们的开发方式与免费的 WordPress 主题相同,但高级解决方案却与众不同。您经常会发现支持和更新得到了极大的改进,同时特性和功能也有所增加。但是,您会发现这需要定期订阅,具体取决于开发人员。当然,如果您认为自己需要定期支持和更新,那么这笔费用是合理的 – 我们建议您保持主题更新以确保其安全可靠。

    最终,选择免费或付费主题将始终基于您的独特要求。如果您有时间和专业知识,并且预算最少,那么免费主题可能是理想的选择。但是,在大多数情况下,考虑到可用的大量主题,高级主题可能是您的最佳选择。

    如何挑选合适的主题

    正如我们简要提到的,有很多地方可以找到WordPress主题,涵盖各种预算和利基。让我们讨论其中的两个,从我们已经提到的一个开始。

    什么是WordPress主题及如何挑选一款好主题-2

    1. WordPress.org主题目录

    WordPress主题目录是免费的WordPress主题的官方资料库。您可以通过网络访问它,或者从您的WordPress仪表盘仔细阅读它。在列出之前,所有主题都经过严格的审查过程手动检查。因此,我们建议您在寻找预算友好的新主题时从这里开始。

    对于每个主题,您都可以访问可帮助您做出明智选择的信息。例如,您可以查看一个主题有多少活动安装,检查它上次更新的时间,阅读客户评论和评级,以及访问主题的支持论坛。

    此外,您可以使用默认数据直接从其列表中预览主题(如果在WordPress中浏览,还可以使用您的实际站点内容)。要获得更完整的现场演示,您通常会找到指向开发人员网站的链接。这让您有机会看到正在运行的主题,尽管在您自己的测试站点上安装主题的风险很小。

    最后,下载和安装主题是小菜一碟,尤其是直接在WordPress中进行时。

    2. 来自WordPress主题开发者

    什么是WordPress主题及如何挑选一款好主题-3

    如果您发现浏览大型目录的前景令人生畏,您可以随时直接访问源代码。许多 WordPress 主题开发人员直接出售他们的作品,尽管您需要进行自己的质量检查。下面是几个推荐选项:

    虽然这两个平台都提供了多种主题选项,但您可能还需要考虑其他来源。例如,WooCommerce提供Storefront主题。这是一个专门的电子商务主题,旨在与WooCommerce插件完全配合使用。通常,在您的特定细分市场中对主题进行互联网搜索会带来大量可供选择的选项。

    如果您搜索了合适的主题,但没有找到与您的愿景相符的主题,您也可以直接聘请开发人员来创建自定义主题。当然,自定义主题开发比选择“预先打包”的高级主题更昂贵。

    结论

    在没有编码或设计经验的情况下修改新WordPress网站的外观是使用WordPress平台的固有部分。WordPress不仅包含一个默认主题,还有数以千计的选项涵盖了多个细分市场和价格点。

  • WordPress管理仪表盘设置功能页面教程

    在这篇教程中,我们重点讲解WordPress设置里面的每个页面。我们将解释每个面板的作用以及如何定制它以满足您的需求。

    一旦你完成WordPress安装,那么下一步应该做什么呢?尽管WordPress是一个易于掌握、对初学者友好的平台,但仪表盘中等待您的丰富屏幕可能会让您头晕目眩。

    我们认为,最好的起点是您的“设置”面板,幸运的是,导航轻而易举。有六个不同的页面几乎涵盖了您调整网站如何工作和与访问者互动所需的一切。

    WordPress设置简述

    WordPress六个基本设置教程-1

    WordPress仪表盘的设置区域充当您定义、自定义和控制站点各个部分所需的工具的中心位置。官方程序提供六个默认页面,尽管一些插件通常会添加更多选项。

    在每个页面中,都有一些选项可以对读者与文章的互动方式(例如通过评论)、一般站点范围的时间和日期设置进行微观管理,甚至还有一些与可用性和搜索引擎排名相关的基本调整。可以想象,这些设置会影响您网站的结构,这是为访问者提供独特体验的一种好方法。

    WordPress的6个设置页面

    让我们更深入地看一下这六个默认页面。值得注意的是,虽然您在此处更改的设置总体上是全局的,但某些插件将通过WordPress的其他各种界面提供进一步的自定义。

    考虑到这一点,让我们从您的常规WordPress设置开始。

    1. 常规设置

    WordPress六个基本设置教程-2

    首先是常规设置界面,它允许您自定义站点的基本、顶级元素。根据每个设置的焦点对屏幕进行了松散的划分。

    例如,在顶部,您可以设置站点标题副标题。一旦您的网站发布,前者显然会显示在您的浏览器和搜索引擎的标题栏中。后者通常显示在您网站的标题下方,是对您网站内容的简短说明。这两个元素都为改进您网站的搜索引擎优化 (SEO)提供了绝佳机会,你可以利用我们提供的Smart SEO Tool插件进行全面的优化。

    然后是,WordPress地址 (URL)站点地址 (URL)通常是相同的,就是您站点的URL。管理员电子邮件地址字段中应包含的主要电子邮件,您希望接收管理特定的电子邮件到。

    接下来是一些基本的用户注册选项。成员资格复选框切换是否允许访客可以在网站上注册,而新用户默认角色下拉菜单中设置任何新的网站用户默认的角色。建议您最初将其保留给订阅者,因为这提供了最少的站点访问权限。

    倒数第二个分组以时间和日期为中心。您可以选择时区以及时间和日期格式(所有这些都应基于您的企业或访客位置)。一星期开始于下拉用于指定特定的一天设置为网站一周的开始。

    最后,站点语言菜单允许您为WordPress仪表盘设置默认语言。请注意,这与您在网站的前端内容没有任何关系。

    完成更新后,点击保存更改。

    2. 撰写设置

    WordPress六个基本设置教程-3

    撰写设置页面专注于为您的文章和网页的编辑器屏幕的默认格式选项。与常规设置界面不同,这更严格地分为四个部分。

    三个初始选项与文章格式直接相关,格式下的两个复选框可让您自动处理表情符号和XHTML。我们建议将这些保留为默认值,尤其是第二个选项。此处的两个下拉菜单可让您为文章设置默认类别和格式,对于后者,将根据您创建的任何新类别进行更新。

    接下来,通过电子邮件发布文章部分用于设置通过电子邮件撰写和发布博客文章。我们建议您尽可能使用您的仪表盘,但如果您无法访问并需要立即发布文章,这是一个方便的替代方案。最后,更新服务部分让您决定如何通知人们您博客上的新内容。

    请注意,虽然这些选项是一个好的开始,但您可以在仪表板的“文章”管理界面屏幕中进一步自定义您的写作选项。

    注:一般情况下,我们极少需要对撰写设置进行修改。

    3. 阅读设置

    WordPress六个基本设置教程-4

    在阅读设置页面涉及到访问者将首先查看您的网站。默认情况下,您的主页将列出您最新的文章,尽管这显然可以更改。

    您可以使用“首页显示”选项进行调整。例如,博客可能希望将最新的文章放在前面和居中。如果您希望用户访问特定主页,请选择静态页面选项,然后从下拉列表中选择首页和文章页面。

    接下来的两个选项可让您设置在您的博客和任何RSS提要中的任何时间显示的最新文章的数量,在这些选项下方,对于提要中的每篇文章显示框可让您显示您的文章或简单的摘要。

    最后,搜索引擎可见性只是要求搜索引擎不要在其排名中将您的网站编入索引。至于搜索引擎遵守不遵守,这就很难说了,通常都会。我们的建议是在您准备好发布您的网站之前保持​​选中此项。

    4. 讨论设置

    WordPress六个基本设置教程-5

    WordPress的一个主要好处是它使您的读者能够与您的内容进行交互。此部分可让您管理网站上的参与度。让我们讨论您可以进行的自定义:

    • 默认文章设置。您可以从此处选择三种设置,我们建议禁用前两种设置,因为虽然从其他博客发送和接收通知听起来不错,但引用是一个有争议的主题。
    • 其他评论设置。这使您能够控制站点范围的、特定于评论的操作。您在此处选择的选项完全是主观的,尽管在我们看来,首先显示较新的评论是有意义的。
    • 发送电子邮件通知我。如果您想在有人发表评论时收到通知电子邮件,或者评论在您的审核队列中,请在此处进行选择。
    • 在评论显示之前。虽然您可以简单地让所有评论通过而无需审核,但我们建议您应用某种形式的过滤,以使您的评论部分免受在各种垃圾评论的影响。
    • 评论审核:由于垃圾评论在互联网上无处不在,您可以使用此区域根据其包含的链接数量设置保存垃圾评论的标准。大多数情况下,默认值都可以。
    • 评论黑名单。由于几乎不可能在不被垃圾邮件发送者攻击的情况下允许评论,您可以使用此部分将它们列入黑名单。您可以在此处添加已知的 IP 地址、URL、名称或电子邮件地址,以防止它们显示在您的站点或通知中。

    最后,头像部分与评论作者的显示图像相关。这是另一个主观部分,尽管启用头像可能会创建一个更人性化的评论部分。

    如果你希望更好地管理WordPress的评论内容,WordPress内置功能远远不够,你可以借用第三方插件进一步加强评论功能:

    5. 媒体设置

    WordPress六个基本设置教程-6

    与其他部分相比,本部分要简单得多。简而言之,一旦您将图片上传到您的网站,您将在此处定义图片的大小。您会注意到这些在上传图像时是可选的,您也可以创建自己的自定义尺寸,尽管您需要一些编码经验。

    默认大小为缩略图大小中等大小大尺寸,但您可以通过编辑帖子或页面上的图像来输入自定义大小。

    此屏幕的最终设置是用于上传文件的复选框。通过选择它,您可以告诉WordPress根据月份和年份组织您的媒体。

    6. 固定链接设置

    WordPress六个基本设置教程-7

    最后一个截面是设置页面中最强大的页面之一。固定链接本质上是您个人页面URL的格式。虽然这看起来没什么大不了的,但如果格式错误,它可能会对网站SEO不利

    安装WordPress时的默认选项是朴素型。这会将一串数字附加到您的URL,与它的数据库ID相关。在我们看来(和许多其他人),默认的URL结构不太好看,更重要的是,这对SEO不利。

    至于其他选项,您可以设置日期和文章名称的多个排列,一个看起来更漂亮的数字固定链接,或者简单地使用Post name。我们的建议是,除了内容丰富且特定时间(例如新闻)的网站之外,所有网站都坚持使用Post 名称格式。在这些情况下,基于日期的格式可能更合适。即便如此,您还是希望逐个帖子地进一步优化永久链接。

    尽管您可以设置自定义固定链接结构,但除非您有非常具体的原因,否则没有必要这样做。WordPress提供的选项应该可以满足大多数网站的需求。

    如果你需要深入了解WordPress固定链接设置,建议阅读:WordPress固定链接设置基础教程

    结论

    即使是WordPress的第一次用户,在配置和自定义其设置时也无需感到不知所措。事实上,了解六个不同页面如何影响您的网站可以帮助您控制平台。有了这个WordPress设置教程,您现在应该能够优化您的WordPress网站以最好地满足您的需求。

  • 如何安装WordPress主题

    在这篇教程中,我们将为您提供一些建议,告诉您在向网站添加新主题之前应该做什么。然后我们将介绍两种安装和激活WordPress主题的方法。

    我们已经编写了有关WordPress主题是什么以及如何找到它们的主题的先前指南。然而,还有一个更关键的步骤要采取。为您的网站找到完美的主题后,您需要启动并运行它。

    幸运的是,这再容易不过了。在WordPress中安装和激活新主题很简单,无论您是从官方目录还是其他来源获得它。此外,只需按一下按钮,您就可以随时更改主题。

    安装WordPress主题之前要做什么

    在WordPress中安装主题并不困难,我们稍后将讨论如何做到这一点。但是,首先让我们谈谈事先要做的事情。您可能需要执行几个步骤来准备添加新主题。

    例如,您需要:

    • 确保您已经彻底评估了主题,包括查看其评级和评论。另外,看看开发人员更新它的频率。
    • 如果该主题有可用的演示,请尝试一下,看看您是否喜欢它的外观和功能。您还可以查看安装后主题与内容的外观,我们将在稍后讨论。
    • 考虑创建一个临时站点来测试主题,然后再将其添加到您的实时站点。如果您要在已建立的站点上切换主题,那么这是一个特别重要的步骤,以便您可以准确地查看它的外观并找出它是否会导致任何兼容性问题或其他问题。
    • 如果您正在建立一个新的WordPress网站,请确保您已经涵盖了启动和运行所需的其他基础知识。这包括注册域名和选择优质的WordPress托管服务器。

    一旦您完成了上述任务——或者不管它们中有多少适用于您的网站——您就可以准备安装新的WordPress主题了。有几种方法可以做到这一点,所以我们将依次讨论每种方法。

    如何安装WordPress主题

    在我们向您展示如何安装主题之前,首先要做一件更重要的事情。如果您在已有内容的网站上更改主题,您需要确保您有最近的备份。如果新主题引起任何问题,这对于恢复您的站点至关重要 – 特别是如果您不使用临时站点来测试它(如上文所推荐)。

    1. 从WordPress主题目录安装免费主题

    让我们从三种安装方法中最简单的开始。如果您不熟悉WordPress主题目录,这是为您的网站寻找主题的最佳地点之一。那里列出的所有主题都是免费的,并且已经过志愿者团队的彻底审查。更重要的是,您可以从目录中安装主题,而无需离开WordPress仪表板。

    首先,请访问您的网站并导航至外观>主题。然后点击安装主题按钮:

    如何安装WordPress主题-1

    您将看到主题目录的可搜索版本。您可以浏览最流行的主题,或根据布局、功能等筛选选项。如果您知道要查找的主题,只需在搜索框中输入其名称即可。否则,您可以浏览目录,直到找到您喜欢的主题。

    知道您想要哪个主题后,将鼠标悬停在其图像上并单击“安装”按钮。

    如何安装WordPress主题-2

    WordPress将花一些时间安装主题。然后,您将获得一些后续选项。

    如何安装WordPress主题-3

    如果您单击实时预览,您将能够查看使用此主题的网站的外观。另一方面,启用将立即将您的站点切换到新主题。这就是你需要做的!

    2. 将Zip文件上传到WordPress仪表盘

    此时,您可能想知道如果您从WordPress目录之外获取主题,您将如何安装它。如果您从其他目录或开发者网站购买了付费主题,您将无法使用上述方法安装它。

    幸运的是,安装您在别处购买或下载的主题同样是一个简单的过程。主题应该以 zip 文件的形式提供给您,您可以将其直接上传到您的网站。如果您不知道在哪里可以找到该文件,请联系主题的开发人员,他们应该能够帮助您。

    将主题的 zip 文件保存到计算机后,转到 WordPress 仪表板。访问外观>主题,然后单击安装主题。但是,这一次,您需要单击下一页顶部的“上传主题”按钮。

    如何安装WordPress主题-4

    接下来,选择选择文件。然后导航到并选择您计算机上的主题文件,然后单击立即安装。WordPress 将执行安装,然后向您显示一条成功消息:

    如何安装WordPress主题-5

    和以前一样,您可以使用实时预览查看主题的外观,也可以点击启用以使其正式化。

    如何更改您当前的WordPress主题

    如果您已经安装了多个WordPress主题(使用上述方法),您可能想知道如何在它们之间来回切换。这很简单。

    只需转到外观>主题即可查看您当前的选项列表。单击您要使用的任何主题,然后选择启用

    如何安装WordPress主题-6

    这就是您更改主题所需要做的一切!不要忘记,如果您只想查看使用特定主题的网站的外观,可以先使用实时预览链接。

    此外,每次切换主题时,都值得检查一下是否有需要配置的新设置。查看主题添加的任何新选项卡或部分,以及主题定制器,并确保按照您喜欢的方式设置所有内容。如果您遇到任何问题,大多数WordPress主题都有您可以查看的文档或您可以访问的论坛以获得帮助和建议。

    结论

    为WordPress网站添加安装主题属于最最基础的WordPress技能之一。要获得全新的外观、大量的游戏选项和个性化元素,就必须选择一款适合自己的主题。当然,选择好主题后,你还需要知道如何安装和启用您的主题。

  • 如何安装WordPress插件

    在本教程中,我们将告诉您有关WordPress插件的所有信息,包括在哪里可以找到它们以及如何在您的站点上安装它们。

    您可以使用WordPress的默认功能创建一个基本但成功的网站。但是,如果您对网站的愿景不仅仅是一个简单的博客或一个小作品集呢?您可能需要一些工具来添加所需的功能并使您梦想中的网站栩栩如生。

    这就是WordPress插件出现的地方。这些附加组件使您能够扩展站点的功能并使其几乎可以做任何您想做的事情。您可以找到可帮助您构建和优化站点、长期维护站点以及添加新功能(例如联系表单和店面)的插件。

    WordPress插件简介

    如何安装WordPress插件-1

    如果您以前从未听说过插件,请不要害怕!它们通常易于理解,最重要的是易于使用。

    简而言之,插件是您的WordPress网站的附加组件——您可以安装的一款软件,可以添加新的特性和功能。

    无论您希望您的网站具备什么功能,都可能有一个插件可以提供帮助。你可以找到插件来加速你的网站优化它的安全性,并帮助它在搜索引擎中排名更高。其他选项使您能够向站点添加特定功能,例如联系表单、店面或论坛。有些甚至可以帮助完成基本的维护任务,例如清理断开的链接。

    为您的WordPress网站寻找插件

    如何安装WordPress插件-2 如果您正在寻找免费插件,WordPress插件目录是最好的起点。

    即使有可靠的托管计划,您可能仍希望向您的网站添加一些插件。那么,您将如何找到它们?有很多地方可以查看,从哪里开始取决于您要搜索的内容。

    如果您有兴趣从一些免费插件开始,您的第一站应该是官方WordPress插件目录。列出的每个插件都经过了审查过程,不会花费您一分钱。您可以找到许多高质量的工具,并查看其他用户对它们的评价。

    但是,有时您会需要比免费插件所能提供的更多的选项或功能。在这种情况下,您可以寻找高级插件,这将花费您(不同的)费用,但通常更全面。

    选择插件时,务必要小心——编码不当的插件可能会损害甚至破坏您的网站。请务必查看用户评论和评分,并查看每个选项的更新时间。如果您仍然不确定从哪里开始,请查看我们每个WordPress用户都应该知道的高质量插件的列表。

    如何安装WordPress插件

    选择插件后,您需要在您的网站上安装并启用它。有三种主要方法可以做到这一点,我们将依次讨论每一种方法。但是,在您尝试其中任何一个之前,我们建议您首先备份您的站点。这样,如果出现问题或新插件导致问题,您可以快速恢复原样。

    1.从官方目录安装插件

    如果您从官方WordPress目录中选择了一个插件,那么您很幸运。从这个来源安装免费插件再简单不过了——而且你可以在不离开仪表板的情况下做到这一点。

    首先,登录您的网站并导航到插件选项卡:

    如何安装WordPress插件-3

    在这里,您可以看到您当前安装的所有插件(如果有)。单击安装插件,您将被带到该目录的可搜索版本。只需输入您想要的插件名称。或者,如果您还没有选择一个,您可以使用各种搜索选项来探索所有可用的选项。

    找到正确的插件后,选择立即安装按钮:

    如何安装WordPress插件-4

    WordPress将花一些时间执行安装,然后您会看到一个蓝色的启用按钮出现。点击它,插件就可以使用了!根据您选择的插件,系统可能会提示您配置一些设置或运行设置向导。

    2. 通过仪表盘上传插件

    如果您购买了付费插件或从非官方目录下载了插件,则需要使用与上述方法略有不同的方法。

    您所需要的只是包含保存到计算机的插件文件的压缩文件夹。这应该在您购买插件时提供给您。如果您不确定在哪里可以找到它,请联系插件的开发人员寻求帮助。

    拿到插件后,登录您的站点并前往插件选项卡。和以前一样,单击安装插件。但是,这一次,您需要在下一页选择上传插件

    如何安装WordPress插件-5

    单击“选择文件”按钮,在您的计算机上找到压缩的插件文件夹并选择它(您不需要解压缩文件),然后单击“立即安装”。给 WordPress 一些时间来发挥它的魔力,您应该会看到一条成功消息:

    如何安装WordPress插件-6

    点击启用插件按钮,一切就绪!该插件现在应该出现在插件选项卡的列表中。

    3.使用FTP直接安装插件

    如果您的计算机上保存了插件的压缩文件夹,您也可以使用文件传输协议 (FTP)安装它。FTP使您能够直接访问站点的文件和数据库,因此您可以手动对其进行更改。

    对于那些熟悉FTP的人来说,这可能是安装插件的更快方法。但是,即使您以前从未使用过FT,您也可能需要考虑这种方法。这是开始学习如何处理网站文件的完美方式,如果您在尝试通过仪表板安装插件时遇到任何错误,这是一个有用的替代方法。

    您要做的第一件事是下载一个FTP工具。我们推荐FileZilla,它是免费且易于使用的。然后您需要对其进行设置并连接到您的网络主机。如果您还没有备份您的站点,那么现在是备份站点的好时机。FTP使您能够对您的网站进行永久性更改,因此务必要小心谨慎,并有一种随时可用的方法来纠正任何错误。

    打开并连接FileZilla后,它应该如下所示:

    如何安装WordPress插件-7

    在右上角的象限中,您将看到您网站的主目录(通常以网站的域命名)。在此文件夹中,导航到wp-content>plugins

    如何安装WordPress插件-8

    这是您需要为新插件放置文件的地方。首先解压缩它们,然后将它们复制并粘贴到插件文件夹中。或者,您可以使用FileZilla的两个左侧象限在计算机上找到文件,然后将它们拖过来(再次,在它们被解压缩后)。

    这就是安装新插件所需要做的全部工作。但是,您仍然需要访问您的网站才能激活它。从仪表板导航到插件选项卡,然后在列表中找到您刚刚安装的插件。点击启用,你就大功告成了!

    结论

    插件是极好的资源,可让您将网站构建成任何您想要的样子,也是WordPress伟大之处。无论您正在寻找什么特性或功能,都有可能有一个插件可以实现它。更好的是,在您的WordPress网站上安装插件再简单不过了。

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

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    引文是文章中引起注意的一个小片段。它非常适合为您的文本添加重点或突出显示一个短语。它为读者提供视觉帮助。WordPress有一个专为此目的设计的引文区块。

    在本教程中,我们将介绍引文区块,了解如何将其添加到文章和页面,查看使用它的提示和最佳实践,以及常见问题。

    如何将引文区块添加到文章或页面

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    要添加引文区块,请单击要放置块的位置或左上角的块插入器。搜索“引文”并选择它。或者,您可以输入/pullquote并在要放置块的位置按 Enter 键。

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    引文区块将添加到您的内容中,您可以在其中添加文章中的引用。

    古腾堡编辑器教程:如何使用WordPress引文区块-4

    要使用它,只需输入您希望它在显示添加引用的位置显示的文本。在此下方是另一行标记为添加引述的文本,您将在其中添加您要引用的人的姓名,对于引文,它是文章的作者。引述对于引文是可选的。

    您的引用显示在两条水平线之间,并在其上加上引号。默认设置以大字体显示引文,而引文则以常规粗细的较小字体显示。

    引文区块设置和选项

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    引文区块包括块本身和右侧边栏中的设置和选项。

    引文区块工具栏

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    引文区块工具栏位于区块上方。当您选择块时它会出现。让我们仔细看看。

    更改区块类型或样式

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    您有多种选项可以将块转换为其他区块、样式等。将其转换为段落、列、组、标题、引用或列表。每个都提供了使用您的内容的效果的预览。它还具有样式选项。将鼠标悬停在选项上会显示它在您的内容中的外观预览。在本例中,我将鼠标悬停在样式下的纯色选项上。

    拖动和移动

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    拖动工具由6个点表示。抓住点并将区块拖动到您想要的任何位置。移动工具是向上和向下箭头。单击它们以在您的内容中上下移动区块。

    更改对齐方式

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    对齐选项包括左对齐、右对齐、宽幅和全幅。宽幅和全幅选项仅在您的主题支持它们时才可用。选择向左或向右将其放置在屏幕的那一侧。取消选择您的选项以将其恢复为居中的默认设置。它适用于段落块。

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    例如,将其设置为左对齐或右对齐会将其下方的段落置于引文区块内。在此示例中,我将其设置为居左对齐,并且下一段中的文本现在环绕它。

    粗体和斜体

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    粗体和斜体选项会影响您突出显示的文本。它们可以一起使用或独立使用。在这个例子中,我在引文中独立使用了它们,并在引文中一起使用。

    链接

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    将链接添加到您突出显示的任何文本。当您输入URL时,您会看到基于您之前使用过的建议的建议。您还会看到在新标签页中打开链接的选项。

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    在这个例子中,我添加了引文的链接。它在文本下划线以显示它是一个链接。

    下拉选项

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    单击更多选项会打开一个下拉框,其中包含7个用于设置文本样式的选项。我已经在上面的例子中添加了它们中的每一个。当您单击它们时,它们都会影响您突出显示的文本。它们包括:

    • 内联代码– 将文本样式设置为看起来像代码并阻止代码执行。这个词是格式化为内联代码。
    • 内嵌图像– 将媒体库中的图像添加到鼠标光标所在的位置。
    • 键盘输入– 使用键盘HTML格式设置文本样式。单词quote使用键盘输入样式进行样式设置。
    • 删除线– 在文本中放置一行,就像上图中的“很棒”这个词。
    • 下标– 使文本比其他文本更低更小,就像上面引文中的字母R一样。
    • 上标– 使文本比其他文本更高更小,就像上面引文中的字母A一样。
    • 文本颜色– 允许您更改文本的颜色,例如上面引文中的单词Brown。当工具栏处于活动状态时,设置图标会更改为工具栏。

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    对于颜色选项,从预先选择的颜色中选择或创建自定义颜色。从颜色选择器中选择自定义颜色或输入十六进制代码、RGB代码或HSL代码。

    选项

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    包括所有标准选项:

    • 隐藏更多设置 – 隐藏右侧边栏。
    • 复制– 复制 Pullquote 块,以便您可以将其粘贴到内容中的任何位置。
    • 创建副本– 在原件下添加引文区块的副本。
    • 在当前区块前插入– 在引文区块块之前添加一个空格,您可以在其中添加一个区块。
    • 在当前区块后插入– 在引文区块之后添加一个空格,您可以在其中添加一个区块。
    • 移动至– 在您的内容中放置一条蓝线,您可以将其移动到要移动引文区块的位置,从而轻松移动区块。
    • 作为HTML编辑 – 打开代码编辑器,您可以在其中编辑HTML。
    • 添加至可重用区块– 将引文区块添加到您的可重用区块中,使其易于重用。
    • 组合– 将区块添加到可以作为单个单元进行调整的组中。
    • 移除区块– 删除引文区块。

    引文区块侧边栏设置

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    侧边栏设置包括样式、颜色和高级。单击右上角的齿轮以打开或关闭侧边栏。单击该块会将侧栏更改为引文区块选项。

    样式

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    样式显示两个选项:默认样式和纯色样式。样式显示了引文外观的预览。您可以通过在标有默认样式的下拉框中单击它来设置默认样式

    颜色

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    颜色选项包括主色和文本颜色。有几种颜色可用作默认颜色,您也可以选择自定义颜色。对于自定义颜色,请从颜色选择器中进行选择或输入所需的十六进制、RGB或HSL颜色。

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    主要颜色会影响线的上方和引文的第一个样式下方。

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    对于第二种样式,主要颜色会影响背景。当您为背景选择深色时,它会变为浅色文本。如果您选择难以阅读的颜色组合,它会让您知道。

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    文本颜色影响引号,引用来源,和引文。它不会覆盖工具栏设置中设置的文本颜色。

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    您可以使用文本颜色设置来调整引号,然后使用工具栏中的颜色设置来单独调整文本。

    高级

    古腾堡编辑器教程:如何使用WordPress引文区块-1

    高级设置包括HTML锚点和附加CSS类。锚点提供了一个URL,因此您可以直接链接到该区块。CSS类字段包括您选择的样式,您可以根据需要添加其他类。

    有效使用引文区块的技巧和最佳实践

    • 使用文章本身的文本。
    • 谨慎使用它们。
    • 不使用标题也没关系。
    • 使用右对齐或左对齐使您的引文包裹您的文本。
    • 使用宽幅和全幅对齐选项来创建有趣的标题。
    • 尝试两种样式,默认样式和纯色样式,看看哪种样式最适合您的内容。使用纯色并更改背景颜色以突出显示。
    • 使用颜色使引文更加突出。

    关于引文区块的常见问题

    引文区块和引用区块有什么区别?

    引用显示外部内容。引文突出显示了它所在文章中的一部分文本。 引文区块包含更多对齐选项并且样式不同。

    使用引文区块有什么好处?

    它使文本具有更加突出的图形外观。它还突出显示文本中的一行以引起注意。

    它们可以转换成引用区块吗?

    是的,还有一个段落区块、栏目区块、组区块、标题区块或列表区块。

    它们可以用于其他用途吗?

    是的,还有简短的教程、脚注、标题等。

    小结

    这就是我们对WordPress引文区块的看法。引文是为文本添加一些视觉重点的好方法,引文区块做得很好。此区块易于使用,并为您提供足够的选项来创建突出的独特外观。它的布局选项适用于您的文本,允许您分割文本、用文本换行,甚至将其用作标题。

  • 古腾堡编辑器教程:如何使用WordPress预格式区块

    How to Use the WordPress Preformatted Block-1

    预格式区块显示您键入的文本。这意味着您可以在文本中包含空格和换行符。了解如何使用预格式区块可为您提供多种优势,例如将文本的各个部分分开并创建突出的元素。幸运的是,此区块包含多个样式选项,并且易于使用。

    在本教程中,我们将介绍WordPress预格式区块。我们将了解如何将其添加到文章和页面,并查看其选项和设置。我们还将看到一些使用它的最佳实践,以及最常见的问题。

    如何将预先格式区块添加到文章或页面

    How to Use the WordPress Preformatted Block-1

    通过单击区块插入器工具将预格式化区块添加到您的内容中。您会在左上角和内容区域中找到它。搜索预格式并单击Enter

    How to Use the WordPress Preformatted Block-1

    您还可以通过键入/preformatted并在您希望它出现的内容区域中按 Enter来添加区块。在您键入时,WordPress会根据您输入的字母提供建议,因此您只需在看到该区块时单击它即可。

    How to Use the WordPress Preformatted Block-1

    预格式区块现在已添加到文章或页面。预格式区块类似于段落区块诗篇区块和代码区块。这是它们之间的一种交叉,但它也简化了它们。它显示您键入的文本,但不会更改格式,而是保留它。这包括所有空格和换行符。它以等宽字体显示。

    预格式区块设置和选项

    与大多数WordPress区块一样,该区块包含一个设置工具栏和侧边栏中的选项。这是两者的近距离观察。

    预格式区块工具栏设置

    How to Use the WordPress Preformatted Block-1

    工具栏位于区块上方,包含大多数标准工具。

    更改区块类型或样式

    How to Use the WordPress Preformatted Block-1

    此区块可以转换为其他几个区块,包括段落区块、组区块、栏目区块和代码区块。突出显示选项会显示您的内容的外观预览。

    拖动和移动

    How to Use the WordPress Preformatted Block-1

    拖动工具显示为6个点。抓住这个区域,您可以将区块拖放到内容中的任何位置。每次单击箭头时,向上和向下移动箭头都会在内容中向上或向下移动一个区块。

    粗体、斜体和链接

    How to Use the WordPress Preformatted Block-1

    粗体、斜体和链接设置控制单击按钮时突出显示的文本。您可以单独或一起使用它们。您可以通过在链接弹出窗口底部启用链接来在新选项卡中打开链接。

    How to Use the WordPress Preformatted Block-1

    带有链接的文本带有下划线以表明它是可点击的。单击编辑器中的文本会打开链接编辑器,您可以在其中更改链接。

    下拉选择

    How to Use the WordPress Preformatted Block-1

    “更多”下拉按钮包括多个格式选项,这些选项适用于您单击该选项时突出显示的文本。选项包括:

    • 内联代码– 这使您的文本看起来像代码,并防止区块中的任何代码执行。预格式这个词是上图中的内联代码。
    • 内嵌图像– 这使您可以将媒体库中的图像放置在鼠标光标所在的位置。
    • 键盘输入– 使用键盘HTML格式设置文本样式。文字文字在上图中使用键盘输入样式进行样式设置。
    • 删除线– 这会在文本中放置一行。上图中的等宽字有删除线。
    • 下标– 这会将文本设置为比其他文本更低更小。上图中的这个词是一个下标。
    • 上标– 这将比其他设置更高和更小。上图中的字线是上标。
    • 文本颜色– 这让您可以更改文本的颜色,就像我在上图中对单词Divisions所做的那样。

    更多选项

    How to Use the WordPress Preformatted Block-1

    预格式区块选项包括:

    • 隐藏更多设置– 这将隐藏或显示右侧边栏。
    • 复制– 这会复制预格式区块,以便您可以将其粘贴到内容中的其他位置。
    • 创建副本– 这会将预格式区块的副本放在原始区块下。
    • 在当前区块前插入– 这会在区块上方为另一个区块添加一个空格。
    • 在当前区块后插入– 这会在区块下方为另一个区块添加一个空格。
    • 移动至– 这会放置一条蓝线,您可以使用箭头向上或向下移动,并将您的区块移动到您选择的位置。
    • 编辑作为HTML编辑 – 这将打开代码编辑器,以便您可以将内容编辑为HTML。
    • 添加至可重用区块– 这会将您的预格式化区块添加到您的可重用区块中。
    • 组合– 这会将区块添加到组中,以便您可以将它们作为单个区块进行调整。
    • 移除区块– 这将删除区块。

    预格式区块设置

    How to Use the WordPress Preformatted Block-1

    预格式区块设置位于右侧边栏中。如果未显示,请单击右上角的齿轮。单击区块内的任意位置以查看其侧边栏选项。

    排版

    How to Use the WordPress Preformatted Block-1

    排版可让您选择整个区块的字体大小。从下拉框中选择尺寸或输入自定义尺寸。单击重置可恢复为默认设置。

    颜色

    How to Use the WordPress Preformatted Block-1

    颜色选项可让您设置文本和背景颜色的样式。背景可以是纯色或渐变色。您可以从多种预选颜色中进行选择或选择自定义颜色。如果颜色组合可能难以阅读,您会在右下角看到一条消息。在本例中,我将背景设置为橙色,将文本设置为白色。这表明它可能难以阅读。

    How to Use the WordPress Preformatted Block-1

    渐变背景可以设置为线性或径向。使用颜色选择器选择两种颜色或输入颜色为 RGB 或 HSL 代码。颜色可以包括不透明度。对于线性,您可以设置角度,就像我在上面的示例中所做的那样。将它们靠近在一起以在它们之间创建一条清晰的线,就像我所做的那样,或者进一步分开以控制它们的混合方式。

    高级

    How to Use the WordPress Preformatted Block-1

    高级设置包括一个 HTML锚点选项,因此您可以直接链接到预格式区块。它还包括一个用于添加CSS 类的字段,以便您可以使用自定义CSS来设置区块的样式。

    有效使用预格式区块的技巧和最佳实践

    任何时候您想在您的内容中添加空格或分行时,都可以使用此区块。段落区块不保留该格式。

    为文本和背景使用颜色以将其与其他内容区分开来。这也防止它看起来与代码区块相同,这很重要,因为两者都使用等宽类型。

    用它来强调你的文本。由于它可以保留空格和行分割,因此可以用来将文本的一部分与其余部分分开。

    使用间距和分割以及字体和背景选项来创建独特的标题来分隔您的内容。

    关于预格式区块的常见问题

    预格式区块的目的是什么?

    显示带有换行符和空格的文本,同时能够更改字体大小、颜色和背景,并添加链接。

    它与诗篇区块有何不同?

    诗篇区块有点复杂。它包括对齐选项并且不以等宽显示文本。它还包括一些间距功能并为链接添加颜色选项。

    它与代码区块有何不同?

    它包括背景的样式选项。虽然代码区块在“更多选项”中有一个字体颜色选项,在侧边栏中有一个字体颜色选项,但它在侧边栏选项中不包括字体和颜色

    它与段落区块有什么不同?

    段落区块不会保留您的换行符。在预格式化块中,您可以通过单击Enter向文本添加新行。对于段落区块,这会将您带到一个字段以添加新区块。段落区块还包括更多文本设置。

    它可以用来做什么?

    间距和分行显示的文本与您的其余内容不同。字体和背景颜色可以为服务、引用(尽管引用区块和引文区块可能是更好的选择)、推荐、号召性用语等创建卡片。

    小结

    这就是我们对WordPress预格式区块的看法。该区块通过保留间距和线划分为您提供了一些有趣的设计功能。与代码区块不同,您仍然可以使用背景颜色工具。这个区块是一个很好的选择,可以帮助你的文本脱颖而出,它甚至可以用来创建设计元素来展示你的服务并引起人们对某些东西的注意。

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

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    WordPress表格区块允许您为文章或页面创建表格。这非常适合显示表格数据。它易于使用,并且可以根据您的网站设计进行样式设置。

    在本教程中,我们将仔细研究表格区块。我们将了解如何将其添加到文章和页面、其设置和选项、最佳实践以及常见问题。

    如何将表格区块添加到文章或页面

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    单击要添加区块的区块插入器并搜索表。当表格区块出现时,单击它以将其添加到您的内容中。或者,您可以使用屏幕左上角的插入器,或输入/table并按 Enter。

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    这会添加表格区块,您可以在其中指定列数和行数。输入表所需的列数和行数,然后单击“创建表”。

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    您的表格将出现在屏幕上,您可以在其中向单元格添加内容并在底部添加标题。默认样式将根据您使用的 WordPress 主题而有所不同。我在示例中使用了 22-1 WordPress 主题。

    表格区块设置和选项

    让我们看看设置和选项。

    表格区块工具栏

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    单击表格时,表格区块工具栏会出现在表格上方。

    更改区块类型或样式

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    这使您可以将表格添加到组中,设置布局的列数(不是表格列),并为表格选择所需的样式。样式有两种选择。默认样式具有纯色背景,而条纹则每隔一行添加一条灰色条纹。将鼠标悬停在选项上提供预览。

    更改对齐方式

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    将表格设置为左、中、右、宽幅或全幅。并非所有主题都支持宽幅和全幅。在此示例中,我已将其设置为宽幅。

    列对齐

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    分别为每一列选择对齐方式。将它们设置为左对齐、居中对齐或右对齐。在本例中,我将左栏设置为右栏,并将其余栏设置为中心。

    粗体和斜体

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    粗体和斜体设置调整您突出显示的文本。表格或标题中的任何文本都可以设为粗体、斜体或两者兼而有之。您必须独立选择每个单元格。

    链接

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    添加指向表格或标题中任何内容的链接。我在此示例的标题中添加了指向手表名称和标题的链接。当您键入URL时,它会在您的网站上搜索您以前使用过的 URL,并提供它们作为建议。

    更多下拉选项

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    这将打开一个包含多个选项的下拉框。以下每个选项都添加到上图中:

    • 内联代码– 显示样式为代码的文本。
    • 内嵌图像– 打开媒体库,您可以在其中选择要内嵌在光标位置的图像。您可以选择图像以更改其宽度。
    • 键盘输入– 向您的内容添加键盘标签以定义键盘输入。它以浏览器的默认等宽字体显示。
    • 删除线– 在您突出显示的文本中放置一行。
    • 下标– 将您突出显示的文本设为下标。
    • 上标– 将您突出显示的文本设为上标。
    • 文本颜色– 可让您更改突出显示的文本的颜色。您可以从预制颜色中进行选择,使用颜色选择器工具选择一种颜色,或者以十六进制或RBG代码的形式输入值。

    编辑表

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    编辑表选项打开一个下拉框,您可以在其中插入或删除行和列。在您选择的行或列之前或之后添加它们。这样可以随时轻松更改表格的大小。我在这个例子中添加了两者。

    区块选项

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    表格区块选项按钮会打开一个下拉框,其中包含更多可供选择的选项。表选项包括:

    • 隐藏更多设置– 此选项隐藏右侧边栏,为您提供更干净的工作区。
    • 复制– 将表格区块复制到剪贴板。然后,您可以将其粘贴到该页面或文章中您想要的任何位置。
    • 新建副本– 在表下创建表格区块的副本。
    • 在当前区块前插入– 在表格区块之前为区块插入空间。
    • 在当前区块后插入– 在表格区块之后为区块插入空间。
    • 移动至– 在区块编辑器中放置一条蓝线。您可以使用箭头键向上或向下移动线。将蓝线移到您想要移动表格区块以按 Enter 键的位置后,您的区块将自动移动到新位置。
    • 作为HTML编辑 – 此选项更改为代码编辑器,因此您可以将内容作为HTML。
    • 添加至可重用区块– 此选项将您的表格区块添加到可重用区块中,以便您可以在任何页面或文章上再次使用它。
    • 组合– 这会创建一个组,以便您可以一起调整所有区块。
    • 移除区块– 此选项删除表格区块。

    表格区块设置

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    表格区块设置与右侧栏中的其他设置一起放置。如果侧边栏未打开,请单击右上角的齿轮图标,然后单击表格区块中的任意位置以显示设置。您将看到带有图标和简短说明的“表格”一词。您还将看到样式、颜色、表格设置和高级选项。单击每个标题以打开其设置。

    样式

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    表格区块样式让您可以在非条纹或条纹表格之间进行选择。也可以在两种样式下的下拉框中设置默认样式,也可以不设置。样式提供预览

    颜色

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    颜色使您可以控制表格区块的文本、网格和背景颜色。从多种预选颜色中进行选择,或从颜色选择器中选择一种自定义颜色。

    对于文本和网格,选择一个。对于背景,选择纯色或创建渐变。文本和背景颜色都允许您输入十六进制或 RGB 代码。背景渐变可以是线性的或径向的。线性包括允许您控制方向的设置。

    在上面的示例中,我为文本和网格选择了白色,并为径向渐变选择了一些蓝色阴影。

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    如果您选择了条纹样式,背景颜色将控制背景的条纹颜色。条纹可以是纯色或渐变色背景。

    表格设置

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    表格设置提供了可以打开或关闭的选项。设置包括:

    • 定宽单元格– 使单元格大小相同,因此表格看起来一致。它阻止单元格适应其内容的大小并使其大小不同。
    • 页眉章节– 用粗体文本在顶部添加一行。它用粗线与其他单元格隔开。这些独立并用作列的标签。
    • 页脚章节– 在表格底部添加一行作为页脚。它用粗线与其他单元格分开,但默认情况下文本不是粗体。这对于汇总信息、提供总数或为大表重复标题很有用。

    高级

    古腾堡编辑器教程:如何使用WordPress表格区块-1

    高级表格区块设置包括用于 HTML 锚点的选项和用于添加其他 CSS 类的字段。锚点用作特殊 URL,因此您可以直接链接到表区块。CSS classes 字段允许您添加自定义 CSS 类来设置区块的样式。默认情况下,它为您在样式设置中选择的样式提供了一个类。

    有效使用表格区块的提示和最佳实践

    任何时候需要显示表格数据或内容时,都可以使用表格区块。不要使用它们来创建列。列区块最适合于此。

    使用段落区块为表格添加标题。

    通过添加标题为行创建标题。使用易于理解的清晰标签。

    使用固定宽度使桌子看起来更精致和专业。

    为较大的表格选择条纹以使其更易于阅读。

    如果表格很大,请使用页脚来总结信息或再次显示标题。

    关于表格区块的常见问题

    表格区块的最佳用途是什么?

    这个区块非常适合创建表格和图表。

    可以使用表格区块块来创建栏目吗?

    是的,但它不能让您对栏目进行足够的控制。最好为此使用栏目区块。

    以后可以更改表格大小吗?

    是的。使用表格的选项插入或删除行或列。

    小结

    这就是我们对WordPress表格区块的看法。这是创建基本表格的绝佳区块,您甚至可以在某种程度上对它们进行样式设置以匹配您的网站。此区块是区块编辑器的优势之一。使用此区块创建的表很简单,但它们运行良好且易于构建。

  • 如何为WordPress文章添加自定义字段

    在本次WordPress教程中,我们将解释什么是WordPress自定义字段并讨论如何使用它们。然后我们将向您展示如何将它们添加到您的文章中并介绍一些可选插件。

    当您对WordPress感到满意时,您可能想要开始突破它的界限。这意味着尝试使用该平台的一些更高级的选项。例如,您可能会从学习如何创建自定义字段中受益。

    向您的WordPress文章添加自定义字段使您可以为其分配额外的数据。反过来,这有助于您仅向特定文章添加特定信息或功能。例如,您可以使用自定义字段来告诉WordPress您的哪些文章是受赞助的,然后将一些代码添加到您的主题文件中,以便仅在这些文章上显示披露声明。

    自定义字段简介

    默认情况下,WordPress文章编辑器非常灵活,可让您将内容自定义到N级。您可以在文章中添加任何您喜欢的内容。但是,您拥有的内容越多,您就越可能希望以更好的方式来组织和管理它。

    自定义字段是一种更高级的WordPress功能,可让您向某些文章添加额外信息。该信息称为“元数据”。自定义字段和元数据对开发人员特别有用,他们可以使用它们来扩展各种编码的文章。尽管如此,它们也对更一般的WordPress用户有益。

    例如,假设您想表明您博客上的哪些文章是受赞助的,以确保您对观众保持透明。您可以单独为每个相关文章添加简短的披露声明。或者,您可以使用显示相关消息的自定义字段来节省一些时间。然后,您可以向主题文件添加代码,使您的披露声明显示在正确的文章中。

    如果这听起来很复杂,请不要担心。使用自定义字段比看起来更简单。事实上,我们将在下面向您展示如何实现此示例。如果您对自定义字段和元数据的其他潜在应用程序感兴趣,您可能还想查看有关该主题的WordPress Codex条目

    如何为WordPress文章添加自定义字段

    自定义字段的概念可能看起来有点抽象。让我们通过一个例子来看看这个功能是如何工作的。该通用过程可应用于多种应用。您可以为您的文章添加状态更新,包括有关赞助内容的披露通知等等。

    但是,您首先需要花点时间备份您的网站。如果您按照这些说明进行操作,您将对主题的主文件实施更改,并且您不想冒险犯任何永久性错误。为了额外的安全性,还建议创建一个子主题并使用它而不是您的基本主题。

    1. 启用自定义字段并为文章分配新的元数据

    您需要做的第一件事是打开您想要添加自定义字段的文章。它可以是旧文章或新文章。进入文章编辑后,单击屏幕右上角名为“显示选项”的选项卡:

    文章显示选项设置

    在这里,您可以自定义文章中出现和不出现的内容。您要确保选中标有“自定义字段”的框(默认情况下,通常不会)。然后,只需关闭显示选项菜单。

    现在,如果您在文章编辑器下方向下滚动,您会发现一个新部分。

    如何为WordPress文章添加自定义字段-2

    在名称和字段值下,您将添加一些元数据来描述要添加到此文章的信息。根据您安装的主题和插件,您可能已经在名称下列出了一些选项。无论如何,您将希望在此实例中创建新的元数据。

    为您的元数据选择一个名称。它可以是任何东西,但最好保持简短和描述性。继续上面关于在特定文章上显示披露声明的示例,我们将其称为Sponsored Post。然后我们将在值框中添加一个简单的“是” ,表明此特定文章是赞助的。

    文章自定义字段

    单击添加自定义字段,此元数据现在将分配给您的文章。不要忘记保存或更新文章。

    2. 将条件代码添加到您的主题文件中

    上一步告诉WordPress有关您文章的重要信息:它是否是赞助内容。现在,您需要添加路线,以便您的网站知道该怎么做。正如我们之前提到的,这将涉及一些编码知识。但是,不要让它吓到你。即使您不是开发人员,您也会发现该过程相对简单。

    在WordPress中,您需要导航到外观>主题编辑器。在这里,您可以浏览并更改构成您网站的文件。您需要查看右侧的侧边栏并找到Single Post文件(也称为single.php)。

    主题编辑器

    您将在此处添加代码,该代码将告诉WordPress如何响应您的自定义字段。您将使用的确切代码会有所不同,具体取决于您想要做什么。在我们的示例中,您需要添加以下代码段

    <?php
    $meta = get_post_meta( get_the_ID(), ‘Sponsored Post’ );
    if( $meta[0] == ‘Yes’ ) {
    ?>
    <p>This post is sponsored content, and we received a free copy of the product in order to conduct our review.</p>
    <?php } ?>
    <?php
    $meta = get_post_meta( get_the_ID(), ‘Sponsored Post’ );
    if( $meta[0] == ‘Yes’ ) {
    ?>
    <p>This post is sponsored content, and we received a free copy of the product in order to conduct our review.</p>
    <?php } ?>
    <?php
    $meta = get_post_meta( get_the_ID(), 'Sponsored Post' );
    if( $meta[0] == 'Yes' ) {
    ?>
    <p>This post is sponsored content, and we received a free copy of the product in order to conduct our review.</p>
    <?php } ?>

    然后,单击“更新文件”按钮。此代码告诉WordPress检查并查看文章是否具有Sponsored Post自定义字段,以及该值是否设置为“是”。如果是这样,它将显示消息。如果没有自定义字段,或者Sponsored Post值设置为“No”,则不会向文章添加任何额外内容。

    此外,在那里您将代码将确定何时在后显示出来。例如,要让它出现在页面顶部,您需要在single.php文件中的这一行之前添加它:

    while ( have_posts() ) : the_post();
    while ( have_posts() ) : the_post();
    while ( have_posts() ) : the_post();

    希望您开始了解自定义字段的用处。使用此功能时有很多可能性,所以不要害怕尝试一下,看看你可以用它完成什么。

    使用插件管理您的自定义字段

    您现在知道如何向WordPress文章添加自定义字段和元数据。但是,如果您想从该功能中获得更大的灵活性,或者您只想简化流程,该怎么办?这是我们正在谈论的WordPress,所以当然,有一些插件可以帮助您。

    与自定义字段相关的插件并不多,但您可以找到一些质量选项。有关一个很好的示例,请查看高级自定义字段插件

    高级自定义字段插件

    这个非常流行的免费插件简化了向WordPress添加自定义字段的过程。它还为您提供了更多元数据添加位置的选择,例如添加到用户、媒体和评论。最后,它添加了工具以提供更多选项以在主题文件中显示自定义字段值。甚至还有一个具有更多功能的高级版本

    如果该插件看起来有点矫枉过正——它可能适用于非开发人员——Custom Field Suite是一个不错的选择。

    Custom Field Suite

    该工具本质上是高级自定义字段的轻量级版本。它为您的站点添加了一些有用的新自定义字段类型。此外,它还简化了添加和管理自定义字段的过程,而不会因太多新选项而使您不知所措。

    如果您希望从自定义字段中获得更多收益,这可以是一个智能插件。此外,一旦您对流程更有信心,您就可以随时切换到更强大的解决方案。

    小结

    自定义字段和元数据是一开始可能看起来有点混乱的概念。但是,随着时间和耐心,您会发现它们使您能够从WordPress平台中获得更多收益。幸运的是,有一些方便的插件可以在此过程中为您提供帮助。

  • 古腾堡编辑器教程:如何使用WordPress分页符区块

    分页符样式

    分页是将冗长的内容分解为更易于阅读的绝妙方法。如果你环顾网络,分页无处不在。搜索引擎使用它来分离结果,在线商店利用它来简化浏览,您甚至可以为博客文章添加分页。多亏分页符区块,WordPress使您能够轻松地做到这一点。

    在本教程中,我们将讨论如何将分页符区块添加到您的网站,并向您展示它的外观。然后我们将讨论一些提示和技巧,以确保您正确使用分页符。

    如何将分页符区块添加到文章或页面

    区块编辑器包含构建现代页面和将复杂文章(包括分页符)放在一起所需的所有元素。当您在WordPress上使用分页符区块,你基本上添加该页面或文章内的新选项卡。您可以添加多个分页符并使用户能够在这些部分之间移动,如下所示:

    文章分页演示

    使用区块编辑器添加分页符非常简单。首先,打开编辑器并添加您希望该文章包含的段落、列表和其他元素。

    准备好要分割的内容后,单击加号图标以添加新区块。在“设计” 选项卡下 查找“分页符”选项并选择它:

    分页符区块插入

    如您所见,我们的页面上已经有几个分页符区块。添加区块后,单击它,您将看到拖动它的选项,或在整个页面布局中上下移动它:

    分页符区块移动

    单个页面或文章可以根据需要包含任意数量的分页符区块。正如您在本节开头所见,WordPress会自动将分页符区块之间的内容分成单独的页面。

    尽管大多数WordPress区块提供多种自定义设置,但分页符区块不是其中之一。默认情况下,您无法更改区块的样式或其工作方式。不同的WordPress主题都有自己的分页样式。但是,区块本身被设计为尽可能易于使用。

    有效使用分页符区块的技巧和最佳实践

    使用分页符区块非常简单。但是,在向WordPress网站添加分页时,您应该记住一些提示和技巧。让我们一一回顾这些技术:

    • 使每一页尽可能统一。 理想情况下,页面之间的切换应该是无缝的。如果一页与下一页的内容存在很大差异,则可能会让读者感到不快。为简单起见,我们建议每个部分使用相同的结构,并使它们的长度相似。
    • 适度使用分页符。 尽管分页符很有用,但很少有人会在一个页面(即使是在网上商店)中点击其中的一打分页符。理想情况下,您应该只在情况需要时使用分页。
    • 为每个子页面添加副标题。 在子页面中,正确的格式和副标题的使用仍然必不可少,因此读者知道每个部分涵盖的内容。此外,搜索引擎仍会将带有中断的页面视为一个整体。
    • 不要在分页后隐藏关键信息。 每当您对页面设计进行更改以使其更难以导航时,都会对参与度产生负面影响。例如,如果您在五个或十个分页符区块之后“隐藏”重要信息,那么某些用户可能会错过它是理所当然的。为避免这种情况,我们建议不要在着陆页或旨在推动转化的文章中使用分页符。

    如果您牢记这些提示,您将能够在WordPress中使用分页符区块,而不会影响您网站的参与度。请记住,网络上的大多数人都习惯于看到分页符。换句话说,他们已经知道这个元素是如何工作的。只要您让访问者有理由期待该分页符背后有吸引人的内容,他们就更有可能点击它。

    关于分页符区块的常见问题

    如果您对WordPress分页符区块以及如何使用它有任何疑问,让我们来看看用户对这个特定元素的一些常见问题。

    无限滚动比分页更好吗?

    当您的网站拥有庞大的内容库时,无限滚动可以很好地工作。社交媒体平台几乎一致使用无限滚动是有原因的——它鼓励用户在您的网站上花费更多时间。

    对于非社交媒体平台,分页符提供了一种更结构化的替代方案,使访问者能够在各个部分之间跳转并保持控制。如果他们想返回到较早的点,他们可以随时这样做,这在您使用无限滚动时并不那么简单。

    什么时候应该使用分页符区块?

    大多数现代博客不使用分页符,即使是很长的文章。除非您有充分的理由在博客文章中添加分页符,否则我们建议您只制作每篇文章,只要它不需要分页即可。

    当您需要提供在单个屏幕内可能难以消化的信息时,添加分页符非常有效。例如,如果您想提供推荐文章和页面的列表,分页效果非常好。这同样适用于产品列表,甚至常见问题 (FAQ) 部分。

    小结

    分页符区块为您提供了一个令人难以置信的简单的方法来添加分页到任何网页或网站中的文章。分页是将大量信息分解为读者更容易消化的部分的绝佳方式。

    但是,我们建议不要在常规博客文章中使用此技术。总的来说,大多数现代博客不对其内容使用分页,即使是冗长的文章。在分离产品和推荐的文章列表、用户推荐、评论和类似元素时,分页符更有用。