- 1、本文档共11页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
wordpress企业主题制作教程
企业主题模板制作教程
课程目标:制作出一个企业的主题
第1课 WordPress企业网站主题分析
1、首页 产品图片 和 滚动图片
2、产品页面
3、文章列表页面
4、单个文章(产品)页面和page页面
第2课 静态页面转化成WP模板和头部制作
静态转模板
1.1、制作style.css
移动images文件夹下面的css到主题文件夹下面,重命名为style.css
添加主题版权信息:
/*
Theme Name: WPHost
Theme URI: /
Description: WPYOU官方主题定制设计和开发: a href=/WPYOU/a.
Version: 3.6
Author: WPYOU
Author URI: /
Copyright: (c) WPYOU
*/
1.2、制作index.php
1-2-1、修改css文件路径
Style.css路径调用:?php bloginfo( stylesheet_url ); ?
1-2-2、修改所有相对路径为WP绝对路径
获取主题存放路径:?php bloginfo(template_directory); ?
1-2-3、删除多余的CSS代码
1-2-4、修改style.css里面图片路径
2、顶部模板制作
分离头部,改用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、二级目录导航制作
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);
}
);
/script
分类目录调用标签:
?php wp_list_categories(title_li=0orderby=nameshow_count=0depth=1); ?
页面调用:
?php wp_list_pages(sort_column=menu_ordertitle_li=depth=2include=); ?
自定义首页:a href=” ?php echo get_option(home); ?”首页/a
顶部空白如何处理
functions.php里面添加下面代码。
add_filter( show_admin_bar, __return_false );
2-3、幻灯片替换
参考《div+css入门实战2012版》最后一课,幻灯片专题。
第3课 侧边栏和底部制作
1、分离侧边栏
通过WP标签调用回来,调用侧边栏标签:?php get_sidebar();?
2、调用某个分类下的文章
?php $rand_posts = get_posts(numberposts=5category=1orderby=date);foreach($rand_posts as $post) : ?
lia href=?php the_permalink(); ??php the_title(); ?/a/li
?php endforeach;?
更多按钮链接:?php echo get_option(home); ?/
3、产品树形结构调用
div class=sidebar
ul
li
ul
?php wp_list_categories(title_li=0orderby=nameshow_count=0depth=3); ?
/ul
/li
/ul
/div
Css样式:
.sideb
您可能关注的文档
- photoshop实例教程-26 飘动的旗.pdf
- photoshop打造时尚封面设计教程.doc
- photoshop简单制作不锈钢金属质感文字效果教程.doc
- photoshop教程 photoshop技巧 photoshop绘图技巧 photoshop制作漂亮的彩色发光圆环.doc
- photoshop笔刷制作蓬松漂亮的云彩.doc
- photoshop教程 photoshop技巧 photoshop绘图技巧 绘画技巧 photoshop制作半透明的橙色玻璃图标.doc
- photoshop经典实例教程.doc
- pix防火墙配置基础ppt.pdf
- php 01ppt.ppt
- powerpoint 2003幻灯片制作软件.doc
- 江苏无锡市新吴区旺庄街道残联招考聘用2人公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 江苏无锡市第二人民医院编外员工招考聘用7人(二)公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 2024届上海市长宁区高三二模数学试题及答案.pdf
- 2024届上海市崇明区高三二模数学试题及答案.pdf
- 江苏无锡旅游商贸高等职业技术学校招聘编外工作人员2人历年公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 2024届上海复旦附中高一下3月英语试题及答案.docx
- 2024届上海静安区高三一模英语试题及答案.pdf
- 江苏泰州兴化市行政审批局招考聘用编外合同制工作人员4人公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 2024届上海静安区中考初三二模化学试题及答案.docx
- 2024届上海格致中学高三下英语摸底考试卷及答案.pdf
文档评论(0)