凌紫枫 | Any`s Room

TAG | 主题

十一/10

22

WordPress 主题

一、主题包含的文件

1、分级关系

index.php

single.php  page.php  achive.php  search.php  404.php
层级关系,下部的php如果丢失,会寻找上部的php文件代替.

2、php文件简单介绍

single.php — 单一日志文件,用于显示单一日志

page.php — 页面模板文件,用于显示静态页面

archive.php — 存档文件,用于显示存档页面

category.php — 类别文件,用于显示类别页面

search.php — 搜索文件,用于显示搜索结果

404.php — 错误文件,用于显示404页面

comments.php — 评论文件,用于显示评论和评论框

二、主题的构成

单一日志页面的话就是single.php代替index.php.

三、语法学习

1、php代码

<?php # ;?> 开始php代码
<a href=”#”> </a>调用链接代码
<h1>#</h1>一级标签调用,默认共七级,一级字体最大,

2、div代码(注意id与class的区别)

<div>
#
</div>

div标签相当于一个盒子,将#与其他东西分割开来,以便进行样式化.

eg:
<div id=”header”>
<h1><a href=”<?php bloginfo(‘url’); ?>”><?php bloginfo(‘name’); ?></a></h1>
</div>

上述语法对blog名称及blog连接进行调用,并赋予header的标签,后在style.css中赋予样式.

eg:
<div>
<?php the_conteng(); ?>
</div>

class与id的区别在于,id是唯一的,一个文件中id=”#”只会出现一次,而class=”#”会出现很多次,在style.css中进行样式化的时候要认真分辨.

四、style.css学习

eg:
body{
margin:0;
font-family:arial,helvetica,georgia,sans-seriff;
color:#000000;
}
body是一个标签,{}对这个标签进行样式化定义.冒号表示开始,分号表示结束.

eg:
#wrapper{
margin:0 auto 0 auto 0;
width:750px;
}

css中,#号是定位id中的元素,而点号则是定义class中的元素

五、水煮鱼教程学习笔记

具体学习参考水煮鱼主题教程,还有PDF文档下载

· ·

五/10

25

关于这个主题

恩,试验了好久才决定现在这个样子的。
感谢jason,感谢大猫老师,感谢猥琐的禅猫日记
当然还有我亲爱的你。

ps:有同样想法的请参照这里

·

Theme Design by devolux.nh2.me,Hosted by GegeHost,Made On a Mac.