wordpress不同页面用不同模板

编辑整理:整理来源:油管,浏览量:102,时间:2023-02-26 12:45:01

wordpress不同页面用不同模板,wordpress不同页面用不同模板,wordpress不同页面用不同模板

前沿:wordpress不同页面用不同模板



WordPress支持使用不同的模板来显示不同的页面,可以通过以下步骤来实现:

1. 在WordPress后台的“外观”菜单下,点击“主题”,然后点击“编辑”,进入主题编辑页面。

2. 在主题编辑页面,点击“添加新模板”,然后输入模板名称,点击“创建新模板”。

3. 在新模板的编辑页面,可以编辑模板的内容,然后点击“保存”按钮保存模板。

4. 在WordPress后台的“页面”菜单下,点击要使用新模板的页面,然后在页面编辑页面,在“模板”下拉菜单中选择新模板,然后点击“更新”按钮保存页面。

5. 刷新页面,即可看到新模板的效果。
wordpress不同页面用不同模板

在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>

如下图:

wordpress不同页面用不同模板

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

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

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

include("header.php");

wordpress不同页面用不同模板

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

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

get_header();

wordpress不同页面用不同模板

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

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


补充拓展:wordpress不同页面用不同模板

在主题文件夹中来自创建一个新模板,命名为Tag.越封搞php ,然后把 page.php 模板中的内容拷贝到 Tag.ph建评磁真p 文件中。 接着,找到模板文件中调用 sidebar 的地方,去掉或者注释它 ,可能需要找到 content div 标签,并手动给它增加密乐江朝烧一个 width 样式来乱针作众超扩展宽度以便能够占满整个 container div 标签。
完成之后,到 Tag.php 的最上面插入以下代码:
以下为引用的内容:
<?湖艺控命特杂县派php/*Template Name: Tag误合眼劳菜还乎愿矿把*/?>
当完成添加代码之后,保存文件并上传到服务器上的当前主题文件夹下。
现在是时候去使用 WordPress 管理界面让 Tag 页面使用 Tag 页面模板,假如不知道的话,这里是具体做法:
进入创建娘想儿款新页面,或者编辑 Tag 页面(大假如已经创建了),在右边,会看到一些不同的标题,如平路,页面状态,页面密码,上级页面,页面模板,页面缩略名,页面作者,页面顺序。点击页面模板的边上的加号,在下拉据交粮村起亲总坐补点它列表中找到 Tag ,选择它并点击保存。
现在 Tag 页面和其他的页面使用不同的主题。
wordpress不同页面用不同模板

行业热门话题:

【wordpress不同页面用不同模板】【wordpress不同页面用不同模板】【wordpress不同页面用不同模板】
wordpress不同页面用不同模板完!

相关推荐:


关键词文章生成器,点击查看演示目录:http://www.wskqs.cn/shisange/


惯例 惯例的意思| 网店代运营公司排名-代运营电商公司排行榜| 企业纳税筹划节税好吗 汕头金平区纳税筹划节税金额怎么算| 辛庄镇电商代运营公司排名| 奶茶餐饮软文营销案例| 这篇软文营销攻略| 装修平台网站接单 浓溪镇装修平台网站接单流程| 水稻营销软文范例-水稻营销软文范例图片| 毛集实验区节日软文热点资讯营销| 海宁长安镇企业日常经营筹划-公司经营运作|
投稿| 1024(定向养站+文章采集+ai聚合)目录程序| 1888(定向养站+文章采集+ai聚合)泛目录版| 双标题| 挖关键词| 违禁词删除| 免费配图| 自助解答| 站长变现| 今日头条| 问答聚合| 818(今日头条资讯聚合演示)| 1024(采集聚合+ai聚合)| 1024 (AI定向养站目录程序)| 淘客文章带货| 伪原创| 定向养站目录程序| ai写作目录程序

苏ICP备2021004623号 (免责声明:本网站部分内容由用户自行上传,如权利人发现存在侵犯其权益情形,请及时与本站联系。)(版权所有:昆山市一路火信息技术服务中心) 友情导航 网络警察提醒您 中国互联网辟谣平台 中国文明网传播文明 中国互联网举报中心