jq 直接调用php文件_在wordpress网站模板中,怎样添加和调用公共头部模板?

news/2024/5/17 7:11:45/文章来源:https://blog.csdn.net/weixin_31623343/article/details/112350769

在wordpress网站模板主题开发中,我们可能会碰到这样一个问题:wordpress网站前台页面的头部、侧边栏、底部的数据基本上是差不多的,有的甚至是一模一样的,这时,我们还有必要在每一个页面的头部、侧边栏、底部重复添加或修改相同的代码吗?有没有更好的方法。当然是有的,我们可以把这些内容代码相同的部分,分割出来,放到一个公共的模板中,其它页面可以直接引用就可以了。这样的好处是,不需要每个页面模板都重写这些代码,而且在后期的wordpress模板维护修改时,也方便维护修改——在需要修改这几个部位的代码时,只需要修改这几个公共模板就可以了。下面,就随我一起来为wordpress网站模板创建公共模板吧,我们将以头部模板为例来做一下演示。

第一步:创建公共模板文件。

首先,我们在wordpress网站模板目录下3个创建公共模板文件:header.php(头部模板)、sidebar.php(侧边栏模板)、footer.php(底部模板),这些模板文件的名字是wordpress主题模板默认的模板名。当然,我们也是可以用其它名字的,不过,没有这些文件名方便好用。

第二步:把头部代码分离出来,放到头部模板中。

在sublime编辑器中打开wordpress模板的index.php首页模板文件,在代码中找到<!DOCTYPE html>和</header>标签(这里的模板是我们前面文章中创建的app模板),然后,把这两个标签之间的代码全部剪切下来,粘贴到header.php这个公共头部模板中,代码如下:

< !DOCTYPE html>
< html>
< head>
< meta charset="UTF-8">
< title>
< ?php
wp_title(" - ",true,right);
bloginfo("name"); echo " - ";
bloginfo("description");
?>
</title>
< link rel="stylesheet" href="< ?php bloginfo("stylesheet_directory"); ?>/style.css">
< ?php wp_head(); ?>
</head>
< body>
< header>
< ?php
$menu = array(
'container' => false, //最外层标签名。
'container_class' => '',
'menu_class' => 'aaa',
'menu_id' => '',
'theme_location' => 'menu_top', //菜单名 。
);
wp_nav_menu($menu);
?>
</header>

如下图:

83bcba1cbb823af484ba0400ef3999e2.png

第三步:在首页模板或其它页面模板中引入头部模板。

分离出头部的代码后,首页模板index.php文件代码就没有了头部的原始代码了,这时,我们打开wordpress网站前台页面,就会出现页面布局乱了,因为没有了头部,也就没有了CSS样式了。那么,我们怎样在首页模板中引用这个公共的头部模板呢?方法有两种。

方法1:使用PHP函数—— include()来引用头部模板header.php。代码如下:

include("header.php");

4e54c7f54f76e0b721ba608503cd961d.png

通过include()函数引入的方式,有它独特的好处,它可以引入任何名字的.php后缀的文件,也就是说,我们的公共头部模板名不是header.php,也是同样可以方便引入的。

方法2:通过wordpress函数来引入头部模板header.php。代码如下:

get_header();

3010caf5ca8b4e8114b562669154869c.png

​这个函数在没有参数的情况下,可以直接引入模板名为header.php的模板文件。这个函数也可以给它添加一个参数,如:get_header("mobile"),这就是要引用wordpress模板文件header-mobile.php。加参数引入公共模板时,这个公共模板的名字必须是以header-作为前缀的。

以上,我们简单介绍了“如何为wordpress添加和调用公共模板header.php”。侧边栏模板和底部公共模板的创建和引用方式也是一样的,只是wordpress自带的调用函数不一样,侧边栏调用函数是get_sidebar(),底部模板调用函数是get_footer(),它们的使用方式跟get_header()函数是一样的,这里就不多说了。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_770245.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mysql数据库乱码原因linux_乱码产生原因 - MySQL乱码问题深层分析_数据库技术_Linux公社-Linux系统门户网站...

二、乱码产生原因MySQL 字符编码是版本4.1引入的&#xff0c;支持多国语言&#xff0c;而且一些特性已经超过了其它大多数数据库管理系统。正因为这一特性才导致 MySQL 的乱码问题。字符集是一套符号和编码。校对规则是在字符集内用于比较字符的一套规则。让我们使用一个假想字…

让网站添加人性化的声音提示

有时候&#xff0c;网页和客户是互动的&#xff0c;需要某些声音来提示客户&#xff0c;在这里贴段代码&#xff1a;客户端声音提示function notifyClientForMessage(){ var s "<object classid\"clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95\" id\"…

如何用 Flexbox 构建一个新闻网站布局

本文讲的是如何用 Flexbox 构建一个新闻网站布局&#xff0c;你将要创建的东西 在你刚接触 Flexbox 的时候没有必要理解关于 Flexbox 的 所有 方面。在这篇教程中&#xff0c;我们将介绍 Flexbox 的一些新特性。同时设计一种新的、像 The Guardian 一样的布局方式。 我们使用 F…

浏览器字体大小设置_外贸建站的 常用CSS设置

今天我们来说说外贸建站的 常用CSS设置 。CSS设置这方面的内容比较侧重于代码技术类&#xff0c;有些同学会觉得去研究这方面的东西太费事费力&#xff0c;投入产出比不高。事实上&#xff0c;当你掌握了这方面的相关技术&#xff0c;你对网站的前端构建会有全新的认识。一般情…

VS2019 配色_设计师必看|这10个网站可以帮你更快做好配色

本文共1189字&#xff0c;阅读大约3分钟对于一个设计师来说&#xff0c;颜色太重要了&#xff0c;但是配色是比较难的一门学问&#xff0c;不是说看几篇文章就能学会的。对于大多数人来说&#xff0c;使用网上的工具进行配色是最简单高效的方式&#xff0c;这篇文章就来介绍10个…

html网站开发与php网站开发_网站开发的三个时代:网页制作、前端开发、后端开发...

网站开发共经历了三个时代分别是“网页制作”、“前端开发”、“后端开发”。下边谈一谈这三个时代分别是怎样的&#xff0c;和千锋广州小编一起来看看吧。网页制作网页制作是Web 1.0时代的产物&#xff0c;产生在2005年左右。那个时候的网页主要是静态页面。静态页面就是能使用…

asp还有人用吗_使用Asp.net Core3amp;Blazor 的全栈式网站开发体验

编者注&#xff1a;这是一篇写于2019年8月份的文章&#xff0c;文中有些内容需要根据最新状态进行调整。以下是重要步骤截图配注解&#xff1a;一、全栈的解决方案架构.Net Core3的全栈解决方案示意图。此图的第一部分Client 是可以灵活替换的&#xff0c;哪怕它是Vue,Angular …

网站访问量怎么刷_怎样提高网站的访问量?

如今互联网发达的时代&#xff0c;建立一个网站并不难&#xff0c;难的是怎么能够让网站提现价值&#xff0c;带来更加多用户和效益的转化&#xff0c;但是网站建设完成之后开始运行&#xff0c;却发现网站访问量非常少&#xff0c;那么如何提高网站访问量呢&#xff1f;一、明…

各大网站网页代码_无需任何软件,轻松下载网页上的视频

大家好&#xff0c;我是专注营销策划和PPT技巧的JS策划人&#xff5e;我们通常会碰到这样一个难题&#xff1a;需要下载网页上的视频的时候&#xff0c;不知道怎么下载&#xff0c;去各大视频网站上搜索&#xff0c;发现都先要安装客户端&#xff0c;并且下载下来的视频文件要么…

白山搜索引擎优化收费_SEO和SEM有什么区别?做网站优化如何选择?哪个更重要?...

首先&#xff0c;要说一下,SEM和SEO两者是包含关系&#xff0c;而不是付费广告和自然排名的的并列关系。很多人搞不清两者的概念&#xff0c;就会出现SEM就是付费广告&#xff0c;SEO是自然排名的不正确理解&#xff0c;并且这种说话还被越传越广。其实两者很容易区分,举个小例…

一个万能的工具包下载网站

https://pypi.python.org/simple/ http://www.lfd.uci.edu/~gohlke/pythonlibs/

基于androidx的快速开发框架_关于 TuziCMS是基于ThinkPHP框架开发的企业网站内容管理系统...

#关于 TuziCMS(兔子cms)是基于ThinkPHP框架开发的企业网站内容管理系统&#xff0c;国内PHPMYSQL 开源建站程序&#xff0c;它具有操作简单、功能强大、稳定性好、扩展性强&#xff0c;二次开发及后期维护方便&#xff0c;可以帮您快速构建起一个强大专业的企业网站。TC 软件具…

phpstudy快速搭建网站_「网站」快速搭建服务器环境及网站

网站域名与云服务器 - 网易云课堂​study.163.com在文章开头我想说明的是&#xff0c;此文章中所使用的工具为 BT 面板即宝塔面板&#xff0c;适合小白使用但是对于想要提升个人能力来说&#xff0c; BT 面板并不是一个好选择&#xff0c;而作为新手来说&#xff0c;可以使用该…

url模糊匹配优化_详情页怎么做SEO优化?

今天&#xff0c;赵彦刚与你一起围绕详情页怎么做SEO优化的问题展开讨论一下&#xff0c;也算是分享一下自己多年以来做文章、商品以及图片、电影等流量站的一些SEO的经验。很多人一直关注的是我们的网站首页关键词排名&#xff0c;按照本文的标题也就是网站首页如何做SEO优化&…

图片网站源码_网站首页被黑客篡改,查看备份文件中内容,根据时间点来排查...

网站首页被非法篡改&#xff0c;是的&#xff0c;就是你一打开网站就知道自己的网站出现了安全问题&#xff0c;网站程序存在严重的安全漏洞&#xff0c;攻击者通过上传脚本木马&#xff0c;从而对网站内容进行篡改。而这种篡改事件在某些场景下&#xff0c;会被无限放大。现象…

网站群2

引用&#xff1a;http://wzq.xa24h.com/portal.php?modview&aid2604 项目背景 上海计量测试技术研究院(SIMT)是由政府部门依法设置的法定计量检定机构&#xff0c;也是国务院计量行政管理部门批准建立的“华东国家计量测试中心”和国家科技部批准设立的国家级分析测试中心…

电脑没有安装iis,但是安装了.NET环境,如何调试网站发布的程序

大家在用.NET开发的网站发布后&#xff0c;如何在本地进行部署调试呢&#xff1f;前提是你本地没有安装IIS。 今天教大家一个小招&#xff0c;其实大家在安装完.NET开发环境后&#xff0c;会内置一个IIS&#xff0c;只需要用一个简单的命令就可以进行调试了 命令如下&#xff1…

网站漏洞修复方案防止SQL注入攻击漏洞

2019独角兽企业重金招聘Python工程师标准>>> SQL注入漏洞在网站漏洞里面属于高危漏洞&#xff0c;排列在前三&#xff0c;受影响范围较广&#xff0c;像asp、.net、PHP、java、等程序语言编写的代码&#xff0c;都存在着sql注入漏洞&#xff0c;那么如何检测网站存在…

【推荐收藏】10个获取免费网页背景纹理的最佳网站

在这篇文章中&#xff0c;我向大家推荐10个最好的背景图片和纹理资源免费下载网站。很多时候&#xff0c;我们看到的网站多是看上去平淡无奇&#xff0c;迫切需要增添一些色彩&#xff0c;彰显一点个性。装饰一个网站&#xff0c;最简单的方法是用一个新的主题&#xff0c;或者…

JMeter测试网站性能吞吐量

JMeter通过HTTP请求测试网站的方法见这个博文&#xff1a;http://leafwf.blog.51cto.com/872759/1618409 我的测试数据截图&#xff1a; 测试数据库的性能&#xff1a; 腾讯云机器测试数据&#xff1a;主机配置&#xff1a; CPU&#xff1a;1核 主频&#xff1a;2294.686M …