淘宝客模板制作

Wp百科网淘宝客主题模板制作教程

/bbs

课程目标：制作出一个漂亮淘宝客的主题

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

目录：

Wp百科网淘宝客主题模板制作教程 (1)

第一课、淘宝客模板概括 (1)

第二课、wordpress博客网站安装 ............................................................... 错误！未定义书签。第三课、手动制作排行榜单页..................................................................... 错误！未定义书签。第四课、淘宝联盟获取单页......................................................................... 错误！未定义书签。第五课、程序整合获取单页......................................................................... 错误！未定义书签。第六课、内部嵌入式单页............................................................................. 错误！未定义书签。

第一课、淘宝客模板概括

（1）、目前互联网流行淘宝客模板

顶部调用式

内嵌调用式

（2）、单页调用方式：

----1、Iframe框架调用

----2、js代码调用

Html代码

HTML源代码转换JavaScript代码工具

/Tools/Html_Js.aspx

转化成js代码之后：

document.writeln("

src=\"http://localhost/3/wp-content/themes/twentyten/taobao.html\" height=\"400\" width=\"100%\" scrolling=\"no\" >");

（3）、常规排行榜单页制作方式

手动制作排行榜

淘宝联盟获取单页

淘客帝国整合式

内部嵌入式

第二课、wordpress博客网站安装

1、下载博客主题；

2、安装博客主题（附件中）

第三课、手动制作排行榜单页

一、单页制作：

（1）、table制作法；

（2）、div+css制作法；

（3）、仿站制作法。

二、调用方式：

（1）、iframe标签调用代码

（2）、js封装代码：

第四课、淘宝联盟式单页

请注意：淘宝appkey规则于2013-05-30做了调整，如果出现无法申请appkey 或产品不显示问题请使用其他方法制作淘宝客主题，规则调整参看帖子地址：/bbs/thread-53467-1-1.html

一、淘宝联盟单页获取：

（1）、注册联盟账号；

（2）、搜索推广选取页面；

（3）、获取排行榜页面代码。

二、调用方式：（同上）

（1）、iframe标签调用代码；

（2）、js封装代码。

第五课、程序整合式淘宝客页面

一、淘客帝国整合方法：

（1）、下载淘客帝国程序；

（2）、安装淘客帝国至二级目录下；

（3）、配置淘客帝国APP；

二、调用方式：（同上）

（1）、iframe标签调用代码；

（2）、js封装代码。

第六课、内嵌式淘客页面制作

一、制作排行榜页面；

1、table表格制作排行榜页面；

2、div+css制作排行榜页面。

二、制作page模板

1、复制当前主题中的page文件并修改名称；

2、在文件顶部添加以下模板注释：

/*

Template Name:淘宝客模板

*/

?>

3、修改图片路径为绝对路径。

/left/

三、js分别封装淘宝客链接：

1、修改广告页面链接

/sub.html?id=1

2、在load.js文件里面添加对应淘客链接

3、sub.html放到主题目录下面

四、建立page页面

1、新建page页面并选择制作的排行榜模板；

2、设置》常规首页页面选择创建的页面。