好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

WordPress

WordPress

前几天搭建好了PHP的 开发 和 调试 环境后,就开始研究WordPress的主题了。自从把WP用做CMS以来,一直对其主题系统很感兴趣,方便啊,精通了主题就可以把WP改成多种类型的网站:企业、门户、购物型等等,而不仅限于博客。担心WP的性能?我一点都不担心,因为用WP的人太多了,如果有性能问题,还有人用吗?再说有一个好的架构就不要再去计较那一点点性能了。

1、WP主题约定

存放位置:wp-content-》themes文件夹下。那么插件就存在plugins目录下了。

我在这里建立一个cnblogs文件夹,从头开始制作一个WP的主题,所有的主题制作修改都是在这个文件夹下完成的。

所需文件:

index.php 首页文件,为了方便我们把头和尾放在header.php和footer.php文件中。

style.css 样式文件。

screenshot.png 主题缩略图。

注:如果有home.php,就轮不到index.php了。

2、启用主题

从/wp-admin登录后台,选择外观-》主题菜单,启用cnblogs主题:

3、index、header和footer

index.php调用了header.php和footer.php:

<?php get_header(); ?>

 //  Todo  
    
<?php get_footer(); ?>

WP函数get_header()和get_footer()调用header.php 和 footer.php。PHP的这种下划线语法还要适应一下:)

header.php代码:

 <!  DOCTYPE html  > 
 <  html   <?php language_attributes(); ?  >  >
  <  head  > 
 <  meta   charset  ="<?php bloginfo( 'charset' ); ?>"   /> 
 <  meta   name  ="viewport"   content  ="width=device-width"   /> 
 <  meta   name  ="description"   content  ="<?php bloginfo("  description")?  >  "/>
  <  title  > 
 <?  php
    wp_title( '|', true, 'right' );
    bloginfo('name');
  ?> 
 </  title  > 
 <  link   rel  ="profile"   href  ="http://gmpg.org/xfn/11"   /> 
 <  link   rel  ="stylesheet"   type  ="text/css"   media  ="all"   href  ="<?php bloginfo( 'stylesheet_url' ); ?>"   /> 
 <?  php
    wp_head(); 
  ?> 
 </  head  > 

 <  body   <?php body_class(); ?  >  >
  <  div   id  ="page"  > 
     <  header   id  ="branding"   role  ="banner"  > 
             <  hgroup  > 
                 <  h1  ><  span  ><  a   href  ="<?php echo esc_url( home_url( '/' ) ); ?>"   title  ="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"   rel  ="home"  >  <?  php bloginfo( 'name' );   ?>  </  a  ></  span  ></  h1  > 
                 <  h2  >  <?  php bloginfo( 'description' );   ?>  </  h2  > 
             </  hgroup  > 
     </  header  > 

     <  div   id  ="main"  > 

其实是HTML的前半部分,设置了Meta、Title,链接了样式表css,H1显示网站名称,H2为网站描述。大量调用了WP函数bloginfo(),用于输出数据库选项表配置的相关信息,可以登录WP的后台修改这些信息。

footer.php代码:

     </  div  >  <!--   #main   --> 

     <  footer   id  ="colophon"   role  ="contentinfo"  >  
        //to do cnblogs footer
      </  footer  > 
 </  div  >  <!--   #page   --> 

 <?  php wp_footer();   ?> 

 </  body  > 
 </  html  > 

结束HTML代码。wp_header()和wp_footer()函数是为插件作者保留的钩子,如果不使用插件,可以删除。

到此完成了我们非常简陋的主题:

 

分类:  WordPress

作者: Leo_wl

    

出处: http://www.cnblogs.com/Leo_wl/

    

本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

版权信息

查看更多关于WordPress的详细内容...

  阅读:40次