`
dyllove98
  • 浏览: 1409034 次
  • 性别: Icon_minigender_1
  • 来自: 济南
博客专栏
73a48ce3-d397-3b94-9f5d-49eb2ab017ab
Eclipse Rcp/R...
浏览量:39175
4322ac12-0ba9-3ac3-a3cf-b2f587fdfd3f
项目管理checkList...
浏览量:80242
4fb6ad91-52a6-307a-9e4f-816b4a7ce416
哲理故事与管理之道
浏览量:133369
社区版块
存档分类
最新评论

WordPress 不同页面显示不一样的侧边栏

阅读更多

本文将告诉你如何在 WordPress 不同的页面显示不同的侧边栏内容. 如: 可以在首页显示 Archives, 但要在其他页面显示 Categories. 为什么要这么做呢? 因为访客在不同的页面会对不一样的内容感兴趣, 在首页可能他们愿意看到目录和索引等内容, 而在单篇文章则会对文章相关内容更加关注. 所以我们可以通过不同的侧边栏 Widgets 来引导访客.

这是个极其简单的主题加工, 本不想多言, 但貌似有些朋友还是不太了解, 所以专门发个文章说说, 老鸟请绕行.

 

首先要说明的是, 以下操作目前只能通过修改 sidebar.php 或相关代码达到目的. 目前还没发现有这样的插件, 我不知道开发这样一个针对 Widget 的插件是否有价值, 但有兴趣的朋友可以一试.

Okay, 下面我们来个例子吧, 假如现在的 Widget 结构如下:

<div class="widget xxx_widget">
	<h3>Widget Title</h3>
	<ul>
		<li>Item 1</li>
		<li>Item 2</li>
		<li>Item 3</li>
	</ul>
</div>

如果我们要在首页显示 Archives, 单篇文章显示 Categories, 其他页面显示 Meta, 则需要改动代码如下:

<?php if (is_home()) : ?>
	<div class="widget archives_widget">
		<h3>Archives</h3>
		<ul>
			<?php wp_get_archives(); ?>
		</ul>
	</div>
<?php else if (is_single()) : ?>
	<div class="widget categories_widget">
		<h3>Categories</h3>
		<ul>
			<?php wp_list_cats(); ?>
		</ul>
	</div>
<?php else : ?>
	<div class="widget meta_widget">
		<h3>Meta</h3>
		<ul>
			<?php wp_register(); ?>
			<li><?php wp_loginout(); ?></li>
		</ul>
	</div>
<?php endif; ?>

不知道你是否已经注意到, 其实关键在 is_home() 和 is_single() 方法的调用, 通过 if 语句限制显示条件. 你可以将它们换成其他限制条件, 以达到不页面的不同地方显示不同内容的目的, 而不仅仅是侧边栏. 还可以参考一下我发布过的那些主题里 archive.php 文件里 Archive 页面的标题是怎么实现的, 只要这个你弄懂了, 其他的就小菜一碟了.

WordPress 已经为我们提供了足够多的页面筛选方法, 以下一些相关资料:
Codex 关于页面限制方法的说明: WordPress Codex - Conditional Tags
你也可以打开 wp-includes/query.php 查看 WordPress 的源代码.

分享到:
评论

相关推荐

    wordpress人文古风主题 v2.5.zip

    在手机低分辨率下,页面的图标、按钮几乎和PC的显示有许多地方不一样。更干净、更容易操作、更方便。 一十三:视频、图片、框架都支持自适应,但必须按照模板使用文档的css格式来写,不然无效,具体看模板使用文档...

    WordPress博客主题 Beginning(更新至 4.1.1 版本)

    每个小工具都有丰富的设置,根据不同的设置可以显示不同的内容,因为 AJAX 加载时不刷新侧边栏,所以暂时不支持在不同的页面设置不同的小工具 本地化配置,针对中文网站对 WordPress 进行本地化改造,包括解决部分...

    基于PHP的wordpress瀑布流主题:Mumale v3.0.zip

    瀑布流布局,又称无限滚动或流式布局,是一种流行的网页设计方式,它以网格形式展示内容,随着用户滚动页面,新的内容会像水流一样无缝加载。 **PHP在WordPress中的作用** 1. **模板引擎**:WordPress的主题系统是...

    casablanko:用于构建自定义Wordpress网站的非常空白的模板

    6. sidebar.php:侧边栏模板,用于放置小工具和其他侧边栏内容。 7. single.php 和 archive.php:分别处理单个文章和归档页面的显示。 8. page.php:用于展示静态页面。 9. screenshot.png:主题的预览截图。 在 ...

    完美支持自适应电脑、平板电脑、移动设备,图标字体库,自适应各种终端设备,保证图形图标清晰无锯齿,支持Retina.rar

    7. `header.php`、`sidebar.php`和`archive.php` 是PHP模板文件,分别用于定义网站头部、侧边栏和归档页面的结构和内容。这些文件与HTML类似,但可以包含PHP代码以动态生成内容。 综上所述,这个压缩包包含了一个...

    WordPress的主题编写中获取头部模板和底部模板

    除了get_header()和get_footer()外,WordPress还提供了其他相关的函数来控制模板文件的加载,如get_sidebar()用于加载侧边栏模板,而get_template_part()可以用来加载任意指定的模板部分。掌握这些函数的使用,可以...

    TearSnow Fan

    TearSnow兼容IE6(IE六效果不是很好)及其他所有主流浏览器,浏览效果在不同内核的浏览器中有不完全一样的效果,不如在360浏览器中侧栏动态效果比较丑,但是其他浏览器都是非常爽的(具体还请自行检测)。...

    TemplateMonster 猫模板

    它们通常包括头部、导航、主体内容、侧边栏和页脚等部分,设计时已考虑到用户体验和响应式布局,能够适应不同设备的屏幕尺寸。TemplateMonster的模板不仅风格多样,覆盖了企业网站、电子商务、个人博客、摄影展示等...

    TearSnow Fan博客源码 v2.5

    TearSnow兼容IE6(IE六效果不是很好)及其他所有主流浏览器,浏览效果在不同内核的浏览器中有不完全一样的效果,不如在360浏览器中侧栏动态效果比较丑,但是其他浏览器都是非常爽的(具体还请自行检测)。...

    awesome-gutenberg-blocks:用于其他Gutenberg块类型的插件

    Gutenberg是WordPress 5.0引入的新编辑器,采用了模块化设计,用户可以像拼积木一样组合不同的块来构建页面,极大地提升了编辑效率和用户体验。然而,原生的Gutenberg块可能无法满足所有设计需求,"awesome-...

    electra:基于块的主题-完整站点编辑教程

    8. **小工具和侧边栏**:利用Electra的小工具支持,可以添加额外的功能到侧边栏或其他指定区域,如搜索框、社交图标、最近文章列表等。 9. **页眉和页脚编辑**:很多基于块的主题允许直接编辑页眉和页脚,Electra也...

    DYHB-blog 1.4 正式版.rar

    3:衔接系统:衔接以图片和文字两种方式展现,并出现在侧边栏widget中和导航条中 4:音乐系统:程序提供两种音乐展现系统 5:附件系统:程序提供两种附件格式,防盗链格式 file.php?id=1365,正常格式,当然就是...

    DYHB-blog v1.4 正式版.rar

    3:衔接系统:衔接以图片和文字两种方式展现,并出现在侧边栏widget中和导航条中, 4:音乐系统:程序提供两种音乐展现系统,网络地址版, 5:附件系统:程序提供两种附件格式,防盗链格式 正常格式,当然就是图片...

Global site tag (gtag.js) - Google Analytics