Вернуться   Форум об интернет-маркетинге > >
Ответ
 
Опции темы
Старый 20.06.2017, 09:11   #1
Дипломник
 
Аватар для Bepassersby
 
Регистрация: 02.02.2010
Сообщений: 78
Репутация: 2874
Отправить сообщение для Bepassersby с помощью ICQ

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

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

Код:
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(); ?>
Изображения
 
Bepassersby вне форума   Ответить с цитированием

Реклама
Старый 20.06.2017, 09:27   #2
Ragnarok
Академик
 
Аватар для Ragnarok
 
Регистрация: 26.06.2010
Сообщений: 2,085
Репутация: 299530

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

предположу что нужно ковырять файл, в папке с темой, template-parts/content-post.php
вместо post может быть что-то другое, content-что-то.php
__________________
//TODO: перестать откладывать на потом
Ragnarok вне форума   Ответить с цитированием
Старый 20.06.2017, 14:53   #3
mojWP
Аспирант
 
Аватар для mojWP
 
Регистрация: 06.08.2012
Сообщений: 202
Репутация: 14705
Социальные сети

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

Вам не шаблон главной ковырять, а верстку CSS.
Поправьте, чтобы встало куда нужно.
У вас сейчас выставлено, чтобы текст показывало справа от миниатюры.
mojWP вне форума   Ответить с цитированием
Старый 20.06.2017, 22:08   #4
Bepassersby
Дипломник
 
Аватар для Bepassersby
 
Регистрация: 02.02.2010
Сообщений: 78
Репутация: 2874
Отправить сообщение для Bepassersby с помощью ICQ

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

Цитата:
Сообщение от 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; ?>
С выводом миниатюры все ок. Но записи выводятся только в одном столбце. Подскажите как разбить вывод записей на два столбца. Скажите что и где исправить.

И вообще всех благодарю за помощь!!
Изображения
 
Bepassersby вне форума   Ответить с цитированием
Старый 20.06.2017, 22:30   #5
mojWP
Аспирант
 
Аватар для mojWP
 
Регистрация: 06.08.2012
Сообщений: 202
Репутация: 14705
Социальные сети

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

url покажите.
По вашим данным не понятно что за верстка и чем вам помочь
mojWP вне форума   Ответить с цитированием
Старый 21.06.2017, 08:35   #6
Bepassersby
Дипломник
 
Аватар для Bepassersby
 
Регистрация: 02.02.2010
Сообщений: 78
Репутация: 2874
Отправить сообщение для Bepassersby с помощью ICQ

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

Собственно сайт
Bepassersby вне форума   Ответить с цитированием
Старый 21.06.2017, 10:01   #7
Ragnarok
Академик
 
Аватар для Ragnarok
 
Регистрация: 26.06.2010
Сообщений: 2,085
Репутация: 299530

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

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 вне форума   Ответить с цитированием
Старый 21.06.2017, 10:08   #8
FoxDesign
Guru
 
Аватар для FoxDesign
 
Регистрация: 12.10.2016
Адрес: Kiev
Сообщений: 27
Репутация: 38003

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

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%;
}
FoxDesign вне форума   Ответить с цитированием
Старый 21.06.2017, 15:20   #9
Bepassersby
Дипломник
 
Аватар для Bepassersby
 
Регистрация: 02.02.2010
Сообщений: 78
Репутация: 2874
Отправить сообщение для Bepassersby с помощью ICQ

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

Цитата:
Сообщение от 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;
}
все параметры
Спасибо получилось!))Скажите, а на три столбца что какие измениния внести?
Bepassersby вне форума   Ответить с цитированием
Старый 21.06.2017, 17:15   #10
Ragnarok
Академик
 
Аватар для Ragnarok
 
Регистрация: 26.06.2010
Сообщений: 2,085
Репутация: 299530

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

Цитата:
Сообщение от Bepassersby Посмотреть сообщение
Спасибо получилось!))Скажите, а на три столбца что какие измениния внести?
очевидно, поменять тут все на 3
Цитата:
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
Ragnarok вне форума   Ответить с цитированием
Ответ

Метки
вордпресс



Опции темы

Быстрый переход


Регистрация Справка Календарь Поддержка Все разделы прочитаны