随着互联网的不断发展,WordPress已经成为最受欢迎的内容管理系统之一。很多网站和博客都采用WordPress搭建,因为其强大的功能、易用性和灵活性。而在WordPress中,让不同页面显示不同的文章是一个非常实用的功能,可以帮助我们更好地管理内容,提高用户体验。今天,我就来为大家详细介绍一下如何在WordPress中实现不同页面显示不同文章的功能。
一、WordPress页面显示文章的基础原理
在WordPress中,页面和文章都是通过“文章”(Posts)和“页面”(Pages)两种内容类型来创建的。默认情况下,WordPress的首页会显示最新发布的文章,而其他页面则显示固定内容。要想实现不同页面显示不同文章,我们需要利用一些插件和自定义代码。
二、使用插件实现不同页面显示不同文章
以下是一些常用的WordPress插件,可以帮助我们实现不同页面显示不同文章的功能:
| 插件名称 | 功能介绍 |
|---|---|
| WPPostsOrder | 可以调整文章的排序顺序,方便在特定页面显示特定文章 |
| PageBuilderbySiteOrigin | 通过拖拽的方式快速构建页面,支持自定义文章布局 |
| AdvancedCustomFields | 添加自定义字段,可以存储更多关于文章的信息,方便条件显示 |
| PostTypesOrder | 可以调整文章类型(如:文章、页面)的排序顺序 |
1. WP Posts Order插件
在WordPress后台的插件管理页面搜索“WP Posts Order”,并安装、激活该插件。激活后,访问“设置”-“WP Posts Order”页面,可以对文章进行排序。在需要显示特定文章的页面中,将文章拖动到对应位置即可。
2. Page Builder by SiteOrigin插件
同样,在插件管理页面搜索“Page Builder by SiteOrigin”,安装并激活该插件。激活后,访问“页面”页面,点击“编辑”按钮,使用拖拽方式构建页面。在内容区域,添加“文章网格”、“文章列表”或“文章”组件,并设置相应的条件,如:文章分类、标签、作者等。
3. Advanced Custom Fields插件
在插件管理页面搜索“Advanced Custom Fields”,安装并激活该插件。激活后,访问“定制”-“自定义字段”页面,创建自定义字段,如:文章标题、文章摘要、发布日期等。在需要显示特定文章的页面中,根据自定义字段的值进行筛选和显示。
三、使用自定义代码实现不同页面显示不同文章
如果你不想使用插件,可以通过自定义代码实现不同页面显示不同文章的功能。以下是一个简单的示例:
“`php
// 假设我们根据文章分类显示不同文章
$category = get_query_var(‘category_name’);
$the_query = new WP_Query(array(
‘category_name’ => $category,
‘posts_per_page’ => 10,
// … 其他参数
));
if ($the_query->have_posts()) {
while ($the_query->have_posts()) {
$the_query->the_post();
// 显示
the_content();
}
wp_reset_postdata();
}
>
“`
在这个示例中,我们根据URL参数`category_name`(文章分类名)来筛选文章,并显示筛选出的文章。你可以根据需求修改代码,实现不同的筛选条件。
四、总结
通过以上方法,我们可以轻松地在WordPress中实现不同页面显示不同文章的功能。无论是使用插件还是自定义代码,都能满足我们的需求。希望这篇文章能对你有所帮助,让你更好地利用WordPress搭建和管理网站。
WordPress新建页面怎么调用分类文章
WordPress新建页面怎么调用分类文章,方法如下:
只要把这个代码放在你的WordPress任意页面的任意位置都能显示指定调用的文章类别,并且还可以控制文章输出的条数。
WP调用单个分类文章列表技巧
解决 WordPress页面调用分类文章后无法翻页的问题
有网友反映说使用上面的方法造成无法翻页的状况,症状为 WordPress页面调用分类文章后,点击页面下方的翻页没有反应,但浏览器地址栏传递的参数已经发生改变了。出现此问题可参考下面的解决方法:
将上面提到过的代码:
替换为:
在介绍一个插件WP Page Numbers结合来用是比较不错的,其中插件页面有使用的方法,在哪使用要调用一句<?php if(function_exists(‘wp_page_numbers’)): wp_page_numbers(); endif;?>
WordPress调用当前栏目下的post内容
page文章页面父子页面调用
WordPress网站如何使长文章实现分页
WordPress长文章分页的操作步骤:
第一步:进入WordPress网站后台,在外观下找到“编辑”选项,然后找到文章页面模块single.php,在single.php中找到下面的代码
<?phpthe_content();?>
第二步:找到上面的代码之后,在其下方添加wordpress自带的分页功能函数代码:
<?phpwp_link_pages();?>
第三步:第二步的代码可以实现简单的分页效果,如果你想让分页按钮更加美观的话,可以将第二步的代码替换成下面的调用代码:
<?phpwp_link_pages(array('before'=>'<div>分页阅读:','after'=>'','next_or_number'=>'next','previouspagelink'=>'上一页','nextpagelink'=>””));?><?phpwp_link_pages(array('before'=>'','after'=>'','next_or_number'=>'number','link_before'=>'<span>','link_after'=>'</span>'));?><?phpwp_link_pages(array('before'=>'','after'=>'</div>','next_or_number'=>'next','previouspagelink'=>'','nextpagelink'=>”下一页”));?>
通过下面的CSS代码来控制分页按钮的显示样式,直接复制下面的CSS样式到style.css文件中,这样就可以实现下面的效果
/**页面分页**/
.fenye{text-align:center;margin:0pxauto10px;font-weight:bold}
.fenyespan{background-color:#DDDDDD;color:#fff;font-weight:bold;margin:0px1px;padding:1px6px;display:inline-block;text-decoration:none;border:1pxsolid#e0e0e0;}
.fenyea{text-decoration:none;}
.fenyeaspan{background-color:#F6F6E8;font-weight:normal;color:#000;text-decoration:none;}
.fenyea:hoverspan{background-color:#DDDDDD;color:#fff;}
第四步:在文章中需要分页的位置插入分页代码【必须在代码文本模式下插入】
<p><!–nextpage–></p>
第五步:如果觉得每次使用分页代码比较麻烦,可以通过在编辑器上方添加一个“分页按钮”来使用,即在文章中需要分页的地方点一下“分页按钮”就会自动的添加分页代码。【此步可做可不做】
1、找到/wp-includes/class-wp-editor.php文件。查找‘wp_more’,标签:(在366行处)
$mce_buttons=apply_filters('mce_buttons',array('bold','italic','strikethrough','¦','bullist','numlist','blockquote','¦','justifyleft','justifycenter','justifyright','¦','link','unlink',<SPANstyle=”TEXT-DECORATION:underline”><STRONG><SPANstyle=”COLOR:#ff0000;TEXT-DECORATION:underline”>'wp_more',</SPAN></STRONG></SPAN>'¦','spellchecker','fullscreen','wp_adv'),$editor_id);
2、在‘wp_more’后添加‘wp_page’,(含单引号和逗号)。修改后代码如下:
$mce_buttons=apply_filters('mce_buttons',array('bold','italic','strikethrough','¦','bullist','numlist','blockquote','¦','justifyleft','justifycenter','justifyright','¦','link','unlink',<SPANstyle=”TEXT-DECORATION:underline”><STRONG><SPANstyle=”COLOR:#ff0000;TEXT-DECORATION:underline”>'wp_more','wp_page',</SPAN></STRONG></SPAN>'¦','spellchecker','fullscreen','wp_adv'),$editor_id);
3、此时,你就可以在后台写文章及编辑文章页面的文本编辑器上看到一个跟 more标签按钮相似的图标。
同样,在代码编辑器也会相应出现一个 nextpage按钮。
第六步:消除分类后不同页面的文章的标题相同的问题,避免影响网站SEO优化。在主题模板文件 header.php找到类似<title>……</title>代码,将其替换为如下代码。
<?phpif(is_single()){?><title><?phpechotrim(wp_title('',0));?><?phpif(get_query_var('page')){echo'-第';echoget_query_var('page');echo'页';}?>—<?phpbloginfo('name');?></title><?php}?>
第七步:实现分页功能后,会导致Feed页面的文章被分页,一般只显示第一页的内容,解决方法:打开 wp-includes目录下的 query.php文件,找到下面这行代码(大概在3578行)
if(strpos($content,'<!–nextpage–>')){
把它修改为下面这行代码。
if(strpos($content,'<!–nextpage–>')&&(!is_feed())){
如何自定义WordPress文章,页面,标签和分类的固定链接
1.有自定义文章类型,希望自定义文章类型和默认的Post都在首页的主循环中显示。
2.有自定义文章类型(产品),首页主循环中只显示产品。
注意,本教程中只对应首页的主循环,即不适用首页一些侧边栏、或者自定义的文章查询区域。
将下面代码添加到主题的functions.php中即可
function ashuwp_posts_per_page($query){
//首页或者搜索页的主循环
if((is_home()|| is_search())&&$query->is_main_query())
//$query->set(‘post_type’, array(‘product’));//只显示product
$query->set(‘post_type’, array(‘post’,‘product’));//主循环中显示post和product
return$query;
}
add_action(‘pre_get_posts’,’ashuwp_posts_per_page’);
利用pre_get_posts钩子,不光可以实现本教程所需要的内容,还可自由发挥,改变主循环的其它一些参数。
比如仅仅想让首页的文章数量显示为5篇。
function ashuwp_posts_per_page($query){
//仅首页
if( is_home())
$query->set(‘posts_per_page’,5);//每页显示5篇
return$query;
}
add_action(‘pre_get_posts’,’ashuwp_posts_per_page’);






