• Home
  • Category: WordPress 基础知识
WordPress 基础知识

如何在WordPress帖子中添加特殊字符

为什么要在WordPress帖子中添加特殊字符?

在WordPress网站的博客帖子中添加特殊字符可以使您的内容在视觉上更具吸引力。它还可以通过吸引读者的注意力到关键点来帮助您的内容更易于阅读。例如,如果您在博客帖子中使用公司的名称,添加一个商标字符会帮助突出您的业务。

此外,在标题和Meta描述中使用特殊字符可以通过使您的内容更加有趣和吸引用户来提升您的网站SEO表现。反过来,这可以提高点击率。

话虽如此,让我们看看如何轻松地在WordPress帖子中添加特殊字符。我们将介绍三种不同的方法,您可以使用以下快速链接跳到您想使用的方法:

方法1:使用WordPress块编辑器添加特殊字符

如果您正在寻找一种使用HTML实体在块编辑器中添加特殊字符的简单方法,那么这种方法适合您。当您撰写博客文章时,WordPress会自动以HTML格式对其进行格式化。这是几乎所有网站都在使用的标记语言。

HTML附带了一系列HTML实体。这些是可以用来显示字符、符号、箭头等的特殊代码。它们还允许您在HTML中添加键盘布局中通常找不到的特殊字符。

例如,如果您想添加一个商标™符号,您可以使用HTML实体代码™来显示它。同样,如果您想在文章中添加一个版权©符号,可以使用©代码。

使用自定义HTML块添加特殊字符

要添加特殊字符,首先需要在块编辑器中打开一个新的或现有的WordPress帖子。打开后,单击屏幕左上角的添加块“+”按钮以打开块菜单。从这里,找到并添加自定义HTML块到帖子中。接下来,只需在块中输入特殊字符的HTML实体代码。

您会注意到,每个HTML实体代码都以&符号开头并以分号结尾。完成后,点击“更新”或“发布”按钮以保存您的更改。现在,您可以访问您的帖子,查看显示在WordPress博客上的特殊字符。

使用代码编辑器添加特殊字符

您还可以通过切换到代码编辑器在WordPress帖子中添加特殊字符。块编辑器中的这个选项允许用户查看和编辑不同块的底层HTML、CSS或JavaScript代码,这使得添加HTML实体变得容易。首先,在块编辑器中打开一个新的或现有的WordPress帖子。一旦打开,点击屏幕右上角的三点菜单以打开下拉菜单。从这里,点击“代码编辑器”选项。

这将打开代码编辑器,您可以在文本之间轻松添加HTML实体。例如,如果您想在产品或公司名称旁边添加一个商标特殊字符,您可以通过切换到代码编辑器轻松完成此操作。

完成后,点击“更新”或“发布”按钮来保存您的更改。现在,您可以访问您的WordPress网站,查看帖子中的特殊字符。

方法2:使用插件添加特殊字符

如果您需要经常添加特殊字符,那么与每次查看HTML实体参考表相比,使用插件可能更方便。首先,您需要安装并激活Insert Special Characters插件。

激活后,在块编辑器中打开一个帖子或页面添加特殊字符。一旦打开,选择一个段落块,然后点击块工具栏顶部的欧米茄图标以打开显示特殊字符的弹出窗口。从这里,找到您要添加的特殊字符,然后点击以将其插入编辑器。

方法3:使用经典WordPress编辑器添加特殊字符

如果您仍在使用旧的经典编辑器撰写博客文章,那么您可以使用此方法添加特殊字符。请记住,经典编辑器附带内置的特殊字符功能。

首先,您需要在编辑器中打开一个新的或现有的帖子。接下来,点击厨房水槽按钮。这将展开第二行格式选项,您必须点击“特殊字符”按钮。点击它将弹出显示一些常用特殊字符的窗口,其中包括货币符号、数学符号、版权、注册标志、商标符号等。

请记住,此方法仅适用于您在WYSIWYG模式下使用旧的帖子编辑器。如果您在文本编辑器模式中使用它,那么您要么需要切换到可视化编辑器,要么使用上述的HTML实体方法。从这里,您只需点击要使用的符号或字符,它将被添加到您的帖子中。最后,不要忘记点击“更新”或“发布”按钮以保存您的更改。

额外:在WordPress博客文章中添加表情符号

除了特殊字符,您可能还想在WordPress博客文章中添加表情符号。表情符号是可以与文本一起使用的小图像图标,用于表达情感和其他表达方式。

在您的网站中插入这些图标可以为您的内容增添一抹色彩和个性,提高参与度,并使您的帖子更易读。您可以通过在键盘上按下Windows + .(句号)快捷键轻松在WordPress块编辑器(Gutenberg)中添加表情符号。完成后,屏幕上将打开一个弹出窗口,您可以从中选择博客文章的表情符号。

然而,请注意,此方法仅适用于使用Windows计算机的用户。如果您是Mac用户,则必须同时按下Command + Control + Space键来打开表情符号提示。有关详细说明,请参阅我们关于如何轻松将表情符号添加到WordPress博客的教程。

我们希望这篇文章能帮助您学习如何在WordPress帖子和页面中添加特殊字符。您还可能想查看我们的WordPress网站颜色自定义初学者指南以及我们精选的最佳免费WordPress博客主题。

Read More
WordPress 基础知识

如何在 WordPress 中添加图片来源

为什么要在 WordPress 中添加图片来源?

图片能够高效地吸引观众并美化你的博客文章。然而,你不能随意从网上复制任何图片并添加到你的 WordPress 博客中。所有网络上的图片都受版权法保护,这意味着你只有获得版权拥有者的许可才能使用它们。

一些摄影师和艺术家会在特定的许可证下发布他们的作品,允许他人使用,但通常要求你给原创作者适当的归属。如果图片作者明确表示他们的照片可以在如 Creative Commons 这样的许可证下重新使用,那么你必须添加图片来源并提供正确的归属。

添加图片来源的重要性

互联网所有图片都受版权法保护,包括那些没有明显版权声明的图片。未经授权,你不能在你的 WordPress 网站上使用这些图片。如果图片作者特别要求在 Creative Commons 等许可证下重新使用他们的照片,那么你必须添加图片来源并提供正确的归属。

正确添加图片来源对于遵守版权法和避免侵犯他人权益非常重要。这展示了对他人工作和创意的尊重,同时也保护你免受因侵犯知识产权和版权法而产生的法律问题和责任。

不添加图片来源的后果

许多初学者认为互联网很大,没人会注意到他们未经许可使用图片。这在早期可能是对的,但现在情况变化很快。目前有一个专门负责处理图片版权索赔的律师行业,他们使用反向图片搜索工具发送大量的停用请求邮件和结算需求信。

我们知道有好几个博主和企业主因为单张图片支付了数百美元的赔偿。如果你打算认真在线上发展业务,那么从一开始就需要认真对待版权法。版权法是全球适用的,这意味着无论你或原创作者位于何地都适用。

最严重的后果是你可能会因为侵犯版权法而被起诉。这些法律纠纷可能花费大量金钱,甚至可能毁掉你的网站及其声誉。版权法同样适用于搜索引擎如 Google 和网络托管公司。原始版权拥有人可以向搜索引擎提出 DMCA 投诉,迫使其从搜索结果中删除该内容。他们还可以要求你的托管服务商移除该内容,在这种情况下,服务商将有法律义务要求你删除该图片。有些公司甚至可能暂停你的托管账户并事后通知你。

如何在 WordPress 中正确添加图片来源

WordPress 允许你轻松地在图片下方添加图片来源。首先,你需要在管理侧边栏中使用区块编辑器打开一个 WordPress 文章或页面。

然后,点击屏幕左上角的添加区块‘+’按钮,打开区块菜单。从这里,找到并添加一个图片区块到文章或页面。接着,点击‘上传’按钮,从你的电脑中选择要上传的图片。

你也可以通过点击媒体库按钮选择之前上传的图片。一旦完成,图片会自动出现在区块编辑器中。

你现在会在图片下方看到一个提示‘写标题’。这些标题可以用来描述照片,也可以用来添加图片来源并正确致谢原创版权拥有者。

你可以在标题字段中添加图片来源文字。有些版权拥有者可能要求你还要添加返回原始图片来源的链接。在这种情况下,你可以简单地点击插入链接按钮并添加指向原始文件的链接。

完成后,你可以保存你的更改。要了解更多关于使用标题的信息,请查看我们的文章《如何在 WordPress 中添加图片标题》。

如何找到图片来源和许可信息

大多数你在网上找到的图片没有许可信息,这意味着你没有权限使用这些图片。幸运的是,有很多网站可以找到可供使用的图片。然而,这些图片网站中的一些可能要求你提供归属或图片来源。

你可以在图片下载页面上找到这些信息。例如,这是 Flickr 在图片页面上显示许可信息的方式。点击此链接,你将能够看到有关许可证的更多细节,并说明是否需要归属及如何正确归属。

如何避免在 WordPress 中添加图片来源

你需要仔细阅读许可证,了解你需要如何提供图片来源。大多数这类许可证会明确要求你提供指向原始资源的链接。

添加指向摄影师网站或照片的链接有点麻烦。在大多数情况下,链接与网站的实际内容无关。它会让用户离开你的站点,他们可能不会回来。

这就是为什么我们推荐使用免版权的图库网站。这些网站收集无需图片来源的照片、图片和插图。你也可以在商业网站上使用这些图片。以下是我们推荐的一些免费的图库网站:

  • Unsplash – 一个整理良好的免版权照片合集
  • Pixabay – 其中一个最大的免费图片和照片网站
  • Public Domain Archive – 收藏了公共领域内的图片和照片
  • Picjumbo – 另一个大型的免版权图片合集
  • New Old Stock – 收藏了一些现已属于公共领域的复古照片

更多选择,请查看我们整理的最佳免费图库资源。尽管如此,图库图片的问题是它们已经在成千上万的网站上使用,你可能也难以找到合适的图片来配合你的文章。

最简单的解决方案是使用原创照片和图形。然而,大多数用户并不是图形设计师。

幸运的是,一些网站允许你轻松创建可用在网站上的图形。这些图片编辑器配备拖放工具和现成的模板,为你提供良好的起点。以下是一些适合初学者的在线图形编辑工具:

  • Canva – 一款适合初学者使用的图形设计工具,用来创建自定义标志、横幅、图片、信息图表、图表等。
  • Piktochart – 易于使用的工具,用来制作美观的演示文稿、横幅、图表和图形
  • Pablo (by Buffer) – 让你可以为社交媒体和博客创建美观的图形.
  • PicMonkey – 另一款适合博主使用的简单图像编辑器

额外:使用人工智能生成图片

除了使用图库图片或使用不同工具创建原创图片外,你还可以使用人工智能生成独特的图片,用于你的网站。

如果你的小企业预算有限,无法雇佣专业摄影师或设计师,这会非常有帮助。而且你也不必担心图片来源问题。你可以自由地使用这些图片来搭配你的博文、文章,甚至登录页。

你可以使用 DALL.E2 轻松创建网站图片,这是 OpenAI 创建的人工智能工具。基于 GPT-3 框架,这是一个使用深度学习技术从自然语言描述生成图像的文本到图像模型。

你需要做的就是访问 DALL.E.2 网站并输入你想创建的图片描述。完成后,点击‘生成’按钮,工具将根据你提供的提示生成四张图片。

你可以将这些照片下载到你的电脑并上传到你的 WordPress 网站。

详细操作,请参阅我们的教程《如何在 WordPress 中使用人工智能生成图片》。

我们希望这篇文章能帮你了解如何在 WordPress 中添加图片来源以及为什么这很重要。你也可以查阅我们的分步指南《如何优化图片以获得更多流量》以及我们精选的最佳 WordPress 图片压缩插件。

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

Read More
WordPress 基础知识

如何向搜索引擎提交您的网站(初学者指南)

最近,有读者问我们如何将他们的WordPress网站提交给谷歌等搜索引擎。搜索引擎是大多数网站有机流量的最大来源。所以确保它们能轻易找到并排名您的网站页面非常重要。在这篇文章中,我们将向您展示如何轻松地将您的网站提交给搜索引擎并开始获得网站流量。

为什么要向搜索引擎提交我的网站?

当您首次创建WordPress网站时,并不严格要求您将其提交给搜索引擎。这是因为如果您的网站在其他网页上被提及了,大多数搜索引擎机器人会自动找到您的网站。然而,这可能需要一些时间。我们建议手动提交您的网站,因为这样可以帮助您更快地被发现。

如何向Google提交您的网站

注册Google Search Console

Google是最大的搜索引擎。对于大多数网站来说,Google通常是它们流量的最大来源。要向Google提交您的网站,您需要注册Google Search Console。这是一款免费工具,可帮助网站拥有者查看其网站在Google搜索结果中的表现。注册很简单,只需前往Google Search Console网站并点击“立即开始”按钮,使用现有的Google账户登录即可。

验证您的网站

接下来,Google会提示您输入网站域名。我们推荐使用URL前缀选项,因为这更容易验证。选择该选项后,使用HTML标签方法来验证您的网站并将其提交给Google。点击HTML标签选项以展开它,然后点击“复制”按钮复制代码。然后有多种方式将此代码添加到您的网站。我们将展示两种最简单的方法,您可以选择最适合您的。

使用All in One SEO添加验证代码

最简单的方式是使用All in One SEO,这是市场上最好的WordPress SEO插件。它允许您在不学习任何SEO术语的情况下优化您的网站。首先,您需要安装并激活All in One SEO插件。激活后,访问All in One SEO » 常规设置 » 网站管理员工具页面,然后点击“Google Search Console”选项。接下来,将HTML元标签中的内容值粘贴到“Google验证代码”框中。不要忘记点击屏幕顶部的“保存更改”按钮。

如何使用All in One SEO创建XML Sitemap

WordPress 5.5版本更新后,XML sitemaps被添加为内置功能。然而,这些sitemaps非常基础,无法轻松定制。我们推荐使用All in One SEO(AIOSEO)来创建您的sitemap,因为它包含了一个全面的sitemap生成器。首先,您需要安装并激活All in One SEO插件。激活后,All in One SEO会自动创建您的sitemap文件。要查看它,只需访问WordPress后台的All in One SEO » Sitemaps页面,然后点击“打开Sitemap”按钮。

如何将您的网站提交给Bing、Yahoo和DuckDuckGo

虽然Google在搜索引擎市场上占据了92%的巨大份额,但其他搜索引擎如Bing、Yahoo和DuckDuckGo仍然可以为您的网站带来显著的流量。要向Bing提交您的网站,您需要注册Bing Webmaster Tools。登录后,Bing会提示您添加您的网站。我们建议使用“手动添加您的网站”选项。然后输入您的网站URL(域名),点击“添加”按钮。

如何检查您的网站是否已被索引

检查网站是否已被索引的最简单方法是在您选择的搜索引擎主页输入site:yoursitename.com作为搜索词。例如,WPBeginner网站我们会在搜索引擎中输入site:wpressize.me。如果您的网站已被索引,您应该会看到内容列表。

是否应该使用网站提交服务?

不,您不应该使用网站提交服务将您的WordPress博客或网站提交给搜索引擎。这些服务提供的价值不高。它们收取高级费用,而您完全可以轻松地自己完成。这些服务对您的网站SEO还有可能造成负面影响。

常见问题解答

由于WPressize Me是最大的免费WordPress资源网站,我们听到过几乎所有与此主题相关的问题。以下是一些我们经常听到的常见问题和解决方案。

我的网站出现在搜索引擎中需要多长时间?

您的网站出现在搜索引擎中可能需要几天或几周的时间。这取决于搜索引擎对您的网站进行索引的时间,您无法强制Google或任何搜索引擎更快地索引您的网站。然而,按照我们的说明操作有助于搜索引擎尽可能容易地找到您的网站。

我的网站为什么没有出现在搜索引擎中?

首先,确保您的网站对搜索引擎可见。在WordPress后台,前往设置 » 阅读页面,确保“阻止搜索引擎索引此网站”选项未被选中。如果此设置正确,只有耐心等待。

我的网站为什么没有从搜索引擎获得流量?

如果您没有从搜索引擎获得流量,可能是您的网站在搜索引擎结果页面(SERP)中的排名很低。您应该使用All in One SEO获取关于网站SEO的详细建议。

希望本文能帮助您了解如何将您的网站提交给搜索引擎,您可能还想看看我们的指南,了解如何在访客离开您的网站后与他们保持联系。

Read More
WordPress 基础知识

如何在 WordPress 中添加 nofollow 链接(初学者简单指南)

什么是 Nofollow 链接?

nofollow 链接是一种告诉搜索引擎不要将您的网页链接权重传递给您所链接的其他网站的链接。您可以通过添加 rel=”nofollow” 属性将任何链接变成 nofollow 链接。

链接或反向链接是搜索引擎排名的一个重要因素。 当您链接到一个外部网站时,搜索引擎会将其视为一个排名信号,并将您网站的一小部分权重(链接汁)传递给其他网站。

一些 SEO 专家认为,使外部链接 nofollow 可以帮助您自己的网站排名更高。但实际情况并未得到证实。 几年前,Google 宣布其搜索算法现在将 nofollow 作为提示而不是指令来用于抓取和索引目的。

如何检查链接是否为 nofollow

所有 nofollow 链接都包含 rel=”nofollow” HTML 属性。 这里是一个 nofollow 链接示例的 HTML 代码:

<a href="https://google.com" rel="nofollow">Google</a>

要检查网站上的链接是否已添加 nofollow 标签,您需要将鼠标移动到该链接,右键单击它,然后在浏览器中选择“检查”。

您的浏览器窗口现在将分成两个部分。 在检查面板中,您将能够看到链接的 HTML 源代码以及 nofollow 属性。 或者,您可以使用如 Strike Out Nofollow Links 之类的 Chrome 插件,以便即时查看哪些链接具有 nofollow 属性。

什么时候应添加 nofollow 链接

作为一般的 SEO 最佳实践,您应该添加 nofollow 到所有您不信任的外部网站。 可以接受并推荐将链接添加到权威网站,如 Wikipedia 和 WPressize Me,且不使用 nofollow 属性。 链接到权威网站有助于增加您自己网站的可信度。然而,建议您对可信度较低的网站使用 nofollow 链接。

以下是一些您应该始终为链接添加 nofollow 属性的情况:

1. 关联和赞助链接

许多博主通过联盟营销在线赚钱。 关联链接是您推荐的产品和服务的跟踪链接,如果有人通过您的链接购买,您将获得推荐佣金。 您应该始终为关联链接添加 nofollow 属性。 这适用于您是使用直接关联链接还是使用 Pretty Links 进行伪装。博主赚钱的另一种流行方法是添加赞助链接。您应始终为赞助链接添加 nofollow 属性。否则,搜索引擎可能会认为您的 WordPress 网站在出售链接或进行垃圾邮件,这可能会在搜索引擎结果中受到惩罚。

2. 外部链接

有时,您可能会将外部来源作为参考进行链接。由于您不能控制这些网站上的内容,因此应考虑添加 nofollow。 简单来说,这就是说您在告诉搜索引擎您正在引用一个来源,但并不能完全保证其内容。

3. 侧边栏链接

一些博主在他们的 WordPress 博客侧边栏中添加外部链接或关联链接。这些外链可能来自权威网站或他们信任的网站。 问题在于每次您在网站上创建新页面时,也会为这些网站从您的侧边栏创建一个新的反向链接。重要的是使这些链接 nofollow,这样您不会将每个页面的 SEO 权重传递给某些链接。

如何使用 All in One SEO 插件在 WordPress 中添加 nofollow 链接(简单方法)

在您的网站中添加 nofollow 链接的最简单方法是使用 WordPress 的 All in One SEO(AIOSEO)插件。 这使您无需编辑任何 HTML 代码就能添加 nofollow 属性。 您可以使用 AIOSEO 插件的免费或高级版本。

首先,安装并激活 All in One SEO 插件。 激活后,创建一个新页面或帖子并添加您链接的锚文本。然后选择锚文本并点击链接图标。 这将打开链接的设置框,您可以在此打开或关闭多个选项。

我们建议同时启用“在新标签页中打开”选项以及“添加“nofollow”到链接”。 完成后,只需点击 ↵ 箭头按钮或在键盘上按“Enter”。这将立即将 nofollow 链接添加到您的页面或帖子中。

如何在经典编辑器中手动添加 nofollow 链接

虽然我们推荐使用块编辑器,但有些用户仍然喜欢使用经典编辑器来编写帖子和创建页面。 AIOSEO 也让您在经典编辑器中轻松添加 nofollow 链接。只需打开要编辑的帖子或页面。下一步,添加链接的锚文本,然后高亮它并点击链接按钮。 然后输入您的链接。

现在,点击齿轮图标以打开链接的设置。然后,选中“添加 rel=”nofollow” 到链接”框。 您可能还想设置链接在新标签页中打开。完成后,点击“添加链接”按钮。 您的 nofollow 链接将被添加到您的 WordPress 帖子中。

如何在 WordPress 块编辑器中手动添加 nofollow 链接

如果您不想使用 AIOSEO 插件,则需要在 WordPress 块编辑器中手动添加 nofollow 链接。 那么,让我们来看看在 WordPress 帖子或页面中添加 nofollow 链接的分步过程。首先,前往帖子 » 添加新,创建一个新页面。如前所述,选择您的链接锚文本并点击链接图标。 然后输入您的链接。如果您想让链接在一个新标签页中打开,只需切换该选项。

完成后,只需点击 ↵ 箭头按钮或在键盘上按 Enter 键即可添加链接。要将 nofollow 属性添加到您的链接,您需要选择包含链接的块,然后点击顶部栏中的 3 垂直点图标。这将打开一个下拉菜单。 您需要点击“以 HTML 编辑”选项。现在,您将看到您的链接的 HTML 代码。继续将 rel=”nofollow” 属性添加到链接元素。如果在 HTML 代码中看到 rel=”noopener noreferrer” 属性,请在引号内添加 nofollow。

如何在经典编辑器中手动添加大量 nofollow 链接

您已经学习了如何在 Gutenberg 编辑器中手动添加单个 nofollow 链接。然而,如果您有许多外部和关联链接,则应切换到代码编辑器。在帖子或页面编辑屏幕中,点击右上角的 3 垂直点图标。这将打开一个下拉菜单。 只需选择“代码编辑器”选项。 现在,您将看到页面的 HTML 代码。继续找到所有外部链接,并将 nofollow 属性添加到每个链接。完成后,您需要点击“视觉编辑器”选项以切换回来。

如何在 WordPress 菜单中添加 nofollow 链接

在 WordPress 菜单链接中添加 nofollow 属性非常简单,但这个选项不是很显眼。这也是为什么许多 WordPress 用户没有意识到它的存在。让我们来看看如何在 WordPress 导航菜单中添加 nofollow 链接。 首先,您需要进入 WordPress 管理后台中的外观 » 菜单页面。 接下来,选择要添加外部链接的菜单。点击“选择”按钮将其打开。然后,点击“自定义链接”选项卡以添加链接文本和外部链接 URL。 完成后,点击“添加到菜单”按钮以创建一个新菜单项。

如何自动将所有外部链接设为 nofollow

一些 WordPress 用户希望自动将 nofollow 属性添加到他们网站上的所有外部链接。 大多数解决方案通过 JavaScript 完成,这对 Google 或您的 SEO 助益不大。相反,您应使用上述方法手动添加 nofollow。 一些博主担心评论链接,值得庆幸的是,WordPress 默认会为所有评论链接添加 nofollow 属性。 如果您仍在寻找一种自动将所有外部链接设为 nofollow 的解决方案,您可以使用 WP External Links 插件。 它会为您在帖子、页面、导航菜单和侧边栏中的所有外部链接添加 nofollow 属性。 首先,您需要安装并激活 WP External Links 插件。

专家指南:在 WordPress 中使用链接

现在您已经了解了如何添加 nofollow 链接,您可能会想看看其他与在 WordPress 中使用链接相关的教程:

  • 初学者指南:如何在 WordPress 中添加链接
  • 如何在 WordPress 导航菜单中添加 nofollow 链接
  • 如何在 WordPress 的插入链接弹窗中添加标题和 nofollow
  • SEO 内部链接:最佳实践的终极指南
  • 最佳内链插件 WordPress(自动+手动)
  • 如何在 WordPress 中将外部链接在新窗口或标签页中打开
  • 如何在 WordPress 中轻松添加锚点链接
  • 如何找到并修复 WordPress 中的断链

希望这本指南能帮助您了解如何在 WordPress 中添加 nofollow 链接。您可能也想看看我们关于图片 SEO 的初学者指南或我们推荐的最佳 WordPress LMS 插件来搭建在线课程。 如果您喜欢这篇文章,请订阅我们的 YouTube 频道获取更多 WordPress 视频教程。您也可以在 Twitter 和 Facebook 上找到我们。

Read More
WordPress 基础知识

如何轻松在WordPress中添加锚链接(逐步指南)

你是否在寻找一种简单的方法来在你的博客文章和页面中添加锚链接?锚链接通常用于目录部分,因为它们帮助用户在较长的文章中上下移动而无需重新加载页面。这也有助于SEO,因为谷歌可能会在特色摘录中显示你的内容。

什么是锚链接?

锚链接是一种页面上的链接,它将你带到同一页面上的特定位置。它允许用户跳转到他们最感兴趣的部分。

正如你所看到的,点击锚链接将用户带到同一页面的特定部分。锚链接常用于较长文章中的目录,这使用户能够快速跳到他们想阅读的部分。

锚链接的另一个用途是在你的网站上创建书签链接。这允许你在社交媒体或电子邮件通讯中分享书签链接,这样当页面加载时,用户会立即跳到你希望他们看到的部分。

为什么以及何时应该使用锚链接?

普通用户在决定是否留在你的网站之前,通常只花费几秒钟。你只有这些时间来说服用户留下。最好的方法是帮助他们快速看到他们正在寻找的信息。

锚链接通过允许用户跳过其余内容并直接跳到他们感兴趣的部分,使这一过程变得更加容易。这改善了用户体验,并帮助你赢得新的客户或读者。

锚链接对WordPress的SEO也很有帮助。谷歌可以在搜索结果中显示多个锚链接作为跳转链接,这证明可以增加点击率,换句话说,你的网站会获得更多流量。

如果你使用锚链接创建目录,谷歌还可以在特色摘录中显示标题。 

如何在WordPress中手动添加锚链接

如果你只想在文章中添加一些锚链接或书签链接,那么你可以很容易地手动添加。

基本上,你需要添加两个东西才能使锚文本按预期工作:

1. 创建一个带有#符号的锚链接。

2. 将id属性添加到你想要用户跳转到的位置的文本中。

步骤1. 创建锚链接

首先,你需要编辑或创建一个新的文章或页面。接着,选择你想链接的文本,然后点击WordPress块编辑器中的插入链接按钮。

这将弹出通常用于添加URL的“插入链接”弹窗。不过,对于锚链接,你只需使用#作为前缀,而不是HTTP。输入你想让用户跳转到的部分的关键词。

然后,点击回车按钮创建链接。不过它还不会跳转。你需要在下一步中创建ID。

步骤2. 添加ID属性到已链接的部分

在内容编辑器中,向下滚动到你希望用户在点击锚链接后跳转到的部分。通常,这是新部分的标题。接着,选择该块。在左侧面板的块设置中,点击“高级”选项以展开。然后,将你在‘HTML锚’字段中添加的锚链接文本添加在此。确保添加文本时不带#前缀。你现在可以保存你的文章,通过点击预览标签查看锚链接的效果。

如何通过插件自动添加锚链接(推荐方法)

自动添加锚链接的最佳方法是使用All in One SEO (AIOSEO) 插件。这种方法适合定期发布长篇文章并需要创建带有锚链接的目录的用户。AIOSEO是WordPress最好的SEO插件,它带有一个内置的目录块。

首先,需要安装和激活AIOSEO插件。激活后,你会看到设置向导。点击“开始”按钮并按照屏幕提示操作。

接下来,你可以创建或编辑一个新的文章或页面,然后在内容编辑器中点击“+”按钮并添加“AIOSEO – 目录”块。插件会自动检测页面上的不同标题并在目录中显示出来。你还可以进一步自定义块中的每个锚链接。

保存更改并预览文章。插件将自动显示一个包含锚链接的目录。

我们希望这篇文章能帮助你学习如何轻松地在WordPress中添加锚链接。

Read More
WordPress 基础知识

WordPress 插件 vs Functions.php 文件(哪个更好?)

WordPress 插件 vs Functions.php 文件(哪个更好?)

最后更新时间:2024 年 4 月 11 日 由编辑部 | 审核:Syed Balkhi

我们经常被用户问到,是否应该安装 WordPress 插件或将代码添加到主题的 functions.php 文件中。安装几十个单用途 WordPress 插件可能会降低网站性能,但直接向 functions.php 文件添加代码可能会很复杂。

在本文中,我们将解释 WordPress 插件与 functions.php 文件的优缺点,以及哪种方法更好。

安装 WordPress 插件与在 Functions.php 文件中添加自定义代码

您通常会发现有两种方法可以将某些内容添加到您的 WordPress 网站。您可以安装 WordPress 插件,或将代码片段添加到主题的 functions.php 文件中。

这两种方法都会实现相同的功能,它们都是正确的。然而,许多用户想知道哪种方法对 WordPress 的速度和性能更好。

有些用户担心安装太多插件会影响网站速度和 WordPress 的安全性。另一些人则担心添加自定义代码会破坏网站,并且他们可能无法轻松修复。

让我们比较这两种解决方案,以确定哪一个对 WordPress 性能更好。

Functions.php 文件的优缺点

WordPress 中的 functions 文件允许主题开发人员为其主题定义自定义功能。此文件类似于一个巨大的 WordPress 插件,可以用于添加您可能想要添加到网站的任何其他自定义代码片段。

以下是将自定义代码添加到主题的 functions.php 文件中的一些优势。

优点:

  • 您可以轻松使用管理区域中的内置主题编辑器编辑 functions.php 文件
  • 您可以将所有代码片段复制并粘贴到一个文件中
  • 您有机会研究代码并了解其工作原理

缺点:

  • 如果切换主题,自定义代码将不起作用
  • 除非您使用子主题,否则更新主题将覆盖 functions.php 文件
  • 理解主题代码何处结束以及自定义代码何处开始变得更加困难
  • 某些代码片段可能过大且需要额外的脚本和样式

理解 WordPress Functions 文件的限制

有很多有用的技巧使 WordPress functions 文件非常有诱惑力。然而,以这种方式管理您的代码片段可能非常混乱。

并非所有所需的功能和特性都可以添加到 functions.php 文件中。例如,自定义代码可能需要额外的脚本和样式表才能正常工作。

此外,最小的错误可能会破坏您的网站。幸运的是,有更好的解决方案。

我们建议使用 WPCode 插件在 WordPress 中添加自定义代码片段。

WPCode 是最受欢迎的代码片段插件,已被超过 200 万个网站使用。它使在 WordPress 中添加 PHP、JavaScript、CSS 和 HTML 代码片段变得容易,无需编辑您的站点文件。

安装 WordPress 插件的优缺点

WordPress 插件类似于您 WordPress 网站的应用程序。它们包含的代码会挂钩到核心 WordPress 软件中,以提供更多的功能和特性。

以下是使用 WordPress 插件而不是将代码添加到您的 functions 文件中的一些优势。

优点:

  • WordPress 插件不依赖于您的主题
  • 如果是相同的代码,那么它将与 functions 文件具有相同的性能影响
  • 根据需要更容易禁用、更新或重新安装
  • 管理更容易,因为您知道每个插件从描述中做了什么

缺点:

  • 您将不得不为另一个插件安装更新
  • 插件作者可能会在将来放弃插件,特别是如果它是免费的
  • 您将无法通过代码练习
  • 安装多个插件会使 WordPress 管理区域变得混乱,并可能影响性能

然而,您可以通过使用 WPCode 插件避免一些这些缺点。

如上所述,WPCode 可以替换多个单用途插件,从而不会使您的 WordPress 管理区域变得混乱或影响性能。

WordPress 插件 vs Functions 文件——哪个更好?

如果您想添加单一功能到 WordPress 并且不熟悉使用代码,那么一次性的功能插件可能是更好的选择。

在性能方面,代码运行的位置并不重要。如果是相同的代码,无论它是从 functions.php 文件加载还是作为单独的插件加载,它将具有相同的性能影响。

在选择插件时,您还可以从将来的更新中受益,这些更新可能会提高性能、修复错误或修补安全漏洞。

但如果您想为您的站点添加许多功能,我们建议使用 WPCode 添加自定义代码。

一个典型的网站经常安装 6-8 个一次性功能插件,这可能会影响性能。相反,您可以使用 WPCode 替换这些插件,从而加快您的站点速度。

此外,与管理 6-8 个插件相比,您可以在 WPCode 中从一个屏幕组织所有的自定义代码片段。这将简化您的网站管理。

什么时候应该将代码添加到 Functions.php 文件中?

当您添加与您的 WordPress 主题或子主题相关的功能时,您可以将代码添加到主题的 functions.php 文件中。例如,创建新的图像大小、显示日期、在内容之前或之后添加自定义代码等。

如前所述,我们建议使用 WPCode 插件添加此代码。这是在 WordPress 中添加自定义代码而不编辑主题的 functions.php 文件的最简单和最安全的方法。

我们希望本文帮助您了解 WordPress 插件 vs functions.php 文件哪个更好。您可能还想看我们关于如何自定义您的 WordPress 主题的初学者指南,以及我们选择的最佳 WordPress 备份插件。

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

Read More
WordPress 基础知识

图片替代文本与图片标题在WordPress中的区别

替代文本和图片标题有什么区别?

‘替代文本’是‘alternative text’的缩写,它是添加到HTML图像标签中的一个属性。替代文本是对图片的描述,使得无法看到图片的访客和搜索引擎机器人能够理解图片的内容。如果您WordPress网站上的图片由于某种原因无法显示,那么将显示替代文本。

替代文本与图片标题不同。图片标题会在您将鼠标悬停在图片上时作为工具提示显示在一个小的弹出框中。替代文本和图片标题还用于提高网站对使用屏幕阅读设备的用户的可访问性。当屏幕阅读器遇到图片时,它会读取替代文本。根据用户的设置,它也可能会读取标题文本。对于可访问性和搜索引擎优化 (SEO) 而言,替代文本比标题文本更重要。这就是为什么我们强烈建议为所有图片包含替代文本。

如何在WordPress中添加替代文本

在块编辑器中添加替代文本

只需创建一个新文章或页面或编辑现有的,并添加一个图片块。上传您的图片或将其拖放到图片块中,然后可以在页面的右侧设置替代文本。

在经典编辑器中添加替代文本

如果您仍在使用经典的WordPress编辑器,那么可以在添加图片时添加替代文本。首先,点击发布框上方的‘添加媒体’。然后从计算机上传图片或点击‘媒体库’标签查看已经上传的图片。接下来,点击要选择的图片,然后在‘附件详情’中输入您想要的替代文本。

在媒体库中添加替代文本

您也可以通过转到媒体 » 库并点击图片来编辑它,来为图片添加替代文本。

如何在WordPress中添加图片标题

了解可以添加两种类型的图片标题非常重要。首先,WordPress内部使用的默认图片标题用于在媒体库和附件页面中识别媒体文件。其次,是在文章和页面中添加的HTML图片标题属性。

在媒体库中添加WordPress图片标题

您可以使用媒体库向图片添加WordPress媒体标题。当您在媒体库中编辑图片时,会看到一个‘标题’字段。这个标题被WordPress用于识别图片。当您点击屏幕底部的‘查看附件页面’链接时,标题将用作该页面的标题。

在块编辑器中添加HTML图片标题属性

在块编辑器中添加标题属性很容易。只需点击图片,然后点击‘高级’下拉箭头即可显示高级图片选项。然后只需在‘标题属性’字段中输入标题。

在经典编辑器中添加HTML图片标题属性

使用经典编辑器添加标题属性类似。您可以通过点击图片,然后点击工具栏中的铅笔图标来添加标题属性。然后您将看到‘图片详细信息’屏幕。在‘高级选项’下拉箭头下,您可以设置图片的标题属性。完成后,请确保点击屏幕底部的‘更新’按钮。

为什么在WordPress中使用替代文本和图片标题

我们强烈建议为所有图片使用替代文本。在WPressize Me,我们也为所有图片添加标题。然而,这比替代文本不那么重要。替代文本很重要,因为Google将其作为图片的排名因素。它也被屏幕阅读器用于帮助视力受损的访客充分参与您的内容。您不应该仅仅在替代文本和标题标签中堆积关键词。重要的是使它们具有描述性和帮助性,这样它们对需要的访客有用。您可以在相关地方使用关键词,但不要过度。例如,如果您正在撰写关于最佳WordPress托管的文章,那么您的目标关键词可以是‘最佳WordPress托管’。您可以在文章中使用截图向用户展示如何设置一个流行的网络托管账户,例如Bluehost。让我们看看一些好和坏的替代文本示例:

“帐户设置”不太具描述性,也不包括任何与您的关键词相关的内容。

“最佳WordPress托管,WordPress托管,最佳WordPress网站托管”没有描述图片,而且关键词堆积。

“设置WordPress托管账户”更好,因为它具有描述性,并且以自然和适当的方式使用了部分关键词。

在WordPress中使用图片的专家指南

现在您已经了解了图片替代文本和图片标题之间的区别,您可能还会想查看一些有关如何在WordPress中使用图片的其他文章。

  • 如何正确添加WordPress图片(分步教程)
  • 如何在WordPress中添加特色图片或帖子缩略图
  • 如何轻松地在WordPress中为图片添加标题属性
  • 如何在WordPress中为图片添加标题(初学者教程)
  • 如何在WordPress图片上添加文本
  • 如何在WordPress中进行基本的图片编辑(裁剪、旋转、缩放、翻转)
  • 为博客文章创建更好图片的工具
  • 如何优化图片以提高网页性能而不降低质量
  • 如何轻松地在WordPress中延迟加载图片
  • 如何修复WordPress中的常见图片问题(简易指南)

我们希望这篇文章能帮助您了解WordPress中图片替代文本和图片标题的区别。您可能还想查阅我们的指南,了解如何优化网站图片以及我们专家挑选的最佳 WordPress SEO 插件和工具。如果您喜欢这篇文章,请订阅我们的YouTube频道获取WordPress视频教程。您也可以在Twitter和Facebook上找到我们。

Read More
WordPress 基础知识

WordPress电商商店的终极启动清单

WordPress电商商店的终极启动清单

启动一个新的在线商店可能会让人感到畏惧,尤其是当你以前从未做过的时候。从选择合适的电商软件到推广产品,事情繁杂。但有了一个电商启动清单,你可以确保你不会遗漏任何重要步骤,保持有序、高效地完成任务。

为什么要使用电商启动清单?

电商清单让你在商店上线前检查安全、页面、结账选项、SEO及其他功能。它是一个安全网,捕捉你在准备网站上线时可能忽略的潜在错误或陷阱。此外,它能让你按重要性和截止日期优先排序任务。

如果你在与团队合作,这也能确保每个人的步调一致并有效分配任务。总之,它还能用于评估你的启动并找出改进之处。接下来,我们为你准备了终极WordPress电商商店启动清单,助你成功启动商店。以下是本指南覆盖的步骤:

选择网站建设器和主机计划

要启动在线商店,首先需要选择一个网站建设器。我们推荐WordPress,因为它是市场上最好的网站建设器,超过43%的站点都在使用它。它免费、灵活,有许多定制选项,适合各种规模的企业,成为你的电商商店的理想选择。

选择合适的电商平台

创建和启动电商商店的下一步是选择一个允许你无需编码就能建立商店的平台。我们推荐WooCommerce,因为它是市场上最好的电商插件且完全免费。

为商店创建并检查所有页面

添加产品后,就需要为网站创建一些页面。我们建议从主页开始,因为它将是顾客对你网站的介绍。在此页面上添加CTA按钮,引导用户到你希望他们去的地方。你还应该创建导航菜单,以便用户能够轻松浏览你的商店。

创建无缝的结账流程

接下来,你需要为你的商店创建一个无缝的结账流程,这将提高转换率、减少购物车放弃率并提升品牌形象。

增加社交证明和FOMO

现在你的电商商店已设置完成,在上线前增加一些社交证明是很重要的。这将展示给访客,其他客户已信任并在你的商店有良好体验。

添加联系表格

在线商店中需要添加一个联系表格,以便客户在遇到问题时能够联系到你。

为搜索引擎优化商店

在上线之前,必须先为搜索引擎优化商店,以便在搜索结果中获得较高排名并吸引更多的流量和客户。

设置电子邮件营销

在开店之前,必须选择一个电子邮件营销服务并在其上设置你的账户。这一步非常重要,因为可以在商店上线时就开始建立邮件列表。

设置谷歌分析

另一个使商店准备就绪的重要步骤是安装谷歌分析。它将让你跟踪商店的表现,并实时了解用户如何与你的网站互动。

创建商店的备份

在添加完所有功能并感觉商店已准备好上线后,我们建议首先创建一个备份。这将使你可以在出现数据丢失的情况下恢复数据。

保护你的在线商店

在执行了所有电商启动清单的步骤后,你的商店已准备好上线。然而,你仍可采取额外步骤,以保护你的在线商店免受恶意软件或黑客的攻击。

关于启动电商商店的常见问题

这是一些常见的问题,我们的读者经常询问关于启动电商商店的事宜。

WordPress适合做电商吗?

WordPress.org是一个非常适合做电商的平台,因为它开源、免费、可扩展,且对初学者友好。

我需要任何编码知识来启动WordPress电商商店吗?

不,你不需要任何编码知识来启动在线商店。所有你需要做的就是选择一个电商插件并配置其设置,几分钟内即可启动你的商店。

Read More
WordPress 基础知识

如何知道您的 WordPress 網站是否使用 Cookies

許多 WordPress 網站使用 cookies 在用戶的瀏覽器中儲存臨時信息。Cookies 幫助提高用戶體驗,記錄網站偏好和登錄狀態。

了解您網站使用 cookies 的情況非常重要,因為許多國家對於披露 cookies 使用情況有嚴格的法律規定。這些法律要求網站所有者告知訪客他們使用 cookies 及其追踪的信息。

什麼是 Cookies?

Cookies 是網站向用戶瀏覽器傳送的小文件,含有數據。Cookies 在網絡上的作用至關重要,被廣泛用於提高用戶體驗。

WordPress 默認使用兩種類型的 cookies。首先是會話 cookies,這些 cookies 用於登入,並在所有登入用戶的 WordPress 網站上設置。其次是評論 cookies,這些 cookies 在用戶留下評論時設置,其目的是保存用戶的姓名、電子郵件地址和 URL 信息,以便用戶下一次評論時不需重新輸入。

除了 WordPress,第三方插件和工具也可能為您的 WordPress 網站設置 cookies。

什麼是 Cookie 法規?

Cookies 是強大的工具,可以用於追踪大量用戶信息。鑒於隱私風險,許多國家和地區創建了法律,為網站所有者設置了合規指南。

例如,歐盟有 GDPR 和 ePrivacy Directive。類似地,加拿大、英國、日本等國家也有法律要求網站所有者獲取用戶同意並披露他們收集、存儲和追踪的用戶信息。

這就是為什麼您會在許多不同網站上看到 cookies 彈出窗口。這些橫幅使得網站所有者能夠遵守 GDPR、cookie 法規和其他國家地區的隱私法律。

怎樣查看 WordPress 網站設置了哪些 Cookies

所有現代瀏覽器使您能輕鬆查看您訪問的任何網站設置的 cookies。

在開始之前,您應該登出您的 WordPress 網站並刪除 cookies 和瀏覽數據。這將使您能夠查看普通訪客訪問您的網站時使用的 cookies。

如果您允許用戶登錄到您的網站,例如會員網站或在線商店,您可能需要在作為已注冊用戶登錄時測試您的網站。

Google Chrome

在 Google Chrome 中,首先需要訪問您的 WordPress 網站。您需要點擊瀏覽器地址欄中網站地址旁邊的鎖形圖標,然後選擇 “Cookies 和網站數據”。

接下來,您將看到允許設置 cookies 的網站數量。

點擊 “管理設備上網站數據” 選項。

接下來,Google Chrome 將顯示您的網站是否正在使用任何 cookies。它還將顯示您的網站設置的任何第三方 cookies。

要查看這些 cookies,您需要進一步深入了解。

在瀏覽器地址欄右上角點擊三點菜單。

接下來,從瀏覽器菜單中選擇更多工具 » 開發者工具。

或者,您也可以通過右擊您的網站的任何位置並從瀏覽器菜單中選擇檢查來打開開發者工具。

這將打開開發者工具面板。從這裡,切換到 “應用” 標籤,然後在存儲部分查找 cookies。

在 cookies 部分,您將看到您的網站 URL。點擊它將顯示您的網站使用的 cookies。如果您的網站使用第三方 cookies,您將會看到另一個域名在這裡列出。點擊它將顯示來自該域名存儲在您網站上的第三方 cookies。

您還可以點擊任何 cookie 以查看它在您的瀏覽器中存儲的數據。這些數據將顯示為開發者工具中的 Cookie 值。

Mozilla Firefox

在 Firefox 中,您需要訪問您想要檢查的網站,然後右擊任何地方使用 “檢查元素” 工具。

這將分隔瀏覽器窗口,您將看到開發者控制台面板。從這裡,您需要切換到 “存儲” 標籤並點擊 “Cookies” 查看所有 cookies。

允許禁用 Cookies 的插件

在審查您的 WordPress 網站設置的 cookies 時,您可能會注意到有一些 cookies 是由您使用的不同 WordPress 插件設置的。

作為網站所有者,您可能不希望使用這些 cookies,以便能夠遵守不同國家的 cookie 法規並限制您的責任。

然而,並非所有 WordPress 插件都有簡單的方法可以禁用 cookies 並使您的網站合規。以下是一些允許您輕鬆禁用 cookies 而不會破壞插件功能的插件。

1. MonsterInsights

MonsterInsights 是市場上最佳的 Google Analytics 插件。它允許您正確安裝 Google Analytics 並設置一個歐盟合規插件。首先,您需要安裝和激活 MonsterInsights 插件。更多幫助請參考我們的文章如何在 WordPress 中安裝 Google Analytics。

設置插件後,轉到 Insights » 插件頁面並安裝歐盟合規插件。

插件開箱即用,無需設置。

可以通過訪問 Insights » 設置頁面並切換到 “互動” 標籤來查看插件已啟用。

現在,插件將自動匿名化 IP 位址,禁用人口統計和興趣報告,關閉用戶和作者追踪等。它還會自動與 Cookie Notice 和 CookieBot 插件集成。

2. WPForms

WPForms 是市場上最好的 WordPress 聯繫表單插件。它允許您輕鬆為您的 WordPress 網站創建 GDPR 合規表單。首先,您需要安裝和激活 WPForms 插件。更多詳細信息請參考我們的逐步指南如何安裝 WordPress 插件。

啟動插件後,訪問 WPForms » 設置頁面並切換到 “常規” 標籤。

從這裡,您需要滾動到 GDPR 部分。

然後,選中“GDPR 增強”選項旁邊的框。

選中選項將展開並顯示禁用用戶 cookies 和所有表單用戶詳細信息的選項。

WPForms 也允許您使單個表單遵守 GDPR。更多詳細信息請參考我們的文章如何在 WordPress 中創建 GDPR 合規表單。

3. OptinMonster

OptinMonster 是市場上最好的潛在客戶生成軟件。它幫助您為您的網站創建 GDPR 合規的 optin 表單和潛在客戶活動。

它允許您輕鬆添加隱私政策與可定制的複選框。用戶在選中框後才能提交表單。它還允許您為您的表單啟用雙重 optin。

此外,OptinMonster 讓您可以根據訪客的位置進行定位。這樣,您可以確保向歐盟國家的用戶顯示 GDPR 合規的 optin 表單。

OptinMonster 僅創建 cookies 以改善用戶在您的網站上的體驗,這些 cookies 僅可用於站內訪問追踪。

4. Smash Balloon

Smash Balloon 是最好的 WordPress 社交媒體插件。它允許您創建符合 cookies 和 GDPR 法規的社交媒體饋送。

該插件檢測到您是否啟用了 cookie 通知插件,然後在用戶給予 cookie 同意之前,會暫停所有 cookies。

遵守 WordPress 網站 Cookie 法規的更多方法

網站所有者有責任遵守不同地區的 cookie 法規。以下是一些基本步驟,使您的網站更加合規。

1. 添加隱私政策頁面

隱私政策頁面是遵守不同地區的隱私和 cookies 法規的法律要求。請參考我們的指南如何輕鬆地在 WordPress 網站中添加隱私政策頁面。

2. 安裝 Cookie 通知插件

Cookie 通知插件在您的網站上顯示通知,告知它使用 cookies 並尋求用戶同意。Cookie Notice 和 CookieBot 是兼容許多其他流行 WordPress 插件的兩個最流行的 cookie 通知插件。您可以按照我們的教程如何在 WordPress 中添加 cookies 彈出窗口來獲得逐步指導。更多選擇,請參考我們的最佳 WordPress GDPR 插件列表來提高合規性。

3. 密切關注使用 Cookies 的插件和工具

檢查您的網站 cookies,以確保您可以將每個 cookie 連接到網站上安裝的插件和工具。在安裝新的 WordPress 插件或第三方工具時,請確保檢查它們是否有選項使其符合 GDPR 和 cookies 法規。

我們希望本文幫助您了解如何檢查您的 WordPress 網站是否使用 cookies 以及如何使您的網站遵守 cookie 法規。您可能還想查看我們的 WordPress 安全指南和我們精選的最佳 WordPress 安全插件來保護您的網站和用戶數據。

Read More
WordPress 基础知识

如何自定义你的WordPress网站颜色

什么是颜色理论?

在开始自定义你的网站颜色之前,理解颜色理论是很重要的。颜色理论研究颜色是如何协同工作的,帮助设计师创造互补的颜色组合。设计网站时,你需要选择看起来很好的颜色组合,这会使你的网站更吸引访客,从而提高用户体验和参与度。

不同的颜色可以引起人的不同情感和感受,颜色理论可以帮助你选择适合你网站的颜色组合。比如,红色通常用于食品和餐馆,而蓝色通常用于银行和金融网站。因为红色可以带来温暖、能量和激情的感觉,而蓝色代表信任、安全和冷静。

什么是 WordPress 主题,你可以改变主题颜色吗?

WordPress 主题控制着网站对用户外观的显示。一个典型的 WordPress 主题是一组预设计的模板,你可以安装它们来改变网站的外观和布局。通过 WordPress,你可以轻松自定义主题并更改背景、字体、按钮和链接的颜色。不过请记住,有些主题带有预定义的颜色选择,而有些则提供更多自由选择你想要的颜色。

如何在 WordPress 中自定义颜色

你可以使用多种方法在 WordPress 中自定义颜色,包括主题自定义工具、完整站点编辑器(FSE)、自定义CSS、页面构建插件等。

使用主题自定义工具更改颜色

使用内置的 WordPress 主题自定义工具更改颜色非常容易。首先,访问管理侧边栏的外观 » 自定义页面。注意:如果你在 WordPress 控制面板中找不到“自定义”标签,这意味着你使用的是块主题。

接下来,我们将使用默认的 Twenty Twenty-One 主题。根据你使用的主题,主题自定义工具的外观可能会有所不同。例如,Twenty Twenty-One 主题带有“颜色和暗模式”面板,允许用户选择背景颜色并定制暗模式。在打开面板后,只需单击“选择颜色”选项,这将打开颜色选择器,你可以在其中选择你喜欢的背景颜色。当你完成时,不要忘记单击顶部的“发布”按钮以保存更改并使其在网站上生效。

使用完整站点编辑器更改颜色

如果你使用的是基于块的主题,那么你将无法访问主题定制工具。但是,你可以使用FSE更改网站的颜色。首先,从管理侧边栏访问外观 » 编辑器屏幕以启动完整站点编辑器。现在,你需要点击屏幕右上角的“样式”图标。这将打开“样式”列,你必须点击“颜色”面板。你可以从这里更改主题的背景、文本、链接、标题和按钮颜色。当你完成时,点击“保存”按钮以存储你的设置。

使用自定义CSS更改颜色

CSS是一种编程语言,你可以用它改变网站的视觉外观,包括颜色。你可以在主题设置中保存自定义CSS,以将你的自定义应用到整个网站。但是,如果你更换网站主题或更新现有主题,自定义CSS代码将不再适用。因此,我们推荐使用WPCode,这是市场上最好的WordPress代码片段插件。这是添加自定义CSS代码的最简单方式,并且可以安全地自定义你的网站颜色。首先,你需要安装并激活WPCode插件。

激活后,从WordPress管理侧边栏访问代码片段 » + 添加片段页面。点击“添加自定义代码(新片段)”选项下的“使用片段”按钮。在“创建自定义片段”页面中,你可以先输入代码名称。然后,从下拉菜单中选择“CSS片段”作为“代码类型”。添加自定义CSS代码在“代码预览”框中:

p { color:#990000; }

完成后,滚动到“插入”部分。这里,你可以选择“自动插入”选项,以便代码在激活后自动执行。你也可以将短代码添加到特定的WordPress页面或帖子。最后,请点击“保存片段”按钮以应用CSS代码到你的网站。

使用SeedProd更改颜色

你还可以使用SeedProd插件自定义颜色。它是市场上最好的WordPress页面构建器,允许你从头开始创建主题,而无需使用任何代码。首先,你需要安装并激活SeedProd插件。

激活后,从WordPress管理侧边栏访问SeedProd » 主题构建器页面。从这里,点击顶部的“主题模板套件”按钮。你将被重定向到“主题模板套套页”。在这里,你可以从SeedProd提供的任何预制主题模板中进行选择。

选择主题后,你将被重定向到“主题模板”页面。在这里,切换“启用SeedProd主题”开关到“是”以激活该主题。现在,你必须点击任何主题页面下的“编辑设计”链接以打开拖拽编辑器。在那里,点击左侧列底部的齿轮图标。这将引导你进入“全局CSS”设置。从这里,你可以自定义网站背景、文本、按钮、链接等的颜色。完成后,点击“保存”按钮以存储你的设置。

如何更改WordPress中的背景颜色

所有WordPress主题都带有默认背景颜色。但是,你可以轻松更改它以个性化你的网站并提高其可读性。如果你使用的是块主题,那么你必须使用完整站点编辑器更改背景颜色。首先,你必须从WordPress控制面板访问外观 » 编辑器屏幕。这会启动完整站点编辑器,你必须点击屏幕右上角的“样式”图标。然后,点击“颜色”面板以打开更多设置。在该面板中,你现在可以管理网站上不同元素的默认颜色。

你需要点击“背景”选项来选择你的网站背景颜色。所有WordPress主题都提供了一些默认的网站颜色可供选择。但是,如果你想使用自定义颜色,那么你需要点击自定义颜色工具。这将打开颜色选择器,你可以在其中选择你选择的颜色。你还可以为网站背景使用渐变颜色。为此,你需要首先切换到顶部的“渐变”选项卡。接下来,你可以选择主题的默认渐变或使用颜色选择器工具选择自己的渐变颜色。当你完成后,不要忘记点击“保存”按钮以存储你的设置。

如何更改WordPress中的页眉颜色

许多WordPress主题在页面顶部带有一个内置的页眉,通常包含重要的页面链接、社交图标等。如果你使用的是块主题,那么可以使用完整站点编辑器轻松自定义WordPress页眉。首先,你需要从管理员侧边栏访问外观 » 编辑器屏幕以启动完整站点编辑器。选择顶部的“页眉”模板,这将打开块面板中的页眉设置。在这里,你需要滚动到“颜色”部分并点击“背景”选项。这将打开一个弹出窗口,你可以在其中为页眉选择默认颜色。你也可以通过打开颜色选择器工具来选择自定义颜色。

要使用颜色渐变自定义页眉,你需要切换到“渐变”选项卡。然后,你可以选择默认的渐变选项或使用颜色选择器自定义自己的渐变。最后,点击“保存”按钮以存储你的设置。

如何更改WordPress中的文本颜色

更改文本颜色可以帮助提高你WordPress博客的可读性。如果你使用的是块主题,那么你需要使用完整站点编辑器更改文本颜色。 从WordPress管理后台访问外观 » 编辑器屏幕,点击屏幕右上角的“样式”图标。

然后,点击“颜色”面板以访问其他设置。单击元素部分下的“文本”选项。选择文本颜色设置后,你将看到“默认”部分下的多个文本颜色。你还可以单击自定义颜色工具并打开颜色选择器,选择自定义文本颜色。做出选择后,单击“保存”按钮以存储更改。

如何更改WordPress中的链接颜色

你可以使用完整站点编辑器或自定义CSS轻松更改WordPress中的链接颜色。如果你使用的是块主题,请从管理侧边栏转到外观 » 编辑器屏幕。然后打开完整站点编辑器,点击屏幕右上角的“样式”图标。

然后,点击右列中的“颜色”面板以查看更多设置。单击“链接”选项卡,这将启动链接颜色设置,右列中将显示多个默认链接颜色。你还可以使用自定义颜色工具打开颜色选择器,选择自定义链接颜色。

如何更改WordPress中的管理员配色方案

如果你想要,你也可以更改WordPress中的管理员配色方案。此方法可以帮助你使管理员仪表板与你网站的品牌相匹配,或者使用你最喜欢的颜色。要更改管理员配色方案,请从WordPress控制面板转到用户 » 个人资料页面。在这里,你将在“管理员配色方案”选项旁边看到多个配色方案。选择你喜欢的一个,然后在页面底部点击“更新个人资料”按钮以保存更改。

Read More
>