wordpress,物流公司模板.doc

wordpress,物流公司模板 篇一：WordPress企业主题模板制作教程 企业主题模板制作教程 课程目标：制作出一个wordpress的主题 第1课 WordPress企业网站主题分析 1、首页 产品图片 和 滚动图片 2、产品页面 3、文章列表页面 4、单个文章（产品）页面和page页面 第2课 静态页面转化成WP模板和头部制作 1、 静态转模板 1.1、制作style.css 移动images文件夹下面的css到主题文件夹下面，重命名为style.css 添加主题版权信息： /* Theme Name: WPHost Theme URI: / Description: 。。。。。。官方主题定制设计和开发: lt;a href=/。。。。。。lt;/a. Version: 3.6 Author: 。。。。。。 Author URI: / Copyright: (c) 。。。。。。 */ 1.2、制作index.php 1-2-1、修改css文件路径 Style.css路径调用：lt;?php bloginfo( #39;stylesheet_url#39; ); ? 1-2-2、修改所有相对路径为WP绝对路径 获取主题存放路径：lt;?php bloginfo(#39;template_directory#39;); ? 1-2-3、删除多余的CSS代码 1-2-4、修改style.css里面图片路径 2、顶部模板制作 分离头部，改用WP调用，调用顶部标签：lt;?php get_header();? 2-1、元信息调用 lt;meta http-equiv=Content-Type content=text/html; charset=lt;?php bloginfo( #39;charset#39; ); ? / lt;titlelt;?php if (is_home()||is_search()) { bloginfo(#39;name#39;); } else { wp_title(#39;#39;); print - ; bloginfo(#39;name#39;); } ? lt;/title lt;?php wp_head(); ? 2-2、二级目录导航制作 lt;script type=text/javascript var topMenuNum = 0; $(#nav_sgBhgn li).hover( function(){ topMenuNum++; $(this).attr(id,kindMenuHover+topMenuNum); $(#kindMenuHover + topMenuNum + ul).show(); $(this).parent().addClass(hover); }, function(){ $(#+$(this).attr(id)+ ul).hide(); $(this).attr(id,); $(this).parent().removeClass(hover); } ); lt;/script 分类目录调用标签： lt;?php wp_list_categories(#39;title_li=0amp;orderby=nameamp;show_count=0amp;depth=1#39;); ? 页面调用： lt;?php wp_list_pages(#39;sort_column=menu_orderamp;title_li=amp;depth=2amp;include=#39;); ? 自定义首页：lt;a href=” lt;?php echo get_option(#39;home#39;); ?”首页lt;/a 顶部空白如何处理 functions.php里面添加下面代码。 add_filter( #39;show_admin_bar#39;, #39;__return_false#39; ); 2-3、幻灯片替换 参考《div+css入门实战2012版》最后一课，幻灯片专题。 第3课 侧边栏和底部制作 1、分离侧边栏 通过WP标签调用回来，调用侧边栏标签：lt;?php get_sidebar();? 2、调用某个分类下的文章 lt;?php $rand_posts = get_posts(#39;numberposts=5amp;category=1amp;orderby=date#39;);foreach($rand_posts as $post) : ?lt;lil