博客模板制作标签文档.doc

博客模板制作标签文档.doc

《博客模板制作标签文档.doc》由会员分享，可在线阅读，更多相关《博客模板制作标签文档.doc（7页珍藏版）》请在冰点文库上搜索。

博客主题模板制作教程

课程目标：

制作出一个漂亮的主题

课后作业，跟着视频，完成一个相同主题的制作。

Wp百科网博客主题模板制作教程 1

第一课、WP模板结构分析 1

第二课、如何制作一个最简单的模板 1

第三课、如何利用免费css模板做模板 2

第四课、分离首页 3

第五课、制作header.php模板 3

第六课、侧边栏sidebar.php的制作 4

第七课、底部footer.php制作 5

第八课、首页index.php制作 5

第九课、子模板制作 6

第十课、404.php制作 6

第一课、WP模板结构分析

1、index.php首页模板

----1、header.php头部

----2、sidebar.php侧边栏

----3、footer.php底部

2、style.css样式表

3、single.php文章内页模板

4、page.php页面模板

5、archive.php分类页面模板

6、search.php搜索模板

7、404.php错误提示模板

8、模板结构图

第二课、如何制作一个最简单的模板

最简单的一个主题必须要有2个文件，index.php和style.css，一定要注意文件后缀名正确。

如何理解标签的原理：

获取博客名字：

phpbloginfo（'name'）;?

>

获取主页路径：

phpechoget_option（'home'）;?

>

获取主题存放路径：

phpbloginfo（'template_directory'）;?

>

Style.css路径调用：

phpbloginfo（'stylesheet_url'）;?

>

通过以上四句现在明白了这些标签的作用了吧

第三课、如何利用免费css模板做模板

1、下载免费的css模板

可以通过百度搜索“模板”，“div模板”，“div+css”等关键词搜索到以下网站，这些地方都是可以免费下载到漂亮的html页面的

www.88web.org

www.csscss.org

2、添加style.css版权信息

/*

ThemeName:

WP百科网主题

ThemeURI:

Description:

这是我们做的第一个主题哦

Author:

WP百科网

AuthorURI:

Version:

1.0

Tags:

white,blog,WP百科网,blue

*/

3、如何把静态页面改成WP首页

3-1、修改index.html为index.php

3-2、index.php中的css文件调用改成WP标签调用

Style.css路径调用：

phpbloginfo（'stylesheet_url'）;?

>

4、后台缩略图

缩略图的名字必须是：

screenshot.png或者screenshot.jpg

第四课、分离首页

1、分离header.php顶部模板

通过WP标签调用回来，调用顶部标签：

phpget_header（）;?

>

2、分离sidebar.php侧边栏

通过WP标签调用回来，调用侧边栏标签：

phpget_sidebar（）;?

>

3、分离footer.php底部模板

通过WP标签调用回来，调用底部标签：

phpget_footer（）;?

>

第五课、制作header.php模板

1、元信息调用

phpbloginfo（'charset'）;?

>"/>

phpwp_head（）;?

>

2、调用分类目录和页面

页面调用：

phpwp_list_pages（'sort_column=menu_order&title_li=&include='）;?

>

sort_column：

根据后台页面顺序列出页面

title_li：

显示或者隐藏页面列表的标题

include：

控制显示的页面

分类目录调用:

phpwp_list_categories（'title_li=0&orderby=name&show_count=0&depth=1'）;?

>

Orderby：

按什么排列

show_count：

分类日志数量

depth：

列表深度

include：

控制显示的页面

3、自定义添加导航链接

phpechoget_option（'home'）;?

>”>首页

4、如何控制调用内容

Wordpress官方网站函数文档介绍：

http:

//codex.wordpress.org/zh-cn:

%E5%87%BD%E6%95%B0%E5%8F%82%E8%80%83

第六课、侧边栏sidebar.php的制作

1、分类目录调用

WP标签：

phpwp_list_cats（'sort_column=name&optioncount=1&hierarchical=0'）;?

>

hierarchial=0–不按照层式结构显示子分类

optioncount=1–显示每个分类含有的日志数

sort_column=name–把分类按字符顺序排列

2、最新文章调用

WP标签：

phpwp_get_archives（'type=postbypost&limit=10'）;?

>

type=postbypost：

按最新文章排列

limit：

限制文章数量最新10篇

3、日期存档调用

WP标签：

phpwp_get_archives（'type=monthly'）;?

>

type=monthly按月份读取

4、友情链接调用

phpwp_list_bookmarks（'title_li=&categorize=0&orderby=rand&limit=24'）;?

>

5、元数据调用

注册：

phpwp_register（）;?

>

登录：

phpwp_loginout（）;?

>

6、如何制作小工具

添加functions.php，

php

if（function_exists（'register_sidebar'））

register_sidebar（array（

'before_widget'=>' ',

'after_widget'=>'