› Вопросы › css ›

Вывод постов

Учусь создавать свою тему с 0-я. В файле index.php есть такой код:

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
	<div class="post">
		<!-- начало поста -->
		<h3 class="post-title"><?php the_title(); ?><!-- Заглавие поста --></h3>
		<p class="post-text">
			<?php the_content(); ?>
		</p>
		<!-- конец поста -->
	</div>
	<?php endwhile; ?>
	<!--  -->
	<?php else: ?>
	<!-- posts not found -->
	<?php endif; ?>
</div>

Как видите, заглавия и сам текст поста выводятся в теги с определенным .css оформлением.
Вод код css:

.post {
	max-width: 500px;
	width: 100%;
	min-width: 320px;
	height: 200px;
	word-wrap: break-word;
	display: block;
}
.post-title {
	margin: 5px auto;
}
.post-text {
	font-style: italic;
	font-size: 20px;
	color: white;
}

На выходе получаю все записи, но оформление не приходит а в консоли, вижу что мои теги
<p class="post-text"></p> - пустые, а вместо них, сам текст поста выводится в обыкновенном <p>. Пробовал в админке текст поста менять на обычный - либо добавлялся тэг <pre> либо <p>. Подскажите в чем проблема, как её можно решить?

webazex

1.1 года назад

css html php wordpress новая тема создание тем

1
quasar8
Замени на это
```
<?php echo get_the_title(); ?>
<?php echo get_the_content(); ?>
```
И почитай в чем разница:
https://wp-kama.ru/function/get_the_content
1.1 года назад #

webazex 1.1 года назад

Большое спасибо за ответ и за ссылку, жаль плюсонуть Вам не могу почему-то.

Kama 1.1 года назад

жаль плюсонуть Вам не могу почему-то.

Поправил, баг был с выставлением правильного ответа...

Комментировать

PHouse6 cайт: poweredhouse.ru

Я бы для начала сделал так:

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
			<div class="post">
				<!-- начало поста -->
				<h3><?php the_title(); ?><!-- Заглавие поста --></h3>
				<p>
					<?php the_content(); ?>
				</p>
				<!-- конец поста -->
			</div>
			<?php endwhile; ?>
			<!--  -->
			<?php else: ?>
			<!-- posts not found -->
			<?php endif; ?>
		</div>

А стили для h3 и p относящиеся к <div class="post"> прописывать в css следующим образом:

.post h3 {

}

.post p{

}

1.1 года назад #

Комментировать

0
Kama7539
the_content() сам оборачивает в p теги, поэтому тебе нужно его обернуть в div.
```
<div class="post-text">
	<?php the_content(); ?>
</div>
```
А то у тебя получается p тег и внутри него появляются еще p теги, который в результате вылазят наружу потому что браузер не позволяет содержать p внутри p...

Или можно просто использовать как есть...
```
    <div class="post">
		
		<h3 class="post-title"><?php the_title(); ?></h3>

		<?php the_content(); ?>
		
	</div>
```
```
.post {
	max-width: 500px;
	width: 100%;
	min-width: 320px;
	height: 200px;
	word-wrap: break-word;
	display: block;

	font-style: italic;
	font-size: 20px;
	color: white;
}
.post .post-title {
	margin: 5px auto;
}
```
1.1 года назад #

Комментировать

На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация