WordPress 教学

如何修正 WordPress 中过大的 DOM 大小(11 条专家建议)

过大的 DOM 大小警告意味着什么?

当您在 WordPress 网站上运行速度测试时,是否曾见过‘避免过大的 DOM 大小’警告?这个警告来自 Google Lighthouse、Google PageSpeed Insights 或 GTMetrix,它表明您的网站上有太多元素,可能会降低加载速度。

什么是 DOM,它的大小为何重要?

DOM 是文档对象模型的缩写。可以将您的 WordPress 站点想象成一个大树结构。每个页面上的元素,像文字标题、图片、菜单和按钮,就像是树上的一个分支或叶子。这些单独的元素被称为 DOM 节点。页面上元素越多,DOM 树就越大。

过大的 DOM 大小如何影响网站性能?

大的 DOM 大小会对您的 WordPress 网站性能产生负面影响。每增加一个元素,浏览器就要花更长时间来读取、理解和载入站点的结构。复杂的 DOM 结构需要更多内存和处理能力,这就导致网站加载速度变慢,可能导致用户在看到内容之前就离开您的网站。搜索引擎也优先考虑提供良好用户体验的网站,过大的 DOM 尺寸可能间接影响您的 SEO,最终影响网站转换。

Google 认为多少 DOM 元素是过多的?

Google Lighthouse 会在页面主体元素超过约 800 个节点时发出警告;如果超过 1,400 个节点,则抛出错误。了解这些指的是哪些类型的网站有助于您优化网站。

如何减少 WordPress 中的 DOM 大小(11 个方法)

1. 使用 WordPress 速度优化插件

首推安装强大的 WordPress 速度优化插件。这样的插件可以分析您的网站并以多种方式加速它。我们建议使用 WP Rocket,因为它不仅是缓存插件,还有文件优化、延迟加载和延迟 JavaScript 功能。

2. 检查您的主题和插件

不良编码的主题和插件可能导致 HTML 文档冗长,从而显著增加 DOM 大小。仔细查看网站上安装的内容,通过切换到默认主题或逐个停用插件来识别潜在的罪魁祸首。

3. 使用优化的页面构建器

有些页面构建器会通过增加许多 HTML 元素来增加复杂度。测试时可停用页面构建器,以确定它是否是问题的根源。

4. 优化您的图片和视频

未优化的图片和视频会增加 DOM 大小。使用插件如 Optimole 自动优化图片,或者使用 TinyPNG 这样的在线工具压缩图片。

5. 实施延迟加载

延迟加载可以推迟非关键元素,如图片和视频,直到用户滚动到页面时才载入,从而加快初始页面加载速度。

6. 为内容丰富的帖子或评论分页

长文章或评论可以通过分页分成易于管理的块。有助于避免巨大的 DOM 大小。

7. 最小化 CSS 和 JavaScript 文件

移除代码中的不必要元素,减少文件大小,从而加快加载速度。

8. 减少阻塞渲染的 JavaScript 和 CSS

合并 CSS 和 JavaScript 文件以减少 HTTP 请求,或者延迟加载某些 JavaScript 文件。

9. 启用 WordPress 缓存

缓存不直接减少 DOM 大小,但能显著提高网站的体验性能。

10. 使用 WordPress CDN

CDN 可将网站静态内容放在其他的服务器上,以加快加载速度。

11. 优化您的 WordPress 数据库

定期清理数据库中的不必要数据可以间接提升网站中的 DOM 大小。

Read More
WordPress 教学

如何在WordPress博客中添加站点图标(简单方法)

为什么要为您的WordPress博客添加站点图标?

站点图标对于您的WordPress博客至关重要,因为它有助于用户快速识别您的网站并加强品牌认知度。通过这个小图标,网站访客可以轻松识别您的博客。

当用户打开多个标签时,通过站点图标可以知道他们在哪个网站上并切换到他们想要的页面。如果用户在他们的移动设备上添加了您的博客快捷方式图标,那么站点图标将作为应用图标显示在他们的主屏幕上,使他们可以轻触即可访问您的网站。

如何为您的WordPress博客创建站点图标

首先,让我们学习如何为您的博客创建一个好的站点图标。理想的WordPress站点图标大小是一个正方形图像,宽度和高度都为512像素。站点图标图像格式可以是ICO、JPEG、PNG或GIF。SVG也是常见的图标格式,但WordPress默认不支持。您可以配置WordPress允许添加SVG文件。

如果您有一个业务博客,那么您可以使用您的品牌标志作为您的站点图标。如果还没有,可以参考我们关于如何为网站创建标志的新手指南。如果您已经有了标志但想让背景透明,可以使用Photoshop或带有自动背景移除功能的免费图像编辑工具。确保文件格式为PNG以保持图标的透明度。另一种选择是使用免费的图标生成器如Favicon.io,该工具允许您从头开始定制图标并下载PNG和ICO格式的文件。

方法1: 使用WordPress自定义工具添加站点图标

这是在WordPress中更改站点图标最简单的方法。您只需要将站点图标图片上传到WordPress自定义工具,剩下的都将自动完成。

第一步是访问WordPress自定义工具。如果您使用经典主题,可以导航到外观 » 自定义来进行此操作。

步骤:

  1. 单击左侧边栏的“站点标识”标签。
  2. 在这里,您会看到自定义站点标志、站点标题、副标题和站点图标的选项。
  3. 向下滚动到“站点图标”部分,然后单击“选择站点图标”。
  4. WordPress媒体库将出现。您可以选择现有图片或从计算机上传新的自定义站点图标。
  5. 选择图片后,单击窗口右下角的“选择”按钮。
  6. 如果图标比推荐尺寸运,则WordPress将允许您裁剪它。如果尺寸完全匹配,则可直接使用。
  7. 图像合适后,单击“裁剪图像”。
  8. 返回WordPress自定义工具,然后单击左侧边栏的“发布”按钮完成站点图标设置。

方法2: 使用WordPress完整站点编辑器添加站点图标

如果您使用块主题并希望将品牌标志同时用作网站头部的站点图标,可以使用此方法。

步骤:

  1. 从WordPress管理面板转到外观 » 编辑器。
  2. 在此页面,您会找到自定义网站的多个菜单,包括导航和样式。
  3. 单击“模式”以访问您的网站头部块模式。
  4. 滚动下来,您会看到头部、页脚和一般模板部分。
  5. 单击“头部”模板添加站点图标。
  6. 单击头部文本旁边的铅笔按钮进行编辑并插入WordPress站点图标。
  7. 单击添加块“+”按钮并搜索站点标志块。
  8. 将块拖放到头部中您想要的位置。
  9. 在站点标志块中点击上传图标。
  10. 如同前面的方法,选择现有图像或从媒体库中上传新图像。
  11. 导航到页面右侧的块设置边栏,打开“用作站点图标”设置。

方法3: 使用WordPress站点图标插件

如果您更喜欢使用站点图标插件,可以使用免费的Favicon by RealFaviconGenerator插件。

步骤:

  1. 安装并激活插件。
  2. 转到外观 » 图标。
  3. 单击“从媒体库选择”按钮上传新的或使用现有图片。
  4. 选择好图片后,单击“生成图标”按钮,插件将引导您到RealFaviconGenerator网站。

方法4: 手动添加站点图标到WordPress博客

如果您的主题自定义工具没有‘站点标识’部分,或您使用块主题且想要不同于站点标志的站点图标,可以通过手动编辑主题的代码文件来添加站点图标。使用WPCode插件是最安全的方法。

步骤:

  1. 安装并激活WPCode插件。
  2. 准备好图标文件,如使用Favicon.io生成。
  3. 将图标文件上传到站点根目录。
  4. 在WordPress管理面板中,导航到代码片段 » 头部和页脚。
  5. 从Favicon.io复制HTML代码,并粘贴到WPCode页面的‘头部’部分。
  6. 插入网站的完整URL到所有href属性的引号中,确保添加http://或https://。
  7. 保存更改。

为什么我的WordPress站点图标不显示?

一个原因可能是浏览器缓存。您需要清除缓存,或试用隐身模式。此外,也可能是使用CDN服务,需清除CDN缓存来更新网站内容。

如果上传失败,可以重命名图片再上传。检查是否有混合内容错误,并确保主题没有特定上传工具。

我们希望本文能帮助您成功添加站点图标。如果有帮助,欢迎订阅我们的YouTube频道观看更多WordPress视频教程。

Read More
WordPress 教学

如何将 WordPress 备份到 Amazon S3(免费和付费方法)

为什么使用 Amazon S3 备份 WordPress?

我们帮助了成千上万的 WordPress 用户备份和恢复他们的网站。Amazon S3 提供了一些独特优势,使其在云备份存储选项中脱颖而出,比如 Google Drive 或 OneDrive。对于需要企业级备份可靠性的网站,Amazon S3 显得尤为合适。无论您何时运行备份,它都可以一致地处理大型备份文件。对于那些不能承受备份失败的企业网站来说,这无疑是一个完美的选择。此外,S3 的安全功能超越了基本的文件共享。服务如 Google Drive 和 OneDrive 提供简单共享选项,而 S3 通过 IAM(身份和访问管理)提供企业级安全性。这样,您可以创建特定的安全规则,例如限制访问某些时间段或为备份文件应用自动加密。

配置您的 Amazon S3 账户

在我们可以将您的 WordPress 网站备份到 Amazon S3 之前,我们需要正确设置您的存储空间。
您需要创建一个 Amazon S3 Bucket。这是一个为您的文件准备的容器,想象成一个特别的文件夹用来保存您所有的 WordPress 备份。通过Amazon的免费层,您在第一个年度可获得5GB的存储以及2000次PUT请求和20000次GET请求。用来存储几个完整的小型WordPress网站备份是绰绰有余的。

方法1:使用 Duplicator 备份 WordPress 到 S3(更具定制性)

在我们经验中,Duplicator 是最可靠的 Amazon S3 备份解决方案。其功能强大的特性集(CMS Code自带…)使其特别突出。您可以安排自动备份,从仪表盘连接多个云存储服务,并迁移您的整个 WordPress 网站。而且其与 Amazon S3 的集成经过充分的测试,表现稳健。需要注意的是,您需要 Duplicator Pro版才能使用 Amazon S3 集成,但您可以从免费版开始熟悉基础功能。

方法2:使用 UpdraftPlus 备份 WordPress 到 S3(免费)

尽管 Duplicator Pro 是我们的首选,但我们理解有时您可能需要一个免费的解决方案。这就是 UpdraftPlus 的用武之地。虽然 UpdraftPlus 免费版有一些限制,比如无法安排自动备份或创建跨多个位置冗余备份,但它在基本 S3 备份需求时能够胜任。让我们在您的网站上设置 UpdraftPlus 免费版,首先需要通过管理区域安装 WordPress 插件。

提示:让专家处理您的 WordPress 维护

运营一个成功的 WordPress 网站不仅仅是创建优质内容。您需要处理很多技术工作:定期备份、安全检查、速度优化和无止境的 WordPress 更新。我们了解,作为企业主,您的时间更应该花在业务增长上,而不是技术维护上。我们创建了 WPressize Me 专业服务,就是为了减轻您的技术负担。快来联系我们,咨询了解我们如何为您提供无忧的 WordPress 网站维护服务。

Read More
WordPress 教学

如何在不使用插件的情況下將 WordPress Feed 重定向到 FeedBurner

如何在不使用插件的情況下將 WordPress Feed 重定向到 FeedBurner

最後更新於 2014 年 6 月 17 日,由編輯團隊撰寫 | 審閱者: Syed Balkhi

編輯註:我們通過 WPBeginner 的合作連結賺取佣金。佣金不影響我們編輯的意見或評價。了解更多關於編輯流程的資訊。更新:我們不再推薦使用 FeedBurner,因為它已經是一個充滿漏洞的過時產品。請閱讀此文章以瞭解為什麼您不應該使用 FeedBurner,並瞭解替代方案。

最近我們發表了一篇文章,展示了設置 FeedBurner 的分步指南,並分享了您可以用來重定向的插件。在本文中,我們將向您展示如何在不使用插件的情況下將 WordPress RSS 供稿重定向到 FeedBurner(此提示適合中級到高級用戶)。

首先,打開位於根目錄中的 .htaccess 文件(提示:與 wp-config.php 位於同一文件夾)。然後粘貼以下代碼:

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} !FeedBurner [NC]
RewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC]
RewriteRule ^feed/?([_0-9a-z-] )?/?$ http://feeds.feedburner.com/wpressize-me [R=302,NC,L]
</IfModule>

另外,不要忘記將供稿 URL 更改為您的 Feed URL,否則您將重定向用戶到我們的供稿。

Read More
WordPress 教学

如何在本地主机上重置WordPress管理员密码

为什么密码重置在本地主机上不起作用?

术语“本地主机”用于描述不可供公众访问的本地服务器。例如:您的个人计算机。许多WordPress用户在本地主机(他们的计算机)上安装WordPress,以测试更改、设计网站、尝试新插件,甚至学习WordPress。如果您还没有尝试过,可以查看我们关于如何使用WAMP在Windows计算机上安装WordPress的教程。Mac用户可以按照我们关于如何使用MAMP在Mac上本地安装WordPress的教程。现在问题在于,有些初学者可能会遇到这种情况。如果您在本地主机上工作时忘记了WordPress管理员密码,那么您将无法使用WordPress中的正常密码重置选项来重置它。密码重置选项会通过电子邮件向您发送重置WordPress密码的链接。为了发送电子邮件,您的服务器需要启用邮件功能。默认情况下,本地服务器上的此功能是关闭的,这意味着WordPress将无法发送密码重置电子邮件。但不用担心,有一种方法可以在本地主机上重置您的WordPress密码。准备好了吗?让我们开始吧。

重置本地主机上的WordPress管理员密码

我们将使用phpMyAdmin来重置本地主机上的密码。只需在浏览器的地址栏中输入此URL以访问phpMyAdmin控制面板:http://localhost/phpmyadmin/ 您需要提供MySQL用户名和密码。通常,用户名是root且没有密码。登录后,您需要选择您的WordPress数据库。选择数据库后,您将看到WordPress数据库中的表列表。点击WordPress用户表旁边的浏览链接。现在,您将看到用户表中的条目列表。行数取决于您的WordPress站点上注册的用户数量。接下来,您需要点击管理员用户名旁边的编辑链接。这将打开一个表单,您可以在其中编辑存储在WordPress数据库中的用户信息。向下滚动到user_pass字段,并在“值”列中输入一个新密码。然后,您需要在“函数”列中选择MD5。别忘了点击底部的“Go”按钮以保存您的更改。这就是全部,您现在可以使用新密码登录到本地主机上的WordPress站点。如果您在使用phpMyAdmin时遇到困难,请查看我们的指南,了解如何使用functions.php文件创建WordPress管理员用户。只需打开您的主题的functions.php文件,并粘贴上述文章中的代码,就可以了。希望本文能帮助您在本地主机上重置WordPress管理员密码。您还可以查看我们关于如何将WordPress从本地服务器迁移到在线站点的指南。如果您喜欢这篇文章,请订阅我们的YouTube频道,获取更多WordPress视频教程。您还可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何通过MySQL向WordPress数据库添加管理员用户

为什么通过MySQL向WordPress数据库添加管理员用户?

我们曾遇到过用户的网站被黑客入侵,他们的管理员账户被从数据库中删除,导致他们无法访问WordPress网站。我们帮助他们通过在WordPress网站上直接创建新的管理员用户来重新获得访问权限。这是使用phpMyAdmin完成的,它是一个允许你通过浏览器管理MySQL数据库的Web工具。

如果你由于黑客攻击或忘记密码而无法访问WordPress管理区域,可以采取相同的措施。但在进行任何MySQL编辑之前,你应始终备份数据库。然后,一旦你重新登录到网站,你可能需要按照我们的初学者指南来修复被黑客攻击的WordPress站点。

使用phpMyAdmin向WordPress数据库添加管理员用户

大多数顶级WordPress主机公司都预安装了phpMyAdmin。你可以在主机账户的cPanel仪表板的数据库部分找到它。点击图标将打开phpMyAdmin界面。你需要从左侧栏中选择你的WordPress数据库。然后,phpMyAdmin会显示WordPress数据库中的所有表。你将对wp_users和wp_usermeta表进行更改。

向wp_users表添加用户

首先,你需要找到wp_users表并点击它,这将显示当前表中的用户。注意下图中我们演示网站的表中有两个用户ID,为1和2。创建新用户时,ID需要是唯一的,所以我们键入3。你需要点击屏幕顶部的“插入”标签,以便插入新管理员用户的信息。

在插入表单中的字段添加以下信息:
ID:选择一个唯一的数字(例如使用3)
user_login:登录时使用的用户名
user_pass:添加密码,并确保在函数菜单中选择 MD5
user_nicename:用户的全名或昵称
user_email:用户的电子邮件地址
user_url:你的网站地址
user_registered:使用日历选择用户注册的日期和时间
user_activation_key:留空
user_status:设置为0
display_name:用户的全名或显示名称

完成后,确保点击“Go”按钮以存储新用户。

向wp_usermeta表添加用户

现在,你需要找到wp_usermeta表并点击它。然后,和上一步一样点击“插入”标签。接下来,你需要在插入表单中添加以下信息:
unmeta_id:留空(将自动生成)
user_id:使用之前步骤中使用的用户ID
meta_key:应为wp_capabilities
meta_value:插入:a:1:{s:13:”administrator”;s:1:”1″;}

然后,你会发现有第二行的字段。还需要添加以下信息:
unmeta_id:留空(将自动生成)
user_id:使用之前步骤中使用的用户ID
meta_key:输入wp_user_level
meta_value:10

完成信息输入后,需要点击“Go”按钮。恭喜,你已经创建了一个新的管理员用户名!

现在,你应该可以使用为此用户指定的用户名和密码登录WordPress管理区域。登录后,导航到用户»所有用户,然后点击你刚创建的用户名。现在,不要更改任何内容,滚动到页面底部并点击“保存”按钮。

使用SQL查询向WordPress数据库添加管理员用户

如果你是开发人员,可以使用代码加快此过程。只需将此SQL查询放入数据库中:
INSERT INTO `databasename`.`wp_users` (`ID`, `user_login`, `user_pass`, `user_nicename`, `user_email`, `user_url`, `user_registered`, `user_activation_key`, `user_status`, `display_name`) VALUES (‘3’, ‘demo’, MD5(‘demo’), ‘Your Name’, ‘[email protected]’, ‘http://www.example.com/’, ‘2022-09-01 00:00:00’, ”, ‘0’, ‘Your Name’);
INSERT INTO `databasename`.`wp_usermeta` (`umeta_id`, `user_id`, `meta_key`, `meta_value`) VALUES (NULL, ‘3’, ‘wp_capabilities’, ‘a:1:{s:13:”administrator”;s:1:”1″;}’);
INSERT INTO `databasename`.`wp_usermeta` (`umeta_id`, `user_id`, `meta_key`, `meta_value`) VALUES (NULL, ‘3’, ‘wp_user_level’, ’10’);

确保将‘databasename’更改为你正在使用的数据库。还不要忘记将其他值更改为你希望为新用户设置的值,如在第一个方法中解释的那样。

锁在WordPress管理区外时的专家指南

现在,你知道如何通过MySQL添加管理员用户,可以看看一些关于被锁在WordPress管理区域外时如何修复网站的文章。

  • 当你被锁在WordPress管理员(wp-admin)外时该怎么办
  • 如何使用WordPress恢复模式
  • 如何从phpMyAdmin重置WordPress密码
  • 如何解除WordPress中的登录尝试限制
  • 无法访问WP-Admin时如何停用所有插件
  • 如何修复WordPress白屏死机(Step by Step)
  • 如何修复WordPress中的严重错误(Step by Step)
  • 如何修复WordPress登录页面刷新和重定向问题
  • 如何修复WordPress中的数据库连接错误
  • 如何轻松修复WordPress中的此站点无法访问错误

我们希望这个教程能帮助你学会如何通过MySQL向WordPress数据库添加管理员用户。你可能还想查看我们的终极WordPress安全指南或我们的常见WordPress错误及其解决方法列表。

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

Read More
WordPress 教学

如何在WordPress中编辑页脚(四种方法)

什么是WordPress页脚?

在WordPress中,页脚是指出现在主内容区域之后的页面底部部分。它通常在你的网站的每一页都会出现。很多初学者都会忽略这一部分,但实际上有多个方法可以使其对访问者更有帮助。你甚至可以利用页脚来提升网站的SEO效果并促进业务发展。

方法1:在页脚添加小部件

许多优秀的WordPress主题在页脚都有小部件区域。你可以通过这些小部件来添加文本、图片,或者是隐私政策、法律免责声明等重要页面的链接。

在页脚中添加文本和图片非常简单。只需导航到外观 » 小部件,然后点击“加号”图标添加到“页脚侧边栏”区域。添加小部件后,你可以预览你的网页,以确保它们出现在你希望的位置。

方法2:移除“由WordPress驱动”的文本

当你初次安装WordPress时,网站的页脚栏可能会有一个“由WordPress驱动”的链接。这通常不是一个小部件,所以修改它并非总是很明显。某些主题会将其改变为自己的文本和链接。你可以使用主题定制工具来修改这一文本。

方法3:为不同的WordPress页面创建自定义页脚

许多小型企业网站使用登陆页面来获取潜在客户、增加销售或增长邮件列表。你可以为这些不同的页面创建不同的WordPress页脚,例如结帐页面、感谢页面、404页面、首页等。

使用SeedProd插件是实现这个目标的最佳方法。这个拖放式网页构建器可帮助你无需编写任何代码,轻松创建多个高转化率的页面。

方法4:在WordPress页脚添加代码

有时候你可能需要向WordPress页脚添加代码片段。这通常是为了将你的网站与外部应用或插件连接。你可以使用WPCode插件来简化这个过程。

首先安装并激活免费版的WPCode插件,然后转到代码片段 » 页头和页脚,在“页脚”框中添加你的代码。之后,点击顶部右侧的“保存更改”按钮。

希望本文能帮助你学会如何在WordPress中编辑页脚。如果你觉得本文有用,请订阅我们的YouTube频道,获取更多WordPress视频教程。你也可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何在 WordPress 中建立公司的組織圖

為何在 WordPress 中建立公司的組織圖?

組織圖展示了公司從 CEO 到各個團隊及其成員的結構。一個實用的組織圖可以幫助員工了解其他團隊的結構,以及在任何情況下需要聯繫的對象。組織圖對於第三方來說也很有用,例如在客戶門戶中,組織圖可以幫助客戶找到最佳聯繫人。你甚至可以在公開的 WordPress 網站上添加公司的組織圖,以展示企業的人性化一面並提升品牌形象。

如何在 WordPress 中建立公司的組織圖

建立員工圖表最簡單的方法是使用「組織圖」這款免費的 WordPress 外掛。這款外掛允許你使用簡單的視覺編輯器來創建圖表,並添加圖片、鏈接、文本和彈出消息。

首先,你需要安裝並激活組織圖 WordPress 外掛。詳細信息可參閱我們的步驟指南「如何安裝 WordPress 外掛」。

啟用外掛後,前往 Wpdevart Chart » Charts,然後點擊「添加新項」按鈕。此操作將啟動用戶友好的視覺編輯器。

添加組織圖元素

首先,輸入組織圖的標題,這只是供你參考,任何名稱都可以。預設情況下,組織圖將一個元素添加到圖表模板中,通常你可以將其設為組織的負責人,如團隊領袖或 CEO。

要添加更多人員,將鼠標懸停在預設元素上,會看到兩個小圖標:鉛筆和箭頭。點擊箭頭會在第一個元素下方直接添加一個元素。

然後,對新的元素進行鼠標懸停,你將看到三個箭頭,這可以讓你在這個人右邊或左邊再添加一個元素。通常,組織圖中位於同一層級的人擁有相同的職位或類似的職責。

還可以點擊向下的箭頭創建一個新層級,通常組織圖中人員向上報告給他們的上級。通過點擊不同的箭頭,你可以輕鬆創建公司的結構,包括多個不同的部門或團隊。

添加內容到元素中

接下來,你可以向每個元素中添加內容,例如人員姓名、作者照片或電子郵件地址。選擇某個元素並點擊小鉛筆圖標,這將彈出一個窗口供你添加人員圖片。

點擊「上傳」按鈕,選擇 WordPress 媒體庫中的圖片或從電腦上傳新圖片。然後輸入「標題」,這通常是人的名字,顯示在圖片下方。接著,添加「描述」,通常是人的職稱或一段簡短的介紹。

你還可以為圖片、標題或描述添加鏈接,例如鏈接到聯繫表單或個人作品集頁面。只需在 URL 欄中輸入網址,並選擇要添加鏈接的區域。如果你希望鏈接在新標籤頁中打開,勾選「在新標籤頁中打開 URL」選項。

創建彈出訊息

如果希望在組織圖中顯示更多人的資料,可以創建彈出訊息來展示詳細信息,例如商務郵件地址、電話號碼、個人簡介、詳細工作描述或其他信息。點擊「彈出訊息」標籤,並在文本編輯器中輸入訊息。當所有信息完成後,選擇觸發彈出訊息的區域,然後點擊「更新」。

將組織圖添加到 WordPress 網站

完成圖表後,點擊「保存」按鈕。然後,在 Gutenberg 編輯器中編輯要展示組織圖的頁面或文章,點擊「+」圖標,搜索「WpDevArt 組織圖」,選擇創建好的組織圖並添加到頁面。

當準備好時,點擊「更新」或「發布」按鈕,組織圖便會在網站上顯示。

如果你使用經典的 WordPress 主題,也可以將組織圖添加為小部件。前往外觀 » 小部件,選擇頁面中的小部件區域並點擊「+ 添加小部件」,然後選擇「WpDevArt 組織圖」,選擇創建好的組織圖並點擊「更新」。

額外提示:提升你的線上業務形象

如果你有大量團隊成員,在 WordPress 網站展示組織圖是一個很好的方式來介紹潛在客戶和員工。以下是一些提升業務線上形象的 WordPress 教程和資源:

希望本文幫助你學會如何在 WordPress 網站上建立公司的組織圖。你可能還想看我們的自動化工作流教程和小企業最佳線上即時聊天軟體推薦。如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道獲得更多 WordPress 教程,也可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 教学

如何加速您的电商网站(14个实用技巧)

为什么速度对于您的电商商店重要

速度在用户体验方面极其重要。没有人喜欢缓慢的网站、计算机或应用程序。但对于在线商店来说,缓慢的网站实际上会让您失去业务。

例如,一项研究发现,页面加载时间仅延迟一秒钟,转化率就会下降7%,页面访问量减少11%,客户满意度降低16%。换句话说,缓慢的网站会导致电商销售下降。

除了用户体验和销售外,电商网站速度还影响您的SEO排名。像Google这样的搜索引擎将速度视为重要的用户体验指标和排名因素。事实上,Google的页面体验搜索更新专注于用户体验指标,如跳出率和网站速度。更快的电商网站将帮助您从搜索引擎获得更多的免费流量。

接下来,让我们看看如何轻松提升您的电商商店速度和性能。以下是本指南中将涵盖的主题概述:

1. 选择更好的电商主机提供商

如果没有一个好的电商主机提供商,您对网站进行的所有性能优化都将效果甚微。并非所有WordPress主机公司都是一样的。为了更好的性能,您需要选择一个电商主机提供商,这些功能包括:

  • 提供稳定且最新的平台来托管您的电商商店。
  • 优化了WordPress、WooCommerce或您可能想使用的任何其他电商插件。
  • 他们的服务器针对速度和性能进行了优化。这意味着内置的缓存、安全性和其他性能提升功能。

2. 安装WordPress缓存插件

WooCommerce是一个动态的电商平台。这意味着所有产品数据都存储在数据库中,当用户访问您的网站时生成产品页面。为了实现这一点,WordPress每次都需要运行相同的过程。如果同时有更多人访问您的电商商店,它将变慢甚至崩溃。

缓存插件可以帮助解决这个问题。缓存插件显示的是HTML页面的缓存版本,而不是每次都生成页面。这解放了服务器资源,使其运行更高效,从而提高了网站加载时间。

有一些很好的WordPress缓存插件。我们推荐使用WP Rocket。它是市场上最好的WordPress缓存插件,具有最适合初学者的设置。与其他WordPress缓存解决方案不同,WP Rocket不会等待用户访问页面以生成缓存版本。相反,它会自动准备网站的缓存并保持其更新。

3. 使用最新的PHP版本

WordPress和WooCommerce主要使用PHP编程语言编写。每个新版本的PHP性能有所提高且运行更快。同时修复漏洞并解决可能会影响网站稳定性和速度的安全问题。

这就是为什么您应该始终使用最新的PHP版本。您可以通过访问WordPress仪表盘中的工具 » 站点健康,切换到“信息”选项卡来找到您的电商商店的PHP版本。

4. 使用最新版本的WordPress和WooCommerce

WordPress和WooCommerce开发人员在每个开发周期中都花费大量时间改进性能。这使得两个应用程序运行更有效并使用更少的服务器端资源。每个新版本还修复了漏洞并加强了安全性,这对于电商业务来说至关重要。

5. 优化产品图像以提高性能

产品图像是在线商店中最重要的视觉内容之一。更好的产品图像可以吸引潜在客户并帮助提高销售转化。这也是为什么添加高质量的产品图像很重要的原因。然而,您需要确保大图像文件的大小得到适当优化。

有两种方法可以在不损失质量的情况下优化产品图像:首先,您可以在将每个产品图像上传到网站之前在计算机上对其进行优化。其次,您可以使用WordPress图像压缩插件,这些插件自动优化产品图像大小以提高网站性能。

6. 使用DNS级别的网站防火墙

暴力攻击和DDoS攻击是常见的互联网威胁。基本上,黑客试图通过过载您的服务器进行攻击,窃取数据或安装恶意软件。大多数主机公司都有基本的保护措施来防止此类攻击。然而,这些攻击的一个缺点是它们会使您的网站加载速度极慢。

我们推荐使用Sucuri。它是最好的WordPress防火墙插件,提供全面的安全套件。Sucuri还带有一个强大的CDN(内容分发网络)。CDN从全球服务器网络提供您网站的静态内容(图像、样式表、JavaScript),进一步减少您的服务器负载并提高整体网站加载时间。

7. 选择更好的WordPress主题

WordPress主题控制您电商商店的外观。然而,并非所有的主题都经过性能优化,往往会增加过多的内容,使得您的网站变慢。

选择电商商店的WordPress主题时,您需要在功能和速度之间找到平衡。主题功能(如滑块、轮播、网络字体和图标字体)可能会使您的网站变慢。

8. 使用更好的WordPress插件

质量而非数量是关键。单个编写不佳的WordPress插件可能加载过多的脚本或样式表,影响页面加载速度。

9. 减少外部HTTP请求

典型的电商页面包含许多组件,包括图像、CSS和JavaScript文件、视频嵌入等。用户浏览器通过向您的服务器发出HTTP请求分别加载每个组件。更多的HTTP请求意味着更长的页面加载时间。

服务器也可能从第三方工具和服务(如Google Analytics、社交媒体重定向等)获取内容。这些称为外部HTTP请求。这些请求的加载时间可能更长。

10. 减少数据库请求

WordPress和WooCommerce使用数据库存储大量内容和设置。您的WordPress主题和插件也会进行数据库查询,以获取并显示信息。数据库查询非常快,您的网站可以在毫秒内运行数百次查询。然而,如果您的网站处理流量高峰,这些查询可能会减慢页面加载时间。

11. 优化WordPress数据库

长时间使用后,您的WordPress数据库可能会充满您不再需要的信息。此杂乱可能会潜在减慢数据库查询、备份过程和整体WordPress性能。时不时地优化WordPress数据库以清除不必要的信息非常重要。

12. 使用临时站点跟踪性能问题

对在线电商商店进行更改可能会导致问题。例如,客户可能丢失订单,或您的网站可能在销售活动期间停机。临时站点帮助您轻松尝试性能优化提示、新插件或主题,而不影响您的实时商店。

13. 卸载电商电子邮件

电子邮件在电商商店中扮演着非常重要的角色。它们用于发送订单确认、发票、密码重置邮件、销售和营销信息等。

14. 使用更好的转化率优化工具

对于电商网站来说,转化率优化(CRO)非常重要,因为它有助于提高销售额。我们推荐使用OptinMonster,最强大的转化优化工具包,让您可以创建个性化的弹窗、游戏化活动、浮动条等,而不会拖慢网站速度。

Read More
WordPress 教学

2024年最佳WooCommerce主机托管推荐(评测与性能测试)

什么是WooCommerce主机托管?

WooCommerce主机托管是一种专门优化来处理WooCommerce商店的托管解决方案。

WooCommerce是全球最受欢迎的电子商务平台,由成千上万的小型和大型企业使用。它运行在WordPress上,所以您自然需要一个支持WordPress的主机托管服务商。

不过,这还不是全部。您还需要一个域名和SSL证书以接受在线支付。后台服务器也需要优化以提高WooCommerce性能。

随着您的网上商店的增长,您需要考虑如何处理流量而不会出现宕机。好的WooCommerce托管公司应提供这些服务,这些都不是典型的共享WordPress托管账户所能提供的。此外,您还可以从受过专门培训的WooCommerce支持团队那里获得帮助。

WooCommerce主机托管的优缺点

优势:

  • 准备就绪: WooCommerce主机托管公司提供预安装的WooCommerce和可用的设计。
  • 高性能: 速度不仅对用户体验重要,对SEO也重要。WooCommerce主机托管平台提供更快的加载时间,确保更顺畅的电子商务交易。
  • 安全性: WooCommerce主机托管计划包含SSL证书,为从客户浏览器到您网站的数据传输添加一层安全保护。
  • WooCommerce支持: 我们都需要帮助。当您使用WooCommerce主机托管时,您可以通过电子邮件、实时聊天或电话获得实际WooCommerce专家的帮助。
  • 主机托管功能: 除了WooCommerce特定的功能外,您还可以获得所有常见的主机托管功能,如不限流量、大量磁盘空间、电子邮件账户等。

缺点:

  • 价格: WooCommerce主机托管计划的价格通常比普通共享WordPress主机托管计划稍高。
  • 预安装软件: 一些高级用户可能希望自己安装WooCommerce。预安装的软件可能还包括WooCommerce现成的设计和一些用户不需要的扩展。
  • 维护: 不是所有WooCommerce主机托管计划都提供自动更新。您仍需要自行设置自动备份和安装更新。

何时需要WooCommerce主机托管?

如果您只是初学者,不打算销售超过几件商品,那么您可以选择共享的WordPress主机托管账户。我们推荐使用Bluehost,因为它是官方推荐的WordPress主机公司之一。

如果您是一家小型企业,打算开设一个功能齐全的在线商店,WooCommerce主机托管将是更好的选择。选择合适的WooCommerce主机托管将为您节省大量时间,特别是如果您不了解安装和设置WordPress和WooCommerce的技术。

最后,关键在于您的优先级。如果保持成本最低是最重要的因素,那么您可以选择常规的WordPress主机托管。另一方面,如果您想快速开始销售,那么WooCommerce主机托管的成本是合理并且值得的。

Best WooCommerce Hosting Providers

SiteGround

SiteGround是WooCommerce社区中评分最高的托管公司之一,由于其独特的内部性能优化和安全措施,它是官方推荐的WooCommerce主机服务商。SiteGround使用Google Cloud来提供其托管基础设施,这意味着最大的可靠性。我们也使用SiteGround来托管WPressize Me网站。

Hostinger

Hostinger是一个快速发展的WordPress托管公司,因为它提供廉价的WordPress托管,具有强大的平台和24/7在线聊天支持。

WP Engine

WP Engine是最受欢迎的托管WordPress和WooCommerce主机提供商之一。他们提供内部性能优化、管理更新、单击式暂存环境、自动备份等。

Bluehost

Bluehost是全世界最大的托管公司之一,也是官方推荐的WooCommerce主机提供商。

DreamHost

DreamHost自1997年以来一直存在,以提供可靠的网络托管而闻名。他们提供一键安装WordPress、免费域名和免费SSL。

HostGator

HostGator是顶级的网络托管公司之一,他们托管了超过800万个域名。

Read More