twentyfifteen主题首页摘要显示方法

2015/10/20
1 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 5 (1 票 ）
 15

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() );
  11. // End the loop.
  12. endwhile;

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

  1. <?php
  2. // Start the loop.
  3. while ( have_posts() ) : the_post();
  5. /*
  6. * Include the Post-Format-specific template for the content.
  7. * If you want to override this in a child theme, then include a file
  8. * called content-___.php (where ___ is the Post Format name) and that will be used instead.
  9. */
  10. get_template_part( 'content-search', get_post_format() );
  12. // End the loop.
  13. 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. ) );
  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. ?>
  18. </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. ) );
  10. wp_link_pages( array(
  11. 'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfifteen' ) . '</span>',
  12. 'after'       => '</div>',
  13. 'link_before' => '<span>',
  14. 'link_after'  => '</span>',
  15. 'pagelink'    => '<span class="screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>%',
  16. 'separator'   => '<span class="screen-reader-text">, </span>',
  17. ) );
  18. else :
  20. /* translators: %s: Name of current post */
  21. the_excerpt( sprintf(
  22. __( 'Continue reading %s', 'twentyfifteen' ),
  23. the_title( '<span class="screen-reader-text">', '</span>', false )
  24. ) );
  26. wp_link_pages( array(
  27. 'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfifteen' ) . '</span>',
  28. 'after'       => '</div>',
  29. 'link_before' => '<span>',
  30. 'link_after'  => '</span>',
  31. 'pagelink'    => '<span class="screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>%',
  32. 'separator'   => '<span class="screen-reader-text">, </span>',
  33. ) );
  34. endif;
  36. ?>
  37. </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/

  • 本博客文章如未特别说明，皆为本站原创，默认采用署名-相同方式共享 4.0 国际协议

    • 相关文章

    《twentyfifteen主题首页摘要显示方法》有15个想法

    3. 科研动力网友

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

      回复 ↓
    4. 四月

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

      回复 ↓
    7. 科研动力网友

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

      回复 ↓

    9. Pingback引用通告： twentyfifteen主题首页摘要显示方法 | 船长的日志

    发表回复

    您的电子邮箱地址不会被公开。 必填项已用 * 标注