• 关于教程
  • 主题制作
  • 读书笔记
  • 生活笔记
  • 关于我
  • 有问题加我QQ 248758228

    wordpress头部文件 – header.php

    更新时间:2018-05-27 14:44:20

    【温馨提示:视频教程将在6月份开始更新,可提前购买,1-10元一节课,联系QQ248758228】


    通过前面的介绍,我了解了wordpress的文件结构和页面的加载顺序,今天我开始写主题。

    从头部文件开始纯属是迎合市场。在前面我们已经说过。一个wordpess主题最少可以只有2个文件。不包括这个header.php。

    为什么要这个文件呢?

    主要原因是:流行的网站,一般情况下,头部都是一样的。我们把网站头部的内容单独写在这个header.php文件里面。制作其他页面的时候,只需要使用get_header();函数引入这个文件就行了。

    不用把头部文件的内容复制到每一个模板文件。后期你要修改头部的时候,只需要修改这个文件就可以了,省心、省时、省力。

    当然,如果你的网站每个页面的头部都不一样,那么,你就不需要这个文件。直接把头部内容写在需要的文件里面就行了。

    视频教程中使用的主题文件下载

    下载地址:2018060309373023

    先看一个基本的HTML文件

    <!DOCTYPE html>
    <html>
    <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
            <title>开始使用layui</title>
            <link rel="stylesheet" href="style.css">
    </head>
    <body>
    
    <!-- 你的HTML代码 -->
    
    <script src="x.js"></script>
    <script>
            //一般直接写在一个js文件中
    </script>
    </body>
    </html>

    上面这个是一个基本的HTML文件。我们可以把头部分离出来,写在公用的头部文件内。

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>开始使用layui</title>
    <link rel="stylesheet" href="style.css">
    </head>

    上面这一部分,我们就可以作为公用的头部,这个公用的头部内容到底写到那里。主要取决于你的网页代码中,最开始的地方有多少是一样的,这里说的一样是结构一样,输出的内容我们可以通过判断来处理

    头部文件需要注意的几个问题

    1. 所有引用的文件,css\js等,路径一定要正确,一般情况下,所有资源都放在主题文件下面,使用<?php bloginfo(‘template_url’);?>获取网站模板文件的路径。把你的CSS引入格式写成来类似<link rel=”stylesheet” href=”<?php bloginfo(‘template_url’);?>/style.css”>这样的。具体的路径,根据实际情况来定。
    2. 网站标题是用<?php wp_title();?>函数来显示,这个函数在首页默认没有输出。
    3. 如果是自己定义的函数来显示标题,一定要考虑不同的页面是否应该使用不同的标题。
    4. 为了增加主题的适应性,head标签之内,必须添加<?php wp_head();?>函数,如果没有这个函数,你后期安装的插件可能出现功能异常。
    5. 必要情况下。需要指定网站使用的语言<?php bloginfo(‘language ‘);?>
    6. 必要情况下。需要指定网站使用的HTML类型。<?php bloginfo(‘html_type’);?>
    7. 不同的页面使用不同的关键词、网页描述。

    你的头部文件大概是这样的

    <!DOCTYPE html>
    <html>
    <head>
            <meta charset="<?php bloginfo('language ');?>">
            <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
            <title><?php wp_title();?></title>
            <link rel="stylesheet" href="<?php bloginfo('template_url');?>/style.css">
            <?php wp_head();?>
    </head>

    在实际应用中,头部文件是很复杂的,设计到网站导航菜单等各种功能实现。导航菜单的问题我们将在后期的课程中讲解,本章内容中,导航我们使用静态文件。关于头部文件中的其他功能和用法,请参阅HTML头部文件

    再次申明:学习本教程必须会点基础的HTML和CSS知识。如果你不会,请尽快学习。

                   

      0个问题

    WordPress主题制作

  • 01、前言
  • 写给读者重要说明运行环境
  • 02、开始制作
  • 极简主题基本函数主题信息静态采集头部文件底部文件默认首页wordpress侧边栏 - sidebar.phpwordpress分类目录 - cagegory.phpwordpress404页面 - 404.phpwordpress文章内容页 - single.phpwordpress页面文件 - page.phpwordrpess文章归档 - archive.phpwordpress评论文件 - comments.phpwordpress搜索结果页 - search.phpwordpress图片展示 - image.phpwordpress函数文件 - functions.phpwordpress自定义文件 - xxx.phpwordpress原生拓展文件 xxx-xxx.php
  • 03、主题结构
  • 主题结构首页加载归档页加载内容页加载页面加载其他加载
  • 04、导航菜单
  • wordpress主题使用导航菜单功能一:注册菜单wordpress主题使用导航菜单功能二:基本调用wordpress主题使用导航菜单功能三:替换适配wordpress主题使用导航菜单功能四:继承类适配wordpress主题使用导航菜单功能五:功能添加
  • 04、文章循环
  • wordpress文章循环详解一:基本循环wordpress文章循环详解二:参数循环wordpress文章循环详解三:自定义筛选wordpress文章循环详解四:多条件或、与、非筛选wordpress文章循环详解五:使用或者集成ACF高级字段插件
  • 05、文章类型
  • wordpress添加自定义文章类型一:注册类型wordpress添加自定义文章类型二:支持伪静态wordpress添加自定义文章类型三:注册分类法wordpress添加自定义文章类型四:添加标签功能wordpress添加自定义文章类型五:独立展示
  • 06、评论系统
  • 07、用户相关
  • wordpress添加用户角色wordpress添加用户字段
  • 08、注册登录
  • wordpress原生登录系统改造wordpress添加前台登录功能一:POST提交wordpress添加前台登录功能三:AJAX无刷新登录wordpress添加前台注册功能
  • 09、页面相关
  • 10、媒体/附件
  • wordpress使用ajax上传图片到媒体库,layui富文本编辑结合wordpress
  • 11、小工具
  • 12、排序相关
  • 13、数据库
  • wordpress数据库结构介绍wordpress数据库操作之一:新增数据表wordpress数据库操作之二:添加数据wordpress数据库操作之三:查询数据wordpress数据库操作之四:删除数据wordpress数据库操作之五:更新数据
  • 14、在线支付
  • 15、常见问题
  • 16、功能案例
  • 17、伪静态
  • 刷新规则

    操作教程

  • 售后服务
  • <