
1. 如何用Bootstrap制作WordPress主题
在我们开始前还有一点事情需要你去做:安装WordPress下载并解压缩 Bootstrap安装主题测试驱动插件** 如果你想在一个线上的网站上创建一个主题并且不想在你开发的过程中让人们看到新主题,你正好需这个插件。
一旦你准备好这些事情,打开你带有WordPress所有文件的目录并导航至wp-content > themes。在你导航至那个文件夹后,创建一个叫“wpbootstrap”的新文件夹,在文件夹里面粘贴bootstrap文件夹。
在那个文件夹里面创建一个新文件叫index.php。现在我们将要把基本营销网站的源码拷贝并粘贴到index.php里面。
下面是你所要用到的源码。我们仅链接了代码的一个文本版本,因为它太长了不能嵌入在这里。
bootstrap-demo-source-code现在我们有了一个静态的html页面,我们将要继续去创建一个主css页面。WordPress需要一个显示在style.css页面顶部的特殊格式的注释,它使用这个注释来获得关于你这个主题的所有信息。
在你的index.php页面所在文件夹中创建一个新文件并命名为style.css,WordPress需要一个带有特定名称的CSS文件style.css,所以我们不将其命名为其它任何名称否则我们的主题将不能工作。创建完了style.css文件,在文件头部添加注释:/*Theme Name: WP BootstrapTheme URI: */在我们安装和开始构建我们新主题前,我们最后需要做的是上传一张将会在WordPress管理区显示我们主题的图片。
这张图片需要为300*225像素并且要命名为“screenshot.png”,你可以用下面这张图片或做张你自己的。你的文件夹结构现在看起来和下面的一样:我们现在准备进入到控制面板安装我们的新主题。
登录到控制面板并且到外观>主题。可应该可以看到“WP Bootstrap”做为主题中的一个被列出来。
点击WP Bootstrap主题下面的激活设置它为网站的当前主题。注意: 如果你正在使用一个线上的网站并且不想让人们看到这个主题正在开发中,确保安装并激活 Theme Test Drive plugin。
2. 如何用Bootstrap制作WordPress主题
在我们开始前还有一点事情需要你去做:
安装WordPress
下载并解压缩 Bootstrap
安装主题测试驱动插件*
* 如果你想在一个线上的网站上创建一个主题并且不想在你开发的过程中让人们看到新主题,你正好需这个插件。
一旦你准备好这些事情,打开你带有WordPress所有文件的目录并导航至wp-content > themes。
在你导航至那个文件夹后,创建一个叫“wpbootstrap”的新文件夹,在文件夹里面粘贴bootstrap文件夹。
在那个文件夹里面创建一个新文件叫index.php。
现在我们将要把基本营销网站的源码拷贝并粘贴到index.php里面。下面是你所要用到的源码。我们仅链接了代码的一个文本版本,因为它太长了不能嵌入在这里。
bootstrap-demo-source-code
现在我们有了一个静态的html页面,我们将要继续去创建一个主css页面。WordPress需要一个显示在style.css页面顶部的特殊格式的注释,它使用这个注释来获得关于你这个主题的所有信息。
在你的index.php页面所在文件夹中创建一个新文件并命名为style.css,WordPress需要一个带有特定名称的CSS文件style.css,所以我们不将其命名为其它任何名称否则我们的主题将不能工作。
创建完了style.css文件,在文件头部添加注释:
/*
Theme Name: WP Bootstrap
Theme URI:
*/
在我们安装和开始构建我们新主题前,我们最后需要做的是上传一张将会在WordPress管理区显示我们主题的图片。这张图片需要为300*225像素并且要命名为“screenshot.png”,你可以用下面这张图片或做张你自己的。
你的文件夹结构现在看起来和下面的一样:
我们现在准备进入到控制面板安装我们的新主题。登录到控制面板并且到外观>;主题。可应该可以看到“WP Bootstrap”做为主题中的一个被列出来。
点击WP Bootstrap主题下面的激活设置它为网站的当前主题。
注意: 如果你正在使用一个线上的网站并且不想让人们看到这个主题正在开发中,确保安装并激活 Theme Test Drive plugin。
3. 如何用Bootstrap制作WordPress主题
1.先用bootstrap做好网站静态模板文件;
如下
index.html索引文件
home.html首页
single.html文章页面
arctive.html分类页面
category.html分类页面
page.html页面
search.html页面
404.html页面
style.css自定义样式
文件夹images引用的图片
文件夹css引用的css文件
文件夹js引用的js文件
2.再把静态模板文件换成动态模板文件,即把html换成php文件;
如下
index.php索引文件
home.php首页
single.php文章页面
arctive.php分类页面
category.php分类页面
page.php页面
search.php页面
404.php页面
style.css自定义样式
文件夹images引用的图片
文件夹css引用的css文件
文件夹js引用的js文件
4. wordpress 主题框架哪个好用
主题框架是一个主题,设计的目的是为了更灵活的运用。使用WordPress主题框架可能会减少在创建主题基础结构的工作量。主题框架也使得主题开发变得更加便捷,不再需要编程知识。在这里列出了几款WordPress框架,这些框架都是免费可下载的,希望有一款是你需要的。
你可能感兴趣的WordPress主题框架资讯:
《8 个必知 Bootstrap 的 WordPress主题框架》
Whiteboard
Genesis
Cherry Framework
Wonderflux
Gantry
Vafpress Framework
Simon
Foundation
Reverie
PressWork
StartBox
RtPanel
Pods
Redux
Bootstrap 3
BONES
Warp Framework
Carrington
UpThemes Framework
Ashford
转载请注明出处51数据库 » wordpressbootstrap主
10086076