無作為
不僅僅是一種態度!

红运快三平台:WordPress導航菜單顯示每日文章更新數量

红运快三高手计划 www.syvwfz.com.cn 如果你的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.syvwfz.com.cn红运快三高手计划 » WordPress導航菜單顯示每日文章更新數量

留下評論 1

  1. #1

    新手,還是不會啊,唉

    學美文網1年前 (2019-03-08)回復

無作為-不僅僅是一種態度

登錄/注冊廣告合作

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

微信掃一掃打賞