zoukankan      html  css  js  c++  java
  • 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管理界面,就能够看到我们刚刚添加的主题信息了。

  • 相关阅读:
    读取xml文件(可执行文件根目录debug)
    c# winform textbox与combox让用户不能输入
    枚举类型
    值类型与引用类型
    error: failed to push some refs to 'https://git.oschina.net/bluede/TuShuGuanLi.g it'
    left join on 和where中条件的放置位置
    left join、right join、inner join、full join
    Union、Union All、Intersect、Minus
    分层设计的好处
    Hibernate查询方式
  • 原文地址:https://www.cnblogs.com/youring2/p/2939792.html
Copyright © 2011-2022 走看看