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的相关功能:

然后去下载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://youring2.cnblogs.com/

声明:本博客原创文字只代表本人工作中在某一时间内总结的观点或结论,与本人所在单位没有直接利益关系。非商业,未授权,贴子请以现状保留,转载时必须保留此段声明,且在文章页面明显位置给出原文连接。

转载:http://www.cnblogs.com/youring2/archive/2013/03/02/2939792.html

时间: 2024-12-02 12:34:25

WordPress实践:自定义theme(01)的相关文章

WordPress高级自定义布局的内容编辑器模板

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 WordPress的编辑器TinyMCE是一个非常强大的工具,对于网页设计师来说,使用WordPress的编辑器TinyMCE是没什么困难的,但是对于那些不怎么了解HTML的人来说却用起来不是那么的得心应手;如果我们把内容编辑器做到所见即所得,预先把内容编辑器的排版布局都做出来,而我们用户只要在相对应的区域直接输入内容就行了.那上面所说的问题

extjs-ext chart 线性图 使用自定义theme修改轴 及标题颜色!

问题描述 ext chart 线性图 使用自定义theme修改轴 及标题颜色! 我现在使用的是 "海王星"主题 线性图 使用的是背景黑色, 但是标题及轴都是黑色的,如何修改颜色?? 如何使用自定义 chart 的theme 求实例 求帮助 谢谢! 解决方案 可以配zlabel更改x/y轴显示的数字颜色..label: { color: '#f00', renderer: function (v) { this.fill = 'red'; return v; } },需要4.1+以上,不

wordpress中自定义菜单制作详细教程

.要想实现自定义菜单,需要用到的函数是wp_nav_menu(),给这个函数传递一些参数就可以输出自定义菜单菜单,下面简单讲讲如何使用使用这个函数.      首先,在主题目录下的functions.php的 <?php -.. ?> 之间,添加以下菜单注册代码,这样你就可以在主题文件中使用wp_nav_menu函数了:  // This theme uses wp_nav_menu() in one location. register_nav_menus();      接着我们在主题的导

JSP最佳实践: 自定义标记中的错误处理

简介:在自定义标记中引用更多交互性的同时,也会增加错误出现的可能性,尤其是以非法参数形式 出现的错误.在本期的 JSP最佳实践中,Brett McLaughlin 向您展示了如何在源代码中捕获和忽略 IllegalArgumentException 异常. 在我们讨论 JSP 自定义标记的时候,我们一直都设法回避了错误处理的重要细节.在我们已经推出的 JSP 最佳实践系列的前面一半的文章中,大多数讲的都是 JSP 容器提供的功能,比如说 param . out 和 import 标记.在这些情况

WordPress中自定义后台管理界面配色方案的小技巧_php技巧

WordPress 3.8 开始的全新设计的后台支持多颜色选择,默认有八种非常精美的配色,可以让用户自己选择. 关于配色 WordPress 提供了一个函数 wp_admin_css_color() 可以让开发者自定义配色,只需要调用一下这个函数即可完成所有的注册操作. 参数 wp_admin_css_color( $key, $name, $url, $colors = array(), $icons = array() ); $key(string):颜色的 ID $name(string)

WORDPRESS中自定义路由和URL参数

wordpress可以使用rewrite API让url更加美观,需要用到两个相关的rewite函数,分别是add_rewrite_tag和add_rewrite_rule.下面看看具体的例子如何自定义wordpress路由规则,和自定义url参数. add_action( 'init', 'my_rr_url' ); function my_rr_url() {          //Ensure the $wp_rewrite global is loaded     global $wp_

wordpress实现自定义URL到自定义页面

一直有如此的需求,比如用wordpress搭建一个公司门户,需要一个产品列表的页面,这个页面需要完全自定义的程序去实现,无法实现为一篇文章或者一个页面,这在wordpress原来的系统中似乎很难实现. 其实这个功能唯一需求的地方,就是能够自定义一个URL然后映射到主题中自定义的一个页面中即可,对于数据库的读写还有其他的逻辑实现,完全可以在主题文件中用PHP代码随心所欲地实现,数据库表也可以随意建,这些都不是问题.但是wordpress就是没有提供额外的URL映射功能,有一个add_rewrite

WORDPRESS菜单自定义链接设置打开新窗口教程

WordPress自定义菜单可以添加自定义链接,也就是设置一个自定义的url作为菜单,但是默认个自定义链接打开方式是当前页面跳转,如何给这个链接设置target='_blank'属性呢? 在WordPress源码中找到可以改变菜单属性的一个filter,位于D:\xampp\htdocs\wp\wp-includes\nav-menu-template.php: /**  * Filter the sorted list of menu item objects before generatin

wordpress获取自定义post_type的分类例子

在自己建立一种post-type的文件类型后,然后分类也是自己用register_taxonomy来自定义的. 这个时候我在用  代码如下 复制代码 [php]<?php the_category(', ');  ?>[/php] 来获取当前文章的分类,取到的数据是空. 百度后用 query_posts 指定post-type.获取还是不ok. 最后只能通过添加个function来获取.  代码如下 复制代码 [php] /**  * 获取当前自定义类型的,分类名称!  * @return s