wp淘宝客模板制作标签文档.docVIP

Wp百科网淘宝客主题模板制作教程 /bbs 课程目标：制作出一个漂亮淘宝客的主题 课后作业，跟着视频，完成一个相同主题的制作。 Wp百科网淘宝客主题模板制作教程 1 第一课、单页是如何调用的 1 第二课、如何制作排行榜 2 第三课、静态页面转WP模板和头部制作 2 第四课、侧边栏、底部和首页制作 3 第五课、制作内页single.php 5 第六课、如何实现调用不同的page页面 9 第七课、分类目录页面制作 9 第八课、如何实现调用不同的sidebar侧边栏 10 第九课、如何封装链接 11 第一课、单页是如何调用的 1、顶部式单页 2、内嵌式单页 3、调用方式 1、Iframe框架调用 iframe src=?php bloginfo(template_directory); ?/taobao.html height=400 width=100% scrolling=no /iframe 2、js代码调用 script language=javascript src=?php bloginfo(template_directory); ?/taobao.js/script Html代码 iframe src=http://localhost/3/wp-content/themes/twentyten/taobao.html height=400 width=100% scrolling=no /iframe HTML源代码转换JavaScript代码工具/Tools/Html_Js.aspx 转化成js代码之后： document.writeln(iframe src=\http://localhost/3/wp-content/themes/twentyten/taobao.html\ height=\400\ width=\100%\ scrolling=\no\ /iframe); 第二课、如何制作排行榜 1、table技术 2、div+css制作 第三课、静态页面转WP模板和头部制作 获取主题存放路径：?php bloginfo(template_directory); ? Style.css路径调用：?php bloginfo( stylesheet_url ); ? 1、静态页面转WP模板 没有style.css的时候，或者style.css不在主题根目录的时候如何处理？ 解决方法 第一种：新建一个空的style.css文件，放上版权 /* Theme Name: WP百科网主题 Theme URI: Description:这是我们做的第一个主题哦 Author: WP百科网 Author URI: Version: 1.0 Tags: white, blog, WP百科网, blue */ 缺点：wp后台无法直接编辑css文件 优点：方便，快 第二种：从images或者其他文件夹下面移动一个css文件出来，改名成style.css 缺点：不适合新手，容易出错 优点：可以直接在WP后台修改css内容 2、头部制作header.php 通过WP标签调用回来，调用顶部标签：?php get_header();? 2-1、元信息调用 meta http-equiv=Content-Type content=text/html; charset=?php bloginfo( charset ); ? / title?php if (is_home()||is_search()) { bloginfo(name); } else { wp_title(); print - ; bloginfo(name); } ? /title ?php wp_head(); ? 2-2、设为首页 a href=# onClick=this.style.behavior=url(#default#homepage);this.setHomePage(?php bloginfo(url); ?); class=homepage设为首页/a 2-3、添加收藏 script type=text/javascript // Bookmark function bookmark(title, url) { if (document.all) window.external.AddFavorite(url, title); else if (window.sidebar) window.sidebar.addPanel(title, url, ) } /script a href=# onClick=javascript:bookmark(?php bloginfo(name); ?,?php blo