WordPress教程

WordPress页面或文章手动添加或自定义相关文章

阿里云

很多朋友在进行 wordpress 主题定制的时候都会用到相关文章,比如在一篇新闻详情页的下面列出相应的相关文章,但很多时候大家实现的都是自动获取相关文章,而有时候我们是需要自定义相关文章的,比如下图中:

这是一个页面,上面一段文字是页面的文字,下面是自定义的几篇文章列表。当然实现这个效果也可以用分类列表页的形式来做,就是上面文字是分类描述,下面是文章列表,但是这样做有几个弊端,那就是如果分类描述里需要复杂的排版,以及左侧菜单中其他的链接都是页面,那么左侧菜单自动获取是个问题。所以,我采用了下面的方法:

一、使用超级字段插件 Advanced Custom Fields 为要自定义添加相关文章的页面或文章页面添加自定义字段

其中字段类型选择“关系”,通过分类删选选择你要关联哪个或哪些分类里的文章。然后设置字段显示的位置:

设置好保存后,在你对应的页面或文章编辑页就会出现下图这样的相关文章选择项;

选择好相关文章后,在前台使用下面的代码获取相关文章的标题、摘要、缩略图等信息(需要什么看你需要)就行了,想做成什么样式就做成什么样式。

也想出现在这里?联系我们
创客主机
  1. <?php 
  2.      $posts = get_field('_glwz');
  3.      if( $posts ): ?>
  4.      <?php foreach( $posts as $post): // variable must be called $post (IMPORTANT) ?>
  5.      <?php setup_postdata($post); ?>
  6.          <div class="glwzlist">
  7.              <h3>
  8.                  <a href="<?php the_permalink();?>">
  9.                      <?php the_title();?>
  10.                  </a>
  11.              </h3>
  12.              <p>
  13.                  <?php echo get_the_excerpt();?>
  14.              </p>
  15.              <a href="<?php the_permalink();?>" class="glwzmore">learn more</a>
  16.          </div>
  17.      <?php endforeach; ?>
  18.      <?php wp_reset_postdata(); // IMPORTANT - reset the $post object so the rest of the page works correctly ?>
  19.  <?php endif; ?>

其中'_glwz'就是你创建的字段的名称。

WordPress 页面或文章手动添加或自定义相关文章

已有 252 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!