当前位置: » 技术分享 » WP主题制作-第14课:页脚和分度索引

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

本文共1121个字,预计阅读3分钟。

今天,我们总结样式并开始将  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()
喜欢 0
转载请标明出处:创之梦博客
本文地址:http://52czm.cn/?p=1076
  • 近期文章
  • 标签云
    css3妙用 (8) H5分享 (4) HTML基础 (4) jquery/js特效 (3) Linux服务笔记 (5) MYSQL笔记 (1) php学习 (6) SEO排名 (2) Vue学习 (2) WP主题制作 (27) 博主推荐 (1) 博客有趣挂件 (1) 玩转重装系统 (3) 网站建设 (2) 美文推荐 (2) 随笔录 (3)
  • pomoshh-psihologa-online :

    pomoshh-psihologa-online pomoshh-psihologa-online

  • 创之梦 :

    离大佬还早着,哈哈哈,这个相对比较基础,还有很多东西

  • 程志辉 :

    点赞!!!感觉越来越大佬了

  • 52czm.cn :

    本博客主题个人原创制作,采用wordpress bootstrap4 ,有兴趣的

  • 52czm.cn :

    留言之前自己做美化感觉效果不是很好 所以用了插件实现 推

  • 52czm.cn :

    看文章的时候,js脚本我怕影响加载速度,文章页我就取消了