L oop Кончик дизайна - PullRequest
Новая
       32

L oop Кончик дизайна

0 голосов
/ 26 апреля 2020

Сбой макета постов из-за моего дизайна l oop.

Я не знаю, как просто спросить, поэтому я сообщаю о своей проблеме с кодом.

Это мой код макета поста: 

    <section class="ulockd-service-details">
        <div class="container">
            <div class="col-md-12">
                <?php if (have_posts()): while (have_posts()) : the_post(); ?>

                <?php

                if ( $thumbnail_id = get_post_thumbnail_id() ) {
                    if ( $image_src = wp_get_attachment_image_src( $thumbnail_id, 'normal-bg' ) )
                       ?>
                <div class="row">
                    <div class="col-md-12 ulockd-mrgn1210">
                        <div class="ulockd-project-sm-thumb">
                            <img class="img-responsive img-whp" src="<?php printf( '%s', esc_url($image_src[0]) ); ?>" alt="">
                        </div>
                    </div>
                </div>
                <?php

                }

                ?>



                **<div class="row">**

                    <div class="col-md-12 ulockd-mrgn1210">
                        <article class="ulockd-pd-content">
                            <div class="ulockd-bp-date">
                                <ul class="list-inline">
                                    <li class="ulockd-bp-date-innner">On <a href="#"><span class="text-thm2"><?php the_time('j'); ?></span> / <?php the_time('F Y') ?></a></li>
                                    <li class="ulockd-bp-comment"><a href="#"><span class="flaticon-nurse-head text-thm1"></span> <?php the_author_posts_link(); ?></a></li>
                                    <li class="ulockd-bp-comment"><a href="#"><span class="flaticon-chat text-thm1"></span> <?php if (comments_open( get_the_ID() ) ) comments_popup_link( __( 'Leave your thoughts', 'html5blank' ), __( '1 Comment', 'html5blank' ), __( '% Comments', 'html5blank' )); ?></a></li>
                                    <li class="ulockd-bp-comment"><a href="#"><span class="flaticon-black-check-box text-thm1"></span> Service</a></li>
                                </ul>
                            </div>
                            <h3><?php the_title(); ?> </h3>
                            <p class="project-dp-one"><?php html5wp_excerpt('html5wp_index'); // Build your custom callback length in functions.php ?></p>
                            <a class="btn btn-lg ulockd-btn-thm2" href="<?php the_permalink(); ?>"> Read More</a>
                        </article>
                    </div>
<?php endwhile; ?>

<?php else: ?>
                    <article>
                        <h2><?php _e( 'Sorry, nothing to display.', 'html5blank' ); ?></h2>
                    </article>
<?php endif; ?>
                </div></div></div></section>

Первый элемент сообщения начинается с поля слева и ниже элементов сообщения go слева, поэтому последний элемент сообщения имеет нормальное поле слева. 

    |First Item|
  |Second Item|
|Last Item|= It has default space from edge

Я думаю, что это так потому что я написал **<div class="row">** в то время как l oop. Я думаю, что мне нужно написать это до l oop. Но есть еще одно условие для thumbnail. Если я пишу строку до того времени, и если есть миниатюра Сервер будет писать две строки одну за другой.

Я думаю, что могу написать команду If-Else, но она будет распространяться на исходный код.

Итак, как мне решить эту проблему проще всего?

...