如何在本地电脑搭建安装WordPress

wordpress本地环境搭建

创新互联是一家专业提供志丹企业网站建设,专注与网站设计制作、成都网站设计、H5网站设计、小程序制作等业务。10年已为志丹众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

1百度搜索下载xampp

2选择安装目录，下一步安装

3安装进度

4输入 y y n 安装OK

5打开桌面图标，启动apach、Mysql

6测试安装本地环境

7xampp\htdocs是网站根目录

本地安装wordpress

1百度搜索wordpress,打开官网

2下载wordpress-4.0-zh_CN，并解压

3把wordpress复制到htdocs网站根目录

4在浏览器打开

5开始安装

6打开数据库，

7创建数据库

8填写数据库，及其详细信息。提交

9配置信息OK，进行安装

10配置wordpress网站的基本信息

11wordpress安装Ok，登陆后台

12输入，配置是的用户，密码

13wordpress安装OK的首页

如何在本地搭建Wordpress环境

第一， 安装环境

Wordpress博客系统的正常运行需要三个条件：Web Server, PHP和MySQL.。对于这三个条件的设置，我们没必要一个一个地来，我们有一个非常好的东西，那就是WampServer，全称是Apache, MySQL, PHP on Windows。它集合了Apache Server, PHP以及MySQL,使得安装过程非常简单一步到位。不信你可以试一试！

WampServer安装完成后，启动WampServer，在你的任务栏里出现了一个半圆形的图标，单击这个图标，我们可以看到下列选项：

WampServer2.0

1． Localhost: 用来测试安装是否成功，如果单击这个链接之后出来一个Wamp页面，那就代表你安装成功了。

2． phpMyAdmin: 一个数据库管理页面，十分粗糙和简单，建议下载一个 MySQL客户端。

3． www directory: web默认根目录，单击它你可以看到在你Wamp安装目录下有一个www文件夹，里面有一个index.php文件，这就是你单击localhost出来的页面。

4． Apache: Apache server安装目录。

5． PHP: 这是PHP安装目录。

6． MySQL:这是MySQL安装目录。

7． Start All Services:启动所有服务。

8． Stop All Services：停止所有服务。

9． Restart All Services：重启所有服务。

第二， 启动Wordpress

运行环境搭建好之后，我们就可以试着把Wordpress在本地跑起来。首先我们需要下载一个Wordpress。解压后将根目录下的所有文件（即与index.php同级的所有文件）拷贝到www目录下，因为Apache Http Server默认的web地址是www,如果你不想拷贝文件，你可以去Apache Server安装目录下找到一个叫httpd.conf的文件，或者你可以通过单击桌面右下角的WampServer图标，在弹出来的Apache子菜单下直接找到这个文件。找到后用编辑器打开，按Ctrl+f找到DocumentRoot “D:/jssay” 和 ，引号中的路径就是你Wordpress所在目录，修改后保存关闭，重启WampServer就Okay了。

WampServer启动之后，单击localhost链接，或者直接在地址栏输入：. 如果之前的设置都对的话，将出现一个页面显示”创建安装配置文件“，要求你设置数据库信息。值得注意的是，在你填写这些数据库信息之前，你需要新建一个数据库并记下它的名称，另外，数据库默认的用户名是root, 密码为空。数据库地址为localhost或者127.0.0.1。数据库前缀可选择默认（wp_）。所有信息填写完毕后，点击确定按钮，等待一段时间（数据库信息导入），如果你提供的信息完全正确，那么你将顺利进入你的Wordpress。否则请仔细检查你的数据库信息是否有误。

利用 clip-path 实现环形进度条

  昨天逛网页时看到有用css与js实现环形进度条的（那位博主在面试时被要求当场写出环形进度条π_π），然后就想尝试下写出来（感觉好尴尬），说实话春节后遗症真可怕 haha~

  看了网上的 三种方法 实现方式如下：

  两个clip过的半圆，边框设置颜色，左侧的用来旋转，右侧的固定不动（width：0px;），当进度到达50%时， 右侧的半圆显示出来（同时左半圆和右半圆的父元素div覆盖最外层的div），左侧的半圆继续旋转 。

  可能我没说清楚，原文链接：

  使用SVGstroke-dasharray寥寥数行实现圆环loading进度效果，原文链接：

  利用path元素，使用path指令绘制扇形，原文链接：

  常用的path指令:

两个介绍 SVG比较详细的网址

  核心就是使用-webkit-clip-path:polygon();切割div，border-radius:50%;画出圆弧

wordpress刷新文章页面后进度条一直在

安装了wordpress加载进度条插件。

插件直接安装即可，不需要任何操作，安装完成之后顶部的加载条就会自动出现了，可以以动画的形式显示网站加载的进度。

wordpress加载进度条，就是html5加上css3动画和jq脚本制作完成的，代码非常简单。