Форум Сайтостроение Веб-строительство

Очень нужно - Хелп! Вывод миниатюры — картинки не в том месте.

12
Bepassersby
На сайте с 02.02.2010
Offline
60
Bepassersby
1119

Добрый день форумчане! Прошу совета у вас!

На главной странице сайта выводятся последние записи с миниатюрами.

Миниатюры не в тех местах где нужно. Как попало выводятся но не под самой записью. В итоге черт ногу сломает пока поймешь какая миниатюра к какой записе принадлежит. 

get_header(); ?>



	<div id="primary" class="content-area col-xs-12">

		<main id="main" class="site-main" role="main">



		<?php if ( have_posts() ) : ?>



			<?php if ( is_home() && ! is_front_page() ) : ?>

				<header>

					<h1 class="page-title screen-reader-text"><?php single_post_title(); ?></h1>

				</header>

			<?php endif; ?>



			<?php /* Start the Loop */ ?>

			<div class="posts-listing">

			<?php while ( have_posts() ) : the_post(); ?>



<?php the_post_thumbnail(); ?>



				<?php

					

					get_template_part( 'template-parts/content', get_post_format() );

				?>



			<?php endwhile; ?>

			</div>

			<?php

				the_posts_pagination(

					array(

						'prev_text' => '<i class="fa fa-angle-double-left"></i>',

						'next_text' => '<i class="fa fa-angle-double-right"></i>',

					)

				);

			?>



		<?php else : ?>



			<?php get_template_part( 'template-parts/content', 'none' ); ?>



		<?php endif; ?>



		</main><!-- #main -->

	</div><!-- #primary -->



<?php get_footer(); ?>
jpg wp.jpg
Ragnarok
На сайте с 25.06.2010
Offline
226
Ragnarok
#1

предположу что нужно ковырять файл, в папке с темой, template-parts/content-post.php

вместо post может быть что-то другое, content-что-то.php

//TODO: перестать откладывать на потом
Виталий
На сайте с 06.08.2012
Offline
92
Виталий
#2

Вам не шаблон главной ковырять, а верстку CSS.

Поправьте, чтобы встало куда нужно.

У вас сейчас выставлено, чтобы текст показывало справа от миниатюры.

Bepassersby
На сайте с 02.02.2010
Offline
60
Bepassersby
#3
mojWP:
Вам не шаблон главной ковырять, а верстку CSS.
Поправьте, чтобы встало куда нужно.
У вас сейчас выставлено, чтобы текст показывало справа от миниатюры.

я изменил в файле css вот что 

.posts-listing .hentry {width:33.33333%;}
на 
.posts-listing .hentry {width:50%;}

изменил в файле index.php 

<?php /* Start the Loop */ ?>

			<div class="posts-listing">

			<?php while ( have_posts() ) : the_post(); ?>



<?php the_post_thumbnail(); ?>



				<?php

					

					get_template_part( 'template-parts/content', get_post_format() );

				?>



			<?php endwhile; ?>

			</div>

на 

<?php /* Start the Loop */ ?>

			<div class="posts-listing">

		<div class="vash-new-class">

			<?php while ( have_posts() ) : the_post(); ?>

            <?php the_post_thumbnail(); ?>

				<?php

				

					get_template_part( 'template-parts/content', get_post_format() );

				?>

			<?php endwhile; ?>

С выводом миниатюры все ок. Но записи выводятся только в одном столбце. Подскажите как разбить вывод записей на два столбца. Скажите что и где исправить.

И вообще всех благодарю за помощь!!

jpg wpnew.jpg
Виталий
На сайте с 06.08.2012
Offline
92
Виталий
#4

url покажите.

По вашим данным не понятно что за верстка и чем вам помочь

Bepassersby
На сайте с 02.02.2010
Offline
60
Bepassersby
#5

Собственно сайт

Ragnarok
На сайте с 25.06.2010
Offline
226
Ragnarok
#6

Bepassersby, проще всего 


.vash-new-class {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

все параметры

FoxDesign
На сайте с 12.10.2016
Offline
13
FoxDesign
#7

http://joxi.ru/1A5RMDwInxXN4r обернуть в один div,


<div class="post_list_new">
<?php the_post_thumbnail(); ?>
<?php get_template_part( 'template-parts/content', get_post_format() ); ?>
</div>

css


.post_list_new{
float:left;
width: 44%;
padding: 0 3%;
}
Bepassersby
На сайте с 02.02.2010
Offline
60
Bepassersby
#8
Ragnarok:
Bepassersby, проще всего 

.vash-new-class {

    -webkit-column-count: 2; /* Chrome, Safari, Opera */

    -moz-column-count: 2; /* Firefox */

    column-count: 2;

    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */

    -moz-column-gap: 40px; /* Firefox */

    column-gap: 40px;

}


все параметры

Спасибо получилось!))Скажите, а на три столбца что какие измениния внести?

Ragnarok
На сайте с 25.06.2010
Offline
226
Ragnarok
#9
Bepassersby:
Спасибо получилось!))Скажите, а на три столбца что какие измениния внести?

очевидно, поменять тут все на 3


-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
M
На сайте с 15.06.2010
Offline
158
Milash
#10

А 4 столбца реально сделать?

Посетите мой сайт: https://www.sweet-shop.kiev.ua/
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий