wordpress加载慢
如何在 WordPress 中添加 CSS 进度条（无 jQuery 或 JavaScript）
最近有一个项目，需要一些简单的动画进度条，但不想损害网站的性能或安装另一个 WordPress 插件。因此，开始寻找一种无需 JavaScript 或 jQuery 的 CSS 解决方案，幸运的是找到了一个很棒的解决方案。
这是完成后的外观预览。您可以根据自己的喜好调整大小、颜色、填充宽度等。它速度快如闪电，在侧边栏中运行良好，并且对移动设备具有响应能力。
栏内文字
感谢最初发布代码的cherryflavorpez。我只是稍微改变了一下。以下是您需要的 HTML。您可以在 WordPress 块编辑器的 HTML 代码块中输入此内容。
超文本标记语言<div class="meter"> <span style="width:100%;"><span class="progress pg-green"><span class="pg-text">Text inside bar</span></span></span></div><div class="meter"> <span style="width:25%;"><span class="progress pg-yellow"></span></span></div><div class="meter"> <span style="width:49%;"><span class="progress pg-orange"></span></span></div>CSS
下面是您需要的 CSS。您可以将其输入到 HTML 代码块、WordPress 定制器中，或者作为诸如GeneratePress 之类的主题中的元素/挂钩。
.meter { height: 30px; position: relative; background: #f3efe6; border-radius: 3px; overflow: hidden; margin: 5px 0 5px 0;}.meter span { display: block; height: 100%;}.progress { -webkit-animation: progressBar 3s ease-in-out; -webkit-animation-fill-mode: both; -moz-animation: progressBar 3s ease-in-out; -moz-animation-fill-mode: both;}.pg-green { background-color: #5db873;}.pg-orange { background-color: #fd761f;}.pg-yellow { background-color: #fabd52;}@-webkit-keyframes progressBar { 0% { width: 0; } 100% { width: 100%; }}@-moz-keyframes progressBar { 0% { width: 0; } 100% { width: 100%; }}.pg-text { margin: 0 5px; line-height: 30px; color: #ffffff; font-weight: 700;}概括
代码有帮助吗？如果是这样，请随时在下面发表评论。分享您如何调整它以更好地适合您的网站。
如何使用UpdraftPlus迁移备份网站到新网站？
这个问题是关于将您的站点克隆或迁移到新的网站URL的问题。如果您想克隆一个站点进行测试，或者在新版本上线之前移动到新主机并进行测试，以及许多其他类似情况，迁移尤其有用。
在下面的示例中，我们迁移到一个完全新的 WordPress 站点（即我们进行的新安装）。但是，您可以迁移到现有网站 – 例如，如果您要使用新备份更新网站的开发/测试版本。
顺便说一下，在开始之前，请尝试关闭您和您的站点之间的所有代理，例如 Cloudflare、GoDaddy 的“Preview DNS”代理或 Opera Turbo/Road 模式。这些可能会妨碍您。此外，缓存和缩小插件是迁移问题的可能原因（无论您使用什么方法）。如果可能，请在创建备份之前禁用所有这些 – 或者，如果迁移失败，则准备好将它们关闭。
本文网址:
要创建免费网站和博客？从易服客建站平台( )开始
500M免费空间，可升级为20GB电子商务网站
0元创建免费网站
目录
1. 从我们安装的空 WordPress 网站开始：
3. 将备份文件导入 UpdraftPlus
4. “恢复”
5. 选择所有要恢复的组件，然后按“恢复”
6. 修复成功！
不起作用？
1. 从我们安装的空 WordPress 网站开始：从一个空的 WordPress 安装开始
这是网站的前端——就像您在全新安装的 WordPress 上经常看到的一样（屏幕截图来自 WordPress 4.2——之后的新版或旧版 WordPress 将具有不同的外观/主题）：
注意：如果您使用的是 WordPress 网络/多站点安装（您会知道是否这样做——您会采取特殊步骤进行设置），您需要首先将第二个站点设置为网络。UpdraftPlus 旨在在等效站点之间迁移（即正常安装到正常安装，或网络到网络），不能从一种类型迁移到另一种类型。对于多站点，您需要 UpdraftPlus Plus高级版。
下一步是：
安装并激活免费的 UpdraftPlus或安装 UpdraftPlus Premium 3. 将备份文件导入 UpdraftPlus接下来，您需要将备份文件上传到 UpdraftPlus。有不止一种方法可以做到这一点——您可以使用任何您喜欢的方式。
以下是您可以选择的四种不同方式（提供前两种方式的说明）：
从您的源站点（或从您的 Dropbox，或您存储它的任何地方）下载备份集，然后上传到目标站点的“现有备份”选项卡。或者，将目标站点设置为使用与源站点相同的远程存储（例如相同的 Dropbox），保存您的设置，然后按目标站点上“现有备份”选项卡中的“重新扫描远程存储”链接。或者，从您的源站点（或从您的 Dropbox，或您存储它的任何地方）下载备份集，并使用 FTP 上传到目标站点 (wp-content/updraft) 上的 UpdraftPlus 文件夹，然后按“重新扫描本地新备份集的文件夹”链接在目标站点的“现有备份”选项卡中。要使用（手动）导入备份文件，请转到目标站点的设置页面，单击“恢复”，然后单击“上传备份文件”。将出现一个拖放小部件：
然后，您可以将备份文件拖放到文件区：
将备份文件拖放到文件区
然后您应该在每次上传时看到它们（此步骤需要多长时间取决于您的备份有多大，以及您的 Internet 连接速度）：
上传您的备份集
4. “恢复”上传完成后，您将能够点击刚刚上传的备份集的“Restore 恢复”按钮：
5. 选择所有要恢复的组件，然后按“恢复”如果您要从无到有进行恢复，那么您将需要选中所有复选框，以恢复站点的每个部分。然后按“Restore 恢复”。
重要提示：由于这是一次迁移，因此在单击“恢复”后，您还需要选中“在数据库中搜索并替换站点位置”选项。 此选项将指示 UpdraftPlus 将新网址 (URL) 替换数据库中的所有内容。
6. 修复成功！UpdraftPlus 然后将运行恢复和迁移。您可以查看进度：
正在进行修复
恢复数据库后，它将通过它执行搜索和替换您的旧站点 URL 和新站点 URL：
数据库迁移进度
在屏幕底部，您会看到“恢复成功！” 消息，以及返回主 UpdraftPlus 页面的选项：
一切顺利！
如果您确实返回到 WordPress 仪表板，那么如果您必须再次登录，请不要感到惊讶 – 替换了您的站点数据库（包括用户）后，WordPress 将使用来自导入的数据库（即备份的来源站点）：
重新登录
成功！
现在，我们访问网站的前端，它已经全部迁移了！
一切都被迁移了！
不起作用？如果出现问题，请不要惊慌——它可能很容易修复。即使不是，也无需担心 – UpdraftPlus 备份文件只是标准的 zip 和 SQL 文件，可用于以 其他方式恢复您的站点。但是，在您放弃之前，请尝试查看您的 Web 服务器的错误日志，并在 wp-config.php 中打开 WP_DEBUG。此外，缓存和缩小插件是迁移失败的常见原因——因此禁用其中任何一个并查看是否有帮助（通过仪表板，或通过重命名 wp-content/plugins 中的目录）。
WP主题开发07：为wordpress主题开发导入测试数据
在进行wordpress主题动态模板的开发过程中，我们需要一些测试数据，因为，我们编写的是wordpress的动态模板，是要从wordpress数据库中调用数据，然后，再在wordpress网站的前端页面上显示这些调用的数据。如果我们在开发wordpress动态模板的过程中，还要兼顾添加文章数据和分类目录等等相关数据的话，那势必会影响到wordpress动态模板的开发进度。所以，一般情况下，我们会在正式开发wordpress主题之前，会准备好一份wordpress数据库，导入到我们正在开发的wordpress主题的数据中。怎么导入wordpress网站数据？这个问题，我在前面的文章或视频中有详细介绍，我们可以通过2种方式来导入数据。
方法一：通过wordpress网站后台的导入工具来导入测试数据。
wordpress网站后台已经提供了导入与导出的功能工具。如果想通过wordpress网站后台工具菜单中的导入工具来导入测试数据，那这个测试数据必须也是通过wordpress网站后台的导出工具导出的网站数据。
1、从其它wordpress网站导出测试数据。
进入到wordpress后台，点击左侧导航菜单中的工具，再点击工具导航下的子菜单“导出”，然后按揭示导出这个wordpress网站的数据。
2、把测试数据通过导入工具导入到现在的wordpress网站。
进入wordpress网站的后台，点击左侧的工具菜单，再点击它的子菜单“导入”，选择上面导出的测试数据，然后就开始导入这个测试数据到现在的wordpress网站上来。
这种导出与导入数据的方式，比较适合新手朋友，可以不需要害怕操作数据库。因为，操作数据库还是要谨慎的，尽量少操作，风险还是存在的。
方法二：通过数据库工具来导入wordpress主题开发的测试数据。
对于我来说，还是比较喜欢通过数据库管理工具来导出和导入wordpress数据库。数据库管理工具非常多，有桌面版的，也有网页版的。我比较喜欢网页版数据库管理工具——phpMyAdmin。phpmyadmin操作数据库，还是非常简单的。
登录进入到我们服务器上的phpmyadmin，选择你想要导出的wordpress网站的数据。选择好后，再点击顶部菜单中的导出，按照提示一步步操作，导出这个wordpress网站的数据库。
再登录进入到本地电脑中的phpmyadmin，选择我们本地的wordpress数据库，把所有的表全部删除。删除所有的数据表后，我们再点击顶部的“导入”菜单，然后台选择上面导出的数据库，一步步地执行，直到导入成功。
?不管是通过哪种方法导入测试数据，都是为了我们开发wordpress主题动态模板而来。只有导入了wordpress的测试数据，我们在开发动态模板时，就会更加的顺手——而不需要总是停下来发几篇文章以补充网站数据。