<<<<<<< .mine =======
当前位置: 首页 > SEO > 用bootstrap构建wordpress主题简单概述

用bootstrap构建wordpress主题简单概述

时间:2014-03-24 18:02:37
1、什么是bootstrap

Bootstrap是一个响应式的框架,用来创建web网站和应用(http://www.bootcss.com/)。

2、制作主题前应该先去bootstrap官网(http://www.bootcss.com/)自带的一些JS和CSS(好的bootstrap应该有3个文件夹css、js、img)

3、打开你带有WordPress所有文件的目录并导航至wp-content ---- themes,在里面新建一个文件夹,名字随便你自己取,但是最好是你想新建的主题的名字(但是这个名字和你在后台看到的主题名字无关),新建一个index.php文件。然后把你刚才的含有bootstarp组件的文件夹拷贝进去。

4、wordpress主要包含的一些文件有:index.php、header.php、footer.php、page.php、category.php、sidebar.php、single.php、functions.php、style.css,把这些文件都新建好。

5、在网上一张大小为300*225的图片,图片名字固定叫screenshot.png,把这张图片放进刚才新建的文件夹里,这张图片就是你在后台看到主题的图片。

6、在style.css里面加入一些代码:

/*Theme Name: wp

Theme URI: http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial

Description: A demo theme built to accompany the Treehouse blog post How to Build a WordPress Theme with Bootstrap.

Author: Timo

Author URI: http://teamtreehouse.com/

Version: 1.0

Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)

License URI: http://creativecommons.org/licenses/by-sa/3.0/

This simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html*/

第一行的wp就是你在后台显示主题的名字。

相关文章

CSS优先级

今天来谈谈CSS优先级 css优先级主要包含css样式表优先级和css选择符优先级两方面;样式表优先级顺序为:行内...

站在巨人的肩膀上之微信公众平台功能简评

随着微信公众平台的逐渐火爆,其对应的开发也逐渐盛行了起来,在介绍其用法之前,请大家先看看微信能够给我们带来什么吧。 ...

dede的安全问题解决办法

第一、安装Dede的时候数据库的表前缀,最好改一下,不要用dedecms默认的前缀dede_,可以改成ljs_,随便一个...

简单的jQuery插件实现页面目标元素 “固定” 在浏览器窗口的哪一个位置

在做网站的时候经常会碰到一些简单的特效效果,比如导航栏随着滚动条的下拉而固定在网页的顶部。 这个效果其实还是蛮简单...

对于百度搜索的SEO新看法

近日百度低调上线“极速搜索”,据悉通过百度的大数据计算能力,极速搜索能够提前预测用户检索的关键词,请求和获取相关信息;从...
沪ICP备10034044号-12
400-685-0732
400-685-0732 在线咨询