@kingdomofcrooked
Дизайнер

Как сделать формат даты в таком стиле?

Сделал ленту последних записей на главной странице. Все работает, но я не знаю как оформить код отображающий дату, в таком стиле как на картинке. Есть код даты: <?php echo get_the_date('n-j-Y'); ?>, но если вставлять ее в блок, она отобразится как единое целое. Можно ли разбить ее на блоки? Чтобы цифра отображалась в одном блоке, а месяц и год в другом?

<?php $catquery = new WP_Query( 'category_name=news' ); ?>
<?php while($catquery->have_posts()) : $catquery->the_post(); ?>
<div class="block">
<?php
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'img-news');
list($url, $width, $height, $is_intermediate) = $thumbnail;
?>

<a href="<?php the_permalink() ?>"><div class="img-news" style="height:<?php echo $height; ?>px;background-image:url(<?php echo $url; ?>);background-repeat:no-repeat;"></div></a>
		
			<div class="data-desc"><span class="num-d">23</span>июля 2018</div>
<div class="desc-area">


<h4><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h4>
<p><?php the_excerpt(); ?></p>
<span class="link-d"><a href="<?php the_permalink() ?>">Подробнее</a></span>
 </div>


 </div>
 <?php endwhile; ?> 
<?php wp_reset_postdata(); ?>


5c38baef9e2d4328110208.jpeg
  • Вопрос задан
  • 57 просмотров
Решения вопроса 1
azerphoenix
@azerphoenix
Java Software Engineer
Здравствуйте!
https://stackoverflow.com/questions/27154596/forma...
echo '<div class="day">' . esc_html( get_the_date("j") ) . '</div>';
echo '<div class="month-year">' . esc_html( get_the_date("M. Y") ) . '</div>';


https://wordpress.stackexchange.com/questions/1638...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы