twentyfifteen主题首页摘要显示方法

WordPress随着4.1的发布,新推出了一个新的主题twentyfifteen,该主题简洁明了,边栏固定,适合博客适用。但是twentyfifteen还是像以前的WordPress官方主题一样,首页以全文的形式展示,这让我很不爽。我希望是首页能以摘要的方式显示。经过搜索发现了解决方法。

twentyfifteen主题首页摘要显示方法

twentyfifteen主题首页摘要显示方法一

我们知道,在搜索结果中文章是以摘要的形式显示的,因此在index.php中找到以下代码

  1. <?php
  2.             // Start the loop.
  3.             while ( have_posts() ) : the_post();
  4. /*
  5. * Include the Post-Format-specific template for the content.
  6. * If you want to override this in a child theme, then include a file
  7. * called content-___.php (where ___ is the Post Format name) and that will be used instead.
  8. */
  9. get_template_part( 'content', get_post_format() );
  10. // End the loop.
  11. endwhile;

更改为以下代码。只是把content改为了content-search

  1. <?php
  2. // Start the loop.
  3. while ( have_posts() ) : the_post();
  4. /*
  5. * Include the Post-Format-specific template for the content.
  6. * If you want to override this in a child theme, then include a file
  7. * called content-___.php (where ___ is the Post Format name) and that will be used instead.
  8. */
  9. get_template_part( 'content-search', get_post_format() );
  10. // End the loop.
  11. endwhile;

好了,刷新一下首页就可以看到结果了。

twentyfifteen主题首页摘要显示方法二

twentyfifteen首页摘要显示方法二是修改content.php文件。先看看content.php以下部分

  1. <div class="entry-content">
  2. <?php
  3. /* translators: %s: Name of current post */
  4. the_content( sprintf(
  5. __( 'Continue reading %s', 'twentyfifteen' ),
  6. the_title( '<span class="screen-reader-text">', '</span>', false )
  7. ) );
  8. wp_link_pages( array(
  9. 'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfifteen' ) . '</span>',
  10. 'after'       => '</div>',
  11. 'link_before' => '<span>',
  12. 'link_after'  => '</span>',
  13. 'pagelink'    => '<span class="screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>%',
  14. 'separator'   => '<span class="screen-reader-text">, </span>',
  15. ) );
  16. ?>
  17. </div><!-- .entry-content-–>

修改成以下代码形式,也就是说除了文章内页以外,全部以摘要的方法显示。

  1. <div class="entry-content">
  2. <?php
  3. if ( is_single() ) :
  4. /* translators: %s: Name of current post */
  5. the_content( sprintf(
  6. __( 'Continue reading %s', 'twentyfifteen' ),
  7. the_title( '<span class="screen-reader-text">', '</span>', false )
  8. ) );
  9. wp_link_pages( array(
  10. 'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfifteen' ) . '</span>',
  11. 'after'       => '</div>',
  12. 'link_before' => '<span>',
  13. 'link_after'  => '</span>',
  14. 'pagelink'    => '<span class="screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>%',
  15. 'separator'   => '<span class="screen-reader-text">, </span>',
  16. ) );
  17. else :
  18. /* translators: %s: Name of current post */
  19. the_excerpt( sprintf(
  20. __( 'Continue reading %s', 'twentyfifteen' ),
  21. the_title( '<span class="screen-reader-text">', '</span>', false )
  22. ) );
  23. wp_link_pages( array(
  24. 'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfifteen' ) . '</span>',
  25. 'after'       => '</div>',
  26. 'link_before' => '<span>',
  27. 'link_after'  => '</span>',
  28. 'pagelink'    => '<span class="screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>%',
  29. 'separator'   => '<span class="screen-reader-text">, </span>',
  30. ) );
  31. endif;
  32. ?>
  33. </div><!-- .entry-content-–>

twentyfifteen主题更改摘要字数

虽然经过上面的修改,twentyfifteen主题是以摘要的方法显示了,但是摘要字数并不满意,字数太少。我们可以通过修改functions.php文件来修改摘要显示的字数。找到以下代码

  1. function twentyfifteen_search_form_modify( $html ) {
  2. return str_replace( 'class="search-submit"', 'class="search-submit screen-reader-text"', $html );
  3. }
  4. add_filter( 'get_search_form', 'twentyfifteen_search_form_modify' );

在其后面加上如下代码。200是摘要所显示的字符数

  1. function twenty_fifteen_excerpt_length( $length ) {
  2. return 200;
  3. }
  4. add_filter( 'excerpt_length', 'twenty_fifteen_excerpt_length', 999 );

本文方法来源于

http://johngirdwood.com/2014/12/27/show-excerpt-snippets-on-blog-for-wordpress-twenty-fifteen-theme/

http://www.findurlaptop.com/tech/2014/12/26/post-excerpt-in-twenty-fifteen-wordpress-theme/

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:15   其中:访客  11   博主  3   引用   1

  1. avatar 科研动力 5

    哎哟不错战队[哈哈]

  2. avatar 艾川网 0

    不错哟

  3. avatar 科研动力网友 5

    我采用的方法二,文章时间、作者、标签的那一条都不见了,怎么办

  4. avatar 四月 0

    我采用的方法二,文章时间、作者、标签的那一条都不见了,怎么办

  5. avatar 科研动力网友 5

    两种方法都好用。

  6. avatar 我本良民 0

    两种方法都好用。

  7. avatar 科研动力网友 5

    […] 文章为转载:科研动力 ? twentyfifteen主题首页摘要显示方法 […]

  8. […] 文章为转载:科研动力 ? twentyfifteen主题首页摘要显示方法 […]

  9. avatar 科研动力 5

    谢谢提醒哈

  10. avatar 科研动力网友 5

    亲,方法二的代码最后注释少了一个 减号

  11. avatar DONG 0

    亲,方法二的代码最后注释少了一个 减号

  12. 来自外部的引用: 1

    • twentyfifteen主题首页摘要显示方法 | 船长的日志