WP主题制作-第14课:页脚和分度索引

今天,我们总结样式并开始将  index.php 文件分为多个小文件。 在今天的课程中,您将需要  style.css。稍后,您将使用  index.php  以及创建一些新文件。终于吧?是的,您快完成了。

打开Xampp,主题文件夹,Firefox,IE,index.php和style.css。

第1步

 在页脚  DIV中添加  10px的顶部填充  。您还记得如何添加填充吗?这次我不给您密码。

第2步

 将页脚内的所有  P标签的 行高设置为  18px。那是  #footer p {}。(今天您已经完成了style.css。)

第三步

  • 创建一个新文件,将其命名为  header.php。确保结果是一个PHP文件,而不是文本文档。
  • 在  index.php  文件中,从头文件  DIV 的末尾开始处理  它上面的所有内容。将其粘贴到  header.php  文件中。
create-headerphp
复制标题

这是我的header.php文件。不要从我的文件中复制和粘贴。从index.php  文件复制并粘贴  。

<div id =“ wrapper”>

<div id =“ header”>

<h1> <a href="<?php bloginfo('url'); ?>“> <?php bloginfo('name'); ?> </a> </ h1>

<?php bloginfo('description'); ?>

</ div>

第四步

对于您复制并粘贴到index.php中的所有内容。仍然在index.php文件中,将其替换为:

<?php get_header(); ?>

获取标题

是WordPress主题系统中的一个函数,用于专门包含header.php文件,而不是使用  <?php include(TEMPLATEPATH。'/header.php'); ?>

保存并刷新浏览器。您应该看不到任何变化。如果在进行更改后您的主题看起来很破损,则说明存在错误。

第四步

  • 步骤4更像是同一件事。这次,创建  sidebar.php  文件。
  • 补充工具栏  DIV 的开始  到末尾,复制并粘贴到  sidebar.php  文件中。
  • 然后,在  index.php  文件中,将其替换为  <?php get_sidebar();。?>
  • 保存并刷新浏览器。同样,您应该看不到任何更改。
  • 这是我的  sidebar.php  文件。
获取侧边栏

第5步

  • footer.php  文件重复上述步骤  。
  • 这是我的 footer.php  文件。
站起来

课程复习

  • 您创建了三个新文件:  header.php,  sidebar.php和  footer.php
  • 您学习了三个新函数:  get_header(),  get_sidebar()和  get_footer()

未经允许不得转载:创之梦博客 » WP主题制作-第14课:页脚和分度索引

赞 (0)
分享到:更多 ()

欢迎各位吐槽评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址