开发者社区> 老朱教授> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

WordPress实践:自定义theme(01)

简介:
+关注继续查看

自定义theme需要有一定的html、css、js和php基础。如果没有,那就去学一下。http://www.w3schools.com/是一个不错的学习地方。

php开发工具

工欲善其事,必先利其器。目前能用来开发php的编辑器很多,甚至记事本就可以,但这样的效率不是很高。我这里选用了NetBeans,这个IDE可以为我提供高亮显示、只能提示等功能,最主要的是它是免费的。下载地址:http://dlc.sun.com.edgesuite.net/netbeans/7.3/final/bundles/netbeans-7.3-windows.exe

在windows下,我们还需要配置php的宿主程序。作为一名.NET程序员,选用iis是没什么疑惑的。在windows的功能管理界面,开启iis的相关功能:

image

然后去下载php的windows安装程序,官网地址:http://www.php.net/,找到自己合适的版本,并选择安装iis fastcgi就可以在iis中运行php程序了。

mysql数据库也是标准配置。去官网下载吧:http://www.mysql.com/downloads/,下载MySQL Community ServerMySQL Workbench (GUI Tool),前一个是mysql数据库程序,后一个是可视化管理界面。

创建theme

theme其实是wordpress/wp-admin/wp-content/theme下的一个子目录,在运行时wordpress会将其作为一个theme来加载。

我们先在里面新建一个ThinkSimple目录。

theme要最少包含index.php和style.css两个文件。index.php是首页模板,style.css是theme的样式文件,它被用来声明theme的详细信息,在文件开头位置加入以下代码:

/*
Theme Name: Think Simple
Theme URI: http://youring2.cnblogs.com
Description: Think Simple
Version: 0.1
Author: QeeFee
Author URI: http://youring2.cnblogs.com
Tags: simple
*/

这个style.css是不会自动添加到index.php文件中的,我们需要在index.php文件中加入引用代码:

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

上面的代码是直接引入了样式文件,如果要引用图片或者js文件该如何做呢?

这个时候我们需要知道模板的url,然后 再配上我们的相对路径就可以得到相应图片和js的引用了。模板目录url的获取方法:

<?php bloginfo('template_url'); ?>

这个时候wordpress管理界面,就能够看到我们刚刚添加的主题信息了。




本文转自齐师傅博客园博客,原文链接:http://www.cnblogs.com/youring2/archive/2013/03/02/2939792.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
wordpress自定义主题
wordpress自定义主题 找到 themes文件夹,位置app\public\wp-content\themes 新建一个目录存放主题文件,目录结构如下: 这里我们的目录名是:fictional-university-theme 目录结构就是这样的: fictional-university-theme index.php style.css screenshot.png (放入一张自己的图,命名为screenshot.png) 在style.css中定义主题相关信息,如下
0 0
WP主题模板制作修改教程
WP主题模板制作修改教程 实际上,当我们打开某个主题的文件夹时,看到的并不止这两个文件,而是更多。但一般来说,在一个完整的 WP 主题文件夹中都应该包含下列文件(也称为模板文件):页面 模板文件 用途首页 index.
963 0
struts2中如何使用主题theme
一、什么是主题? 主题就是一种风格化标签,能够让所有UI标签能够产生同样的视觉效果而归集到一起的一组模板,即风格相近的模板被打包为一个主题   二、struts2提供的主题有哪些呢?struts2中如何修改主题? struts2提供的主题有simple、xhtml、css_xhtml、ajax。
543 0
Wordpress的主题与插件的使用
下载主题(Theme) wordpress的主题是由一系列的模板文件组成,通常包括一个CSS样式文件,至少一个PHP代码,可能还有一些图片文件。 更换主题时,只需将下载的文件解压到wordpress安装目录下的wp-content/themes/目录内,即可在管理后台看到新上传的主题,会有一张缩略图,只需单击这张缩列图就可以激活这个主题 插件使用(Plugin) 同主题一样,插件也只需解压到安装目录的wp-content/plugins/下,即可在后台管理页面的插件管理中看到,然后激活就可以使用下载插件了。
475 0
wordpress模板WP主题安装失败的解决办法
还记得我刚开始建立比尔云的时候,想要换什么样的主题直接在后台下载就行了。或者就到一些wordpress主题网站下载一些喜欢的然后在博客后台上传,也可 以用FTP上传模板就可以了。可是前段时间,我发现我的博客竟然不能更换主题了。下面给大家总结一下wordpress博客主题安装失败的几个问题。
4253 0
WPF - 模板查看工具:Show Me The Template及如何查看第三方主题
原文:WPF - 模板查看工具:Show Me The Template及如何查看第三方主题   在学习WPF的模板(DataTemplate、ItemsPanelTemplate、ControlTemplate)时,经常会想看看WPF内建的控件模板。
1277 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载