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博客系统的正常运行需要三个条件: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。否则请仔细检查你的数据库信息是否有误。
昨天逛网页时看到有用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加载进度条,就是html5加上css3动画和jq脚本制作完成的,代码非常简单。
当前标题:进度环wordpress 进度环形图
分享路径:https://www.cdcxhl.com/article18/doeppgp.html
成都网站建设公司_创新互联,为您提供App设计、Google、面包屑导航、手机网站建设、网站收录、全网营销推广
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联