如果你的WordPress主题网站每天都更新大量的文章,而主页列表又不是类似于教程网那种小标题的列表,用户看上去就不知道每天到底更新了没有,更新了多少,这里我们给WordPress条件一个每日文章更新数量显示的功能,可以显示在导航栏或者其他地方,提示访客每日更新的内容。
WordPress显示每日文章更新数量
这里给出php函数和调用代码,以导航栏为例,首先将下面代码加入到主题模板函数 functions.php 中:
- register_nav_menus( array(
- 'primary' => __( '我的菜单' ),
- ) );
- 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 = emptyempty( $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 = ! emptyempty( $item->attr_title ) ? ' title="' . esc_attr( $item->attr_title ) .'"' : '';
- $attributes .= ! emptyempty( $item->target ) ? ' target="' . esc_attr( $item->target ) .'"' : '';
- $attributes .= ! emptyempty( $item->xfn ) ? ' rel="' . esc_attr( $item->xfn ) .'"' : '';
- $attributes .= ! emptyempty( $item->url ) ? ' href="' . esc_attr( $item->url ) .'"' : '';
- $prepend = '<span>';
- $append = '</span>';
- $description = ! emptyempty( $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;
-
- 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;
-
-
- $item_output .= '</a>';
- $item_output .= $args->after;
- $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
- }
- }
- 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;
- }
温馨提示:本文最后更新于2019年3月19日,已超过 2 年没有更新,如果文章内容或图片资源失效,请留言反馈,模板下载吧会及时处理,谢谢!