使用CSS设置PHP样式

时间:2013-10-10 08:26:02

标签: php css wordpress

很抱歉,如果这有点愚蠢,但我之前从未涉足过PHP。

基本上我使用的是名为Kingsize的高级wordpress主题,它很漂亮,但没有在帖子上显示作者。我已经设法在那里,在单个帖子(通过编辑single.php)和帖子列表(loop.php)中获取它。

我想我做的那样,因为它出现在那里。问题是,在这两种情况下,它都在日期下面的行上,我希望它在同一行上:

http://bathastronomers.co.uk/category/bath-astronomers/

如果我在style.css中找到“post_date”,我想我可以搞清楚,但它似乎并不存在!

另外,我想在日期和作者之前摆脱小图标。

有什么想法吗?

以下是single.php中的相关代码:

<?php 
if( $data['wm_date_enabled'] == '1' ) { //data is enabled
?>
<div class="metadata">
        <p class="post_date"><?php the_time(get_option('date_format'));?></p> 
                                 <p class="post_author"><?php the_author(); ?></p>
         </div> 
        <?php}
?>

2 个答案:

答案 0 :(得分:3)

将其更改为:

<div class="metadata">
    <p>
    <span class="post_date"><?php the_time(get_option('date_format'));?></span> 
    <span class="post_author"><?php the_author(); ?></span>
    </p>
</div>

答案 1 :(得分:1)

如果您希望作者与日期显示在同一行,请将其添加到style.css:

.post .metadata p.post_date {
float:left;
}

如果要隐藏左侧的小图标,请修改以下内容:

.post .metadata p {
padding: 0px 0px 0px 25px;
background: url("images/calendar.png") no-repeat scroll left -1px transparent;
}

对于以下内容:

.post .metadata p {
padding: 0px;    
}

请注意,您不要“设置PHP样式”。你设计HTML样式。简而言之,PHP是一个HTML生成器。