wordpress响应慢_在WordPress中建立响应式实时图形：简介

wordpress响应慢

我希望看到一个充满精美实时图形的网络，使我们能够以新颖有效的方式可视化数据。 我希望对您来说如此简单，以至于您将开始构建各种美丽而强大的工具，使您的数据栩栩如生。

在本系列文章中，我将带领WordPress新手从头到尾，从头到尾，创建一个在您的WordPress网站中工作的完全响应的实时图形系统。 我假设您了解WordPress的绝对基础-如何登录，进入“外观”>“编辑器”，并对网站进行基本更改。

作为我们的工作数据示例，我们将从头开始创建一个基本的锻炼跟踪器。 我们将制作表单，数据库表，并实现Flot（ 一个很棒的图形和图表库 ）以使您的数据栩栩如生。 我有一个此项目需要的WordPress插件，该插件可解决将Flot图表拖到您网站上的大部分工作。

如果您从未创建过表单，与phpMyAdmin混为一谈或与WordPress后端一起使用，那么您将获得一种有趣的学习体验！ 以下是使本教程正常工作所需的基本技能：

1. WordPress的基本知识-如何避开管理工具等
2. 您的WordPress网站的管理权限
3. 访问phpMyAdmin（您可以通过域名托管服务商获得）
4. FTP访问-我们将上传一些文件到您的WordPress文件夹

该系列文章涉及很多领域。 对于某些人来说，为自定义帖子和表单处理设置WordPress的基础并不重要。 您可能只想跳到响应式绘图部分。 这就是为什么这是一个包含多个部分的系列-适应所有用户级别的原因。

注意事项

首先，我知道在整个过程中有更好，更安全的方法，但是我想请您参考本文的第二句话-我希望这很容易。 一旦就位，您可以使该过程更加安全，并根据需要对其进行调整。

其次，每个人都有一个略有不同的WordPress网站。 您的网站可能与我的网站具有不同的主题或位于不同的主机上，因此管理员视图可能看起来有所不同。 只要您没有修改WordPress核心文件，整个过程仍然可以进行。

我从全新安装和空白WordPress网站开始。 我在本教程中使用的是WordPress版本3.4.2，因此所有屏幕截图都将具有特定的外观。 我还使用了TwentyEleven主题，其中附带了全新的WordPress安装。

我对网站所做的唯一更改是在“设置”>“永久链接”菜单中，在该菜单中，我选择了“帖子名称”作为URL结构。 为了学习本教程，我还更改了“设置”>“常规”站点标题。

因此，事不宜迟，让我们跳入本系列！

步骤0：为WordPress插件安装Flot

我创建了此插件，以使整个过程更加轻松。 该插件包括精简版的Flot，一个出色的图形和图表库。 但是Flot不能很好地与WordPress配合使用。 因此，此插件可将所需文件下载到WordPress网站上，从而为您提供帮助。 如果您是新手，强烈建议您安装此插件。

WordPress的Flot

您可能还需要我为该系列创建PHP文件。 对于新手，我建议您与我一起从头开始构建这些文件。 您将通过这种方式学到更多东西，并且可以更好地解决问题。

资源文件

这些文件最终将被上传到您的plugins文件夹：

wp-content/plugins/flot-for-wp/flot

第1步：上传文件

在WordPress中创建新功能时，我总是尝试做的一件事是，即使我更新了主题，也要确保它能够可靠地工作。 这就是上面的WordPress插件Flot派上用场的地方。 但是，如果确实要在不使用插件的情况下使用Flot，则只需确保不将所有工作都存储在wp-content / themes文件夹中即可。 更改主题后，您将一无所有。

因此，创建一个空白的自定义PHP文件。 您可以使用文本编辑器。 只需打开一个新文件并保存空白文档。 我称我为“ custom-workout.php”。

将此上传到您的wp-content / plugins / flot-for-wp / flot文件夹。 我使用Filezilla ，这是一个易于使用的免费FTP工具。 您可以使用托管服务提供商的文件上传工具。 但是，如果不将该PHP文件放入您的plugins文件夹，就无法前进。 为了清楚起见，这是我建议您上传此文件的文件夹的大概路径：

yoursite.com/wp-content/plugins/flot-for-wp/flot/

如果您想将文件上传到其他地方，那很好。 但是您必须修改我们将创建PHP文件中的路径和URL。 您现在应该已经上传了custom-workout.php。

步骤2：连接自定义文件

免费学习PHP！

全面介绍PHP和MySQL，从而实现服务器端编程的飞跃。

原价$ 11.95 您的完全免费

免费获得这本书

现在，我们需要告诉WordPress在世界各地寻找我们将要创建的所有精美代码。 上传文件后，在WordPress管理控制台中，浏览至“插件”>“编辑器”页面：

从右上角的下拉菜单中选择Flot for WordPress插件：

确保已选择flot-for-wp.php文件。 这是我们需要让WordPress知道您的新文件的地方。

在flot-for-wp.php文件中，您将看到仅用于添加自己的文件的部分。

[源代码语言=“ php”]

/ *
在这里添加自定义文件以提取和添加flt数据。
请记住，您不能使用URL指向您想要的任何文件
包括。 您必须使用PATH。 因此您可以将这些文件粘贴到任何地方
您想要在WP安装中，只需使用PATH指向它们即可。
plugin_dir_path调用将使用WP wp-content / plugins中的PATH
文件夹：http：//codex.wordpress.org/Function_Reference/plugin_dir_path
* /

包括（plugin_dir_path（__FILE__）。'flot / custom_workout.php'）;

[/源代码]

很抱歉，您PHP注释冗长，但是这些详细信息将使您在以后遇到任何问题时，更轻松地进行故障排除。 我们正在使用INCLUDE调用来告诉WordPress我们上传的文件。

回顾

因此，让我们停下来检查我们的工作。 对于绝对的初学者，您可能已经接触了一些以前从未见过的东西。 FTP，PHP文件和插件编辑器都可能令人生畏。 但是，您现在已经为构建此功能奠定了基础。

在本系列的下一篇文章中，我们将创建一些自定义的简码并为此工具创建一个新的数据库表。 如果考虑到这一点，使您开始出现惊恐发作，那就好 ！ 通过这个力量，并坚持下去！

翻译自: https://www.sitepoint.com/responsive-real-time-graphs-in-wordpress-introduction/

wordpress响应慢