wordpress主题模板制作教程.doc
文本预览下载声明
WordPress主题模板制作视频教程
如果你在看这个教程,那么说明你是一个新手,是一个菜鸟。高手勿喷。
课程目标:制作出一个漂亮的主题
课后作业,跟着视频,完成一个相同主题的制作。
WordPress思想
WordPress完全可以满足你的所有需求,包括电子商务网站。
WordPress是一个工具箱和容纳箱。
下面我用图示来说明:
预知后事如何,请看下面教程,一步步来,这个教程不是让你成为高手,是让你最短的时间入门和理解WordPress主题,至少你会修改被人的主题,把它变成你喜欢的主题。
配套视频教程和资料在这里下载: /s/1gdgnLAV密码: ivdj
主题模板制作教程 1
1、wordpress模板结构分析 1
2、制作一个可以运行的wordpress主题,修改style.css 1
3、制作出主题结构,index.php,header.php,footer.php,sidebar.php 2
4、修改header.php,footer.php 2
5、制作sidebar.php 2
6、制作index.php, 3
7、制作single.php页面,加入评论 3
8、制作page.php,archive.php,404.php 4
9、制作小工具 4
10、细节问题处理 4
1、wordpress模板结构分析
索引页模版index.php
顶部header.php
文章页面模板single.php
边栏模板sidebar.php
底部footer.php
页面模版page.php
搜索结果search.php
文章归档archive.php
评论comments.php
404 页面模版404.php
主题支持函数functions.php
样式表:style.css
2、制作一个可以运行的wordpress主题,修改style.css
制作一个最简单的主题,只需要两个文件,index.php和style.css
第一步,准备静态页面
第二步,制作index.php和style.css
第三步,给style.css添加版权信息
第四步:把主题上传到空间中wordpress安装路径,wp-content/themes/下面,这里主题的文件夹名字必须是英文
第五步,在wordpress后台启用主题
先给style.css添加版权信息
/*
Theme Name: wordpress theme 01
Theme URI:
Description: a simple bolg theme
Author: xixi
Author URI:
Version: 1.0
Tags: white, blog, liweihui, blue
*/
Style.css路径调用:?php bloginfo( stylesheet_url ); ?
主题缩略图名字:screenshot.png
3、制作出主题结构,index.php,header.php,footer.php,sidebar.php
把index.php拆分成header.php,footer.php和sidebar.phhp
?php get_header();?
?php get_footer();?
?php get_sidebar();?
4、修改header.php,footer.php
获取博客名字:?php bloginfo(name); ?
获取博客描述:?php bloginfo(description); ?
获取主页路径:?php echo get_option(home); ?
获取主题存放路径:?php bloginfo(template_directory); ?
meta http-equiv=Content-Type content=text/html; charset=?php bloginfo( charset ); ? /
?php wp_head(); ?
title?php if (is_home()||is_search()) { bloginfo(name); } else { wp_title(); print - ; bloginfo(name); } ? /title
页面调用:
?php wp_list_pages(sort_column=menu_ordertitle_li=depth=2include=); ?
分类目录调用:
?php wp_list_categories(title_li=0orderby=nameshow_count=0depth=2); ?
5、制作sidebar.php
最新文章:?php wp_get_archives(type=postbypostlimit=20);
显示全部