WordPress模版调整主页宽度及取消主页文档全文显示

WordPress模版调整主页宽度及取消主页文档全文显示
1:调整主页边栏的宽度,要修改style.css文件中body{}中content和secondary的margin值及width值.

 
  1. body {   
  2.  padding: 0 2em;   
  3. }   
  4. #page {   
  5.  margin: 2em auto;   
  6.  max-width1000px;   
  7. }   
  8. #branding hgroup {   
  9.  margin: 0 1.6%;   
  10. /* margin: 0 7.6%;  
  11. */  
  12.   
  13. }   
  14. #access div {   
  15.  margin: 0 1.6%;   
  16. /* margin: 0 7.6%;  
  17. */  
  18.   
  19. }   
  20. #primary {   
  21.  floatleft;   
  22.  margin: 0 -26.4% 0 0;   
  23.  width: 100%;   
  24. }   
  25. #content {   
  26.  margin: 0 32% 0 1.6%;   
  27.  width: 66.4%;   
  28. /* margin: 0 34% 0 7.6%;  
  29.  width: 58.4%;  
  30. */  
  31. }   
  32. #secondary {   
  33.  floatright;   
  34.  margin-right: 1.6%;   
  35.  width: 24.8%;   
  36. /* margin-right: 7.6%;  
  37.  width: 18.8%;  
  38. */  
  39. }  

以内容为主的站点中,列表页面中将每篇文章的内容信息都显示在列表中,不但使页面变大,不利于流量控制、加载速度,更重要的是将影响浏览者查找信息、浏览感受。

在WordPress中,有这样几个函数:
 ~/wp-includes/query.php中
 
function is_search()
 当前浏览页面是否是搜索结果页
 
function is_home()
 当前浏览页面是否是首页
 
function is_archive()
 当前浏览页面是否是归档页
 
function is_category()
 当前浏览页面是否是分类列表页
 
我的目标是将在 首页及其分页中、搜索结果的显示页面、归档列表页以及分类的列表页面中,用文章的摘要来代替全文的显示。摘要信息可以单独编辑,以方便显示更有价值的信息,这样就解决了可以控制每个页面中需要加载的内容的大小,减少网络流量;也使用浏览者来访时,方便地查找自己感兴趣的内容。
 
在模版目录 ~/wp-content/themes/{正在使用的模版目录}/ 中
 我使用的是twentyeleven,~/wp-content/themes/twentyeleven/
 找到content.php,这个文件将要显示的内容信息加载到模板然后再输出给调用的页面的模板定义文件。

 
  1. <?php if ( is_search() ) : // Only display Excerpts for Search ?>   
  2. <div>   
  3. <?php the_excerpt(); ?>   
  4. </div><!– .entry-summary –>   
  5. <?php else : ?>   
  6. <div>   
  7. <?php the_content( __( ’Continue reading <span>&rarr;</span>’, ’twentyeleven’ ) ); ?>   
  8.   <?php wp_link_pages( array( ’before’ => ’<div><span>’ . __( ’Pages:’, ’twentyeleven’ ) . ’</span>’, ’after’ => ’</div>’ ) ); ?>   
  9.  </div><!– .entry-content –>   
  10.  <?php endif; ?>  

替换为:

 
  1. <?php if ( is_search() || is_category() || is_archive() || is_home() ) : ?>   
  2. <div class=“entry-summary”>   
  3. <?php the_excerpt(); // 此行正是显示摘要信息的函数 ?>   
  4. </div><!– .entry-summary –>   
  5. <?php else : ?>   
  6. <div class=“entry-content”>   
  7. <?php the_content( __( ’Continue reading <span class=“meta-nav”>&rarr;</span>’, ’twentyeleven’ ) ); ?>   
  8. <?php wp_link_pages( array( ’before’ => ’<div class=“page-link”><span>’ . __( ’Pages:’, ’twentyeleven’ ) . ’</span>’, ’after’ => ’</div>’ ) ); ?>   
  9. </div><!– .entry-content –>   
  10. <?php endif; ?>  

发表评论

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

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>