无作为
不仅仅是一种态度!

WordPress导航菜单显示每日文章更新数量

如果你的WordPress主题网站每天都更新大量的文章,而主页列表又不是类似于教程网那种小标题的列表,用户看上去就不知道每天到底更新了没有,更新了多少,这里我们给WordPress条件一个每日文章更新数量显示的功能,可以显示在导航栏或者其他地方,提示访客每日更新的内容。

WordPress显示每日文章更新数量

这里给出php函数和调用代码,以导航栏为例,首先将下面代码加入到主题模板函数 functions.php 中:

// 注册菜单
register_nav_menus( array(
	'primary' => __( '我的菜单' ),
) );
// 强化菜单 调用代码 (php) wp_nav_menu( array( 'theme_location' => 'primary', 'walker' => new description_walker ) ); (/php)
// 强化菜单 结构
class description_walker extends Walker_Nav_Menu
{
	function start_el(&$output, $item, $depth, $args)
	{
		global $wp_query;
		$indent = ( $depth ) ? str_repeat( "t", $depth ) : '';
 
		$class_names = $value = '';
 
		$classes = empty( $item->classes ) ? array() : (array) $item->classes;
 
		$class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) );
		$class_names = ' class="'. esc_attr( $class_names ) . '"';
 
		$output .= $indent . '<li id="menu-item-'. $item->ID . '"' . $value . $class_names .'>';
 
		$attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
		$attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
		$attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
		$attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';
 
		$prepend = '<span>';
		$append = '</span>';
		$description  = ! empty( $item->description ) ? '<span>'.esc_attr( $item->description ).'</span>' : '';
 
		if($depth != 0)
		{
			$description = $append = $prepend = "";
		}
 
		$item_output = $args->before;
		$item_output .= '<a'. $attributes .'>';
		$item_output .= $args->link_before .$prepend.apply_filters( 'the_title', $item->title, $item->ID ).$append;
		// seabye++
		if ( $item->description<=0 ) { $item_output .= $description; }
			else { $item_output .= '<span class="day">+'.get_this_week_post_count_by_category($item->description).'</span>'; }
		$item_output .= $args->link_after;
		// seabye++ end
		// $item_output .= $description.$args->link_after;
		$item_output .= '</a>';
		$item_output .= $args->after;
 
		$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
	}
}
// 强化菜单 代表时间
// 一日 today
// 一周 1 week ago
// 一年 1 year ago
// 千年 1000 year ago
function get_this_week_post_count_by_category($id) {
	$date_query = array(
		array(
			'after' => 'today'
			)
		);
	$tax_query = array(
		array(
			'taxonomy' => 'category',
				'field' => 'id',
				'terms' => $id
			)
		);
	$args = array(
		'post_type' => 'post',
		'post_status' => 'publish',
		'tax_query' => $tax_query,
		'date_query' => $date_query,
		'no_found_rows' => true,
		'suppress_filters' => true,
		'fields' => 'ids',
		'posts_per_page' => -1
		);
	$query = new WP_Query( $args );
	return $query->post_count;
}

如何调用代码如下,放在想要显示的页面位置即可。

<?php wp_nav_menu( array( 'theme_location' => 'primary', 'walker' => new description_walker ) ); ?>

如果要条件在菜单导航里面,红色加粗为需要添加的内容。

菜单 – 显示选项,勾出 “图像描述”,在项目的 “图像描述” 中添加需要显示更新数目的分类 id。

这里也提供以下默认美化样式,有所追求的可以奇迹修改。

.day{position:absolute;top:-10px;display:block;left:50%;color:#fff;border-radius:4px;line-height:14px;padding:1px 5px 1px 5px;text-align:center;font-family:Calibri;background:#f489ad;font-size:12px;min-width:18px;}

 

历史上的今天:
赞(35) 打赏
所有免费资源、福利、电影、破解软件未经允许不得转载:www.wuzuowei.net无作为 » WordPress导航菜单显示每日文章更新数量

留下评论 1

  1. #1

    新手,还是不会啊,唉

    学美文网1年前 (2019-03-08)回复

无作为-不仅仅是一种态度

登录/注册广告合作

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏