博客模板制作标签文档.docVIP

Wp百科网博客主题模板制作教程 课程目标：制作出一个漂亮的主题 课后作业，跟着视频，完成一个相同主题的制作。 Wp百科网博客主题模板制作教程 1 第一课、WP模板结构分析 1 第二课、如何制作一个最简单的模板 1 第三课、如何利用免费css模板做模板 2 第四课、分离首页 3 第五课、制作header.php模板 3 第六课、侧边栏sidebar.php的制作 4 第七课、底部footer.php制作 5 第八课、首页index.php制作 5 第九课、子模板制作 6 第十课、404.php制作 6 第一课、WP模板结构分析 1、index.php首页模板 1、header.php头部 2、sidebar.php侧边栏 3、footer.php底部 2、style.css样式表 3、single.php文章内页模板 4、page.php页面模板 5、archive.php分类页面模板 6、search.php搜索模板 7、404.php错误提示模板 8、模板结构图 第二课、如何制作一个最简单的模板 最简单的一个主题必须要有2个文件，index.php和style.css，一定要注意文件后缀名正确。 如何理解标签的原理： 获取博客名字：?php bloginfo(name); ? 获取主页路径：?php echo get_option(home); ? 获取主题存放路径：?php bloginfo(template_directory); ? Style.css路径调用：?php bloginfo( stylesheet_url ); ? 通过以上四句现在明白了这些标签的作用了吧 第三课、如何利用免费css模板做模板 1、下载免费的css模板 可以通过百度搜索“模板”，“div模板”，“div+css”等关键词搜索到以下网站，这些地方都是可以免费下载到漂亮的html页面的2、添加style.css版权信息 /* Theme Name: WP百科网主题 Theme URI: Description:这是我们做的第一个主题哦 Author: WP百科网 Author URI: Version: 1.0 Tags: white, blog, WP百科网, blue */ 3、如何把静态页面改成WP首页 3-1、修改index.html为index.php 3-2、index.php中的css文件调用改成WP标签调用 Style.css路径调用：?php bloginfo( stylesheet_url ); ? 4、后台缩略图 缩略图的名字必须是：screenshot.png或者screenshot.jpg 第四课、分离首页 1、分离header.php顶部模板 通过WP标签调用回来，调用顶部标签：?php get_header();? 2、分离sidebar.php侧边栏 通过WP标签调用回来，调用侧边栏标签：?php get_sidebar();? 3、分离footer.php底部模板 通过WP标签调用回来，调用底部标签：?php get_footer();? 第五课、制作header.php模板 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、调用分类目录和页面 页面调用： ?php wp_list_pages(sort_column=menu_ordertitle_li=include=); ? sort_column：根据后台页面顺序列出页面 title_li：显示或者隐藏列表的标题include：控制显示的页面 分类目录调用: ?php wp_list_categories(title_li=0orderby=nameshow_count=0depth=1); ? Orderby：按什么排列 show_count：分类日志数量depth：列表深度include：控制显示的页面 3、自定义添加导航链接 a href=”?php echo get_option(home); ?”首页/a 4、如何控制调用内容 Wordpress官方网站函数文档介绍： /zh-cn:%E5%87%BD%E6%95%B0%E5%8F%82%E8%80%83 第六课、侧边栏sidebar.php的制作 黑点 list