老薛主机

WordPress 技巧:使用页面模板自定义 WordPress 页面

如何自定义 WordPress 页面?

如果你定制或者设计过 WordPress 主题,那么你可能会遇到过这样的问题:

如何让 WordPress 的页面有不同的布局或者样式呢?

默认情况下 WordPress 是使用 page.php 来处理所有页面的外观的话,但是 WordPress 提供了页面模板的机制让 WordPress 开发者可以自定义 WordPress 每个页面的外观和布局。

使用 WordPress 页面模板

我们举个简单的例子比如你博客中所有的页面都有侧边栏,而在“关于”页面,你想内容的宽度能够扩展到这个页面的宽度。

下面就是详细的实现步骤:

  • 在当前使用的主题文件夹中创建一个新模板,将它命名为 about.php。
  • 然后把 page.php 模板中的内容拷贝到 about.php 文件中。
  • 接着,找到模板文件中调用 sidebar 的函数,去掉或者注释掉它。
  • 可能需要找到 content div 标签,并手动给它增加一个 width 样式来扩展宽度以便能够占满整个 container div 标签。

完成之后,到 about.php 的最上面插入以下代码:


<?php
/*
Template Name: 关于
*/
?>

做好上面修改之后,保存,并上传到服务器上的当前主题文件夹下。

然后就是让“关于”页面使用“关于”页面模板,登陆到 WordPress 后台,创建新页面,或者编辑 about 页面(如果已经创建了),在右边,点击页面模板的下拉菜单,在下拉列表中找到“关于”,选择它并点击保存。

这样“关于”页面和你其他的页面使用不同的布局了。

使用 WordPress 页面模板技巧是非常常用的技巧,特别是那些把 WordPress 当作 CMS 的用户。发挥你的想像力,你可以用它创建出一些非常有创意的页面。

阅读了这篇文章的用户:

  • 丷x丶
  • 塔木陀:一个有趣的网站
  • 哥特复兴
  • Cnxjun
  • 旅行的行
  • upcyoung
  • liukai9792
  • 音灵子
  • Bigteeth
  • gkiwi
  • fiture
  • Brick
  • Houyonglu
  • 李梁
  • 微Fan
  • Ming
  • Lison
  • 马蹄室内设计网
  • FreeGeeker
  • 王涛_Eric
  • 安小羽_羽泷
  • linmumu
  • 变胖一点
  • 微信吧 - 官方网站
  • shimmy1996
  • q1...e@163.com
  • James-JianlieLi
  • 邂逅一片天
  • -Oishi-
  • BrianWooster
  • 郝海龙
  • 天然卷
  • 天善智能
  • CodeSweetie
  • dfadf
  • beautifulguy_1
  • 白樱花开
  • 鸿毛21
  • 间歇性清醒的阿米大伯
  • Exclusively For Work
  • ShareMan
  • 一里之父
  • 林丹
  • 仪器迷
  • 巨蟹嗨啊123
  • 方逸涛
  • as128214121
  • PolyMaxine
  • 恒泰广告三明
  • TimeFoam
  1. 我按照你说的创建了,但是宽度这里有问题。你看看哪里错了?

    显示出来的是没有sidebar,但是页面宽度与以前一样
    该如何修改呢?多谢了!

  2. 我有留,可是不知道怎么显示不了啊?
    能告诉我width标识是怎么样么?我用的就是w i d t h = 680
    (我怕打在一起又不显示了)直接添加在
    这个框框里面

  3. 鱼,如果我要首页和内页有不同的右边栏呢?怎么处理?哈哈,我知道你不是wordpress客服,我觉得这是个挺有意思的东西,要是有空,咱们可以聊聊这个话题,“首页、内页不同的右边栏”。谢谢了。

  4. 你好,如何才能做到想你的导航栏一样,用页面来给自己的东西进行分类,并也当前页面高亮显示?

    我现在是在head里手动添加标签进行分类链接的,因为在后台添加页面,要是写日志还是会在首页显示,不会出现分类链接。

  5. 有个问题想请教一下,如何增加一个 width 样式来扩展宽度以便能够占满整个 container div 标签,我不懂代码,还请帮下忙,感激不尽……,能具体说下添加在哪里,添加什么代码吗?O(∩_∩)O谢谢!

热门文章