2012-08-29 130 views
0

我正在簡化我的WordPress日誌的設計。所有我想要顯示在帖子或帖子標題上方的元數據都顯示在單個相當不重要的行中。這些換行符來自哪裏?

的僞代碼是這樣的:

$date $category $edit 

什麼它實際上看起來就像是在這裏:http://johnlaudun.org/20120828-isaac-at-9pm/

此行的CSS是:

.entry-meta { 
    font-family: "Avenir Next Condensed", "Arial Narrow", sans-serif; 
    font-size: .75em; 
    text-transform: uppercase; 
} 

.entry-meta p { 
    white-space: nowrap; 
} 

.entry-meta a {text-decoration: none;} 
.entry-meta .date {color: #000;} 
.cat-links a {color: #436EEE;} 
.edit-link a {color: orange;} 

而PHP是:

<div class="entry-meta"> 

<p>    
    <?php if (! is_page()) : ?> 
    <a href="<?php the_permalink(); ?>"> 
    <?php the_time('Y M d'); ?></a> 
    <?php endif; ?> &nbsp; 

    <span class="cat-links"> 
    <?php the_category(', '); ?></span> 

    <span class="edit-link"> 
    <?php edit_post_link(__('Edit', 'chunk')); ?></span> 

</p> 
</div> 

生成下面的輸出到瀏覽器:

<div class="entry-meta"> 
     <p> 

         <a href="http://johnlaudun.org/20120828-isaac-at-9pm/"> 
      2012 Aug 28</a> 
      &nbsp; 

      <span class="cat-links"> 
      <a href="http://johnlaudun.org/category/status-2/" title="View all posts in status" rel="category tag">status</a></span> 

      <span class="edit-link"> 
      <a class="post-edit-link" href="http://johnlaudun.org/wordpress/wp-admin/post.php?post=5052&amp;action=edit" title="Edit Post">Edit</a></span> 

     </p> 
    </div> 

我缺少的是被插入某種線下強行進入應該是什麼,從我的角度來看,一個相當簡單的輸出?

回答

1

看看style.css中,行191:

.cat-links, .tag-links { 
    display: block; 
} 

嘗試用:display: inline;

+0

我必須滾動過去兩個十幾次。我不敢相信我錯過了! –

+0

你應該使用開發工具並節省您的時間 – soju

+0

我不知道我遵循'dev工具'的含義。你有什麼建議? –