Wordpress主题技巧

WordPress为页面(page)添加相关页面

WordPress为页面(page)添加相关页面

我们都比较喜欢给文章添加相关文章,那有没有想过给页面也添加相关页面,下面就一起来看看如何实现吧。

首先,我们需要知道,一般文章(post)都是通过 标签 或 分类 来获取相关文章的,但是 页面(page)默认是没有标签和分类的,所以我们需要先给页面也添加分类和标签功能,具体添加方法可以查看 为WordPress页面(page)添加标签和分类功能。

接下来,你就需要给内容有关联的页面归类或者添加标签。假设有这么两个页面“关于我们”和“公司历史”,那么你可以给这两个页面都添加一个相同的标签“关于我们”。

然后在当前主题的 functions.php 添加下面的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
/**
 * WordPress为页面(page)添加相关页面
 * https://www.wpdaxue.com/show-related-pages-in-wordpress.html
 */
function wpdx_related_pages() { 
	$orig_post = $post;
	global $post;
	$tags = wp_get_post_tags($post->ID);
	if ($tags) {
		$tag_ids = array();
		foreach($tags as $individual_tag)
			$tag_ids[] = $individual_tag->term_id;
		$args=array(
			'post_type' => 'page',  //检索页面类型
			'tag__in' => $tag_ids, //根据标签获取相关页面
			'post__not_in' => array($post->ID), //排除当前页面
			'posts_per_page'=>5  //显示5篇
			);
		$my_query = new WP_Query( $args );
		if( $my_query->have_posts() ) {
			echo '<div id="relatedpages"><h3>相关页面</h3><ul>';
			while( $my_query->have_posts() ) {
				$my_query->the_post(); ?>
				<li><div class="relatedthumb"><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_post_thumbnail('thumb'); ?></a></div>
					<div class="relatedcontent">
						<h3><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
						<?php the_time('M j, Y') ?>
					</div>
				</li>
			<?php }
			echo '</ul></div>';
		} else { 
			echo "没有相关页面";
		}
	}
	$post = $orig_post;
	wp_reset_query(); 
}

/**
* WordPress为页面(page)添加相关页面
* https://www.wpdaxue.com/show-related-pages-in-wordpress.html
*/
function wpdx_related_pages() {
$orig_post = $post;
global $post;
$tags = wp_get_post_tags($post->ID);
if ($tags) {
$tag_ids = array();
foreach($tags as $individual_tag)
$tag_ids[] = $individual_tag->term_id;
$args=array(
‘post_type’ => ‘page’, //检索页面类型
‘tag__in’ => $tag_ids, //根据标签获取相关页面
‘post__not_in’ => array($post->ID), //排除当前页面
‘posts_per_page’=>5 //显示5篇
);
$my_query = new WP_Query( $args );
if( $my_query->have_posts() ) {
echo ‘<div id="relatedpages"><h3>相关页面</h3><ul>’;
while( $my_query->have_posts() ) {
$my_query->the_post(); ?>
<li><div class="relatedthumb"><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_post_thumbnail(‘thumb’); ?></a></div>
<div class="relatedcontent">
<h3><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
<?php the_time(‘M j, Y’) ?>
</div>
</li>
<?php }
echo ‘</ul></div>’;
} else {
echo "没有相关页面";
}
}
$post = $orig_post;
wp_reset_query();
}

上面的代码会查询与当前页面有相同标签的页面,然后显示出来。如果你想要在页面中调用,那你需要编辑当前主题的 page.php 或者 content-page.php文件,然后在需要显示相关页面的地方使用下面的代码进行调用:

1
<?php if(function_exists(' wpdx_related_pages')) wpdx_related_pages(); ?>

<?php if(function_exists(‘ wpdx_related_pages’)) wpdx_related_pages(); ?>

剩下的工作,就是要你自己添加css样式来完善相关页面的显示效果啦。

Wordpress主题技巧

更多有关于 Wordpress主题技巧

V9火车采集器,快速入门!

塔克网整站模板 安装使用指南

WordPress如何备份网站数据库和文件?WordPress整站搬家操作流程。

WordPress网站安全设置教程

国外英文广告联盟网站模板,WordPress主题整站演示地址列表

WordPress主题开发:开启文章缩略图功能

WordPress 自定义头像插件:WP User Avatar

WordPress 后台管理界面UI自定义插件:WP Admin UI Customize

WordPress 自定义文章/页面阅读权限的插件:User Specific Content

本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、Python、Objective-C、ActionScript、Pascal等单词的拼写,熟悉Windows、Linux、OS X、Android、iOS、WP8等系统的开关机。

通过下面的方式来联系我们:

电邮:138762189@qq.com

联系QQ:点击这里给我发消息

官方站:www.tadke.com

※ ※ 联系请加我的企鹅号 ※※

※ ※技术支持请微信联系站长 ※※

Copyright © 2016 Tadke.com. Powered by Wordpress.