0

WordPress ログのデザインを簡素化する作業を行っています。投稿または投稿のタイトルの上に表示されるメタデータに必要なのは、1 行に表示されることだけです。

擬似コードは次のようになります。

$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>

私の観点からすると、かなり単純な出力であるべきものに、ある種の改行を挿入している何が欠けていますか?

4

1 に答える 1

1

style.css の 191 行目を見てください。

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

で試してください：display: inline;

于 2012-08-29T14:48:43.627 に答える