文档详情

wordpress主题模板制作教程.doc

发布:2016-05-31约字共6页下载文档
文本预览下载声明
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);
显示全部
相似文档