1

私は初めてワードプレスのテーマを作成しています（そして初めて実際にワードプレスを使用しています）。

サイドバーの左側に日付とコメント数があり、それを含める方法がわからないのに、ループに含めるように日付とコメント数を取得しようとしています。

これが投稿の私のコードです（日付、コメント数、投稿がこの順序で含まれ、投稿は現在ループの一部になっています）：

（私は960グリッドを使用しているので、以下のグリッドクラスが表示される場合があります）

<div class="date_banner">
        <div class="d"><!-- sidebar 1 --><?php the_time('d'); ?></div>
        <div class="m"><!-- sidebar 1 --><?php the_time('M'); ?></div>
        <div class="y"><!-- sidebar 1 --><?php the_time('Y'); ?></div>
    </div>
    <div class="commentsnumber">
    <?php comments_number('No comment', '1 comment', '% comments'); ?>
    </div>
    </div>
    <div class="grid_10">

    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
        <!-- post -->
        <div class="post">
            <div class="titlepostauthorimage">
            <div class="post-title">
                <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
            </div>
            <div class="post-author-image">

            </div>
            <div class="post-author">
                 <?php the_author_posts_link(); ?>
            </div>
            <div class="post-image">
                <?php the_post_thumbnail( $size, $attr ); ?> 
            </div>
            </div>
            <div class="post-bodyborder">
            <div class="post-body">
                <?php the_content(); ?>
            </div>
            </div>
            <div class="post-metaborder">
            <div class="post-meta">
                <?php the_category(', '); ?>
                <!-- post tags -->
            </div>
            </div>
            <div class="post-comments">
            <?php wp_list_comments( $args ); ?> 
            </div>
        </div>
        <!-- post -->
    <?php endwhile; else: ?>
        <!-- In case no posts were found -->
        <h1>Hmmm? Cam't. Find. Post.</h1>
    <?php endif; ?>

テストのコードでループを日付より上に移動すると、次のようになります。テスト

インスペクターは、最初のgrid_10クラスでは、日付とコメント数が投稿の下にあると言います。 インスペクター

これが私の完成したテーマがどのように見えるかです。http：//benlevywebdesign.com/wordpress/で進行中の私の作業をチェックできます（投稿のみがループにあり、上からのスクリーンショットはテスト/例でしたループコードを移動しただけで何が起こるか）

テーマデザイン

4

3 に答える 3

1

これは次のようになる可能性があります（単なる擬似コード）

<div class="container_16" >
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

        <div class="grid_12" >
           <div class="grid_2"> date banner html goes in here </div>
           <div class="grid_10"> post html goes in here</div>          
        </div>

    <?php endwhile; else: ?>
    <!-- In case no posts were found -->
    <h1>Hmmm? Cam't. Find. Post.</h1>
    <?php endif; ?>
</div>
于 2012-10-26T03:38:23.100 に答える
0 
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <div class="grid_2">
    <div class="date_banner">
            <div class="d"><!-- sidebar 1 --><?php the_time('d'); ?></div>
            <div class="m"><!-- sidebar 1 --><?php the_time('M'); ?></div>
            <div class="y"><!-- sidebar 1 --><?php the_time('Y'); ?></div>
        </div>
        <div class="commentsnumber">
        <?php comments_number('No comment', '1 comment', '% comments'); ?>
        </div>
    </div>
    <!-- post -->
    <div class="grid_10 post">
        <div class="titlepostauthorimage">
            <div class="post-title">
                <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
            </div>
            <div class="post-author-image">

            </div>
            <div class="post-author">
                 <?php the_author_posts_link(); ?>
            </div>
            <div class="post-image">
                <?php the_post_thumbnail( $size, $attr ); ?> 
            </div>
        </div>
        <div class="post-bodyborder">
            <div class="post-body">
                <?php the_content(); ?>
            </div>
        </div>
        <div class="post-metaborder">
            <div class="post-meta">
                <?php the_category(', '); ?>
                <!-- post tags -->
            </div>
        </div>
        <div class="post-comments">
        <?php wp_list_comments( $args ); ?> 
        </div>
    </div>
    <!-- post -->
<?php endwhile; else: ?>
    <!-- In case no posts were found -->
    <h1>Hmmm? Cam't. Find. Post.</h1>
<?php endif; ?>
于 2012-10-25T18:33:42.263 に答える
0

投稿日時を取得するには、これを使用してください

<?php the_time('F j, Y'); ?> at <?php the_time('g:i a'); ?>

コメント数を取得するには、これを使用します

 <?php comments_number('No reply', '1 reply', '% replies'); ?>

ループ内の任意の場所に配置

参照：http：//codex.wordpress.org/Function_Reference/comments_number

于 2012-10-25T16:15:14.470 に答える