wordpress不同页面显示不同文章(wordpress网页不正常显示)

随着互联网的不断发展,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’);

© 版权声明
THE END
喜欢就支持一下吧
点赞5 分享