Как дать отдельные классы стилю месяца и года в функции Wordpress Date?

Question

Я в WordPress, пытаясь отформатировать вывод даты. Это код, который я использую в настоящее время:

<div class="date"><?php the_date('M, Y'); ?></div>

Вывод выглядит так:

МАЙ, 2010

Что я хочу сделать, так это отобразить дату (месяц сверху года):

МАЙ

2010

Я просто недостаточно знаком с PHP, чтобы все заработало. Простого переноса строки было бы недостаточно, потому что я хочу поиграть с размером, размещением каждого отдельно (текст месяца больше, чем текст года, как по центру, и т. Д.). Отдельные классы, применяемые к каждому, были бы идеальными.

Answer 1

мммм ... Я провел еще несколько поисков и, хотя до сих пор не знаю, как заставить функцию «дата» правильно отображать несколько строк, использование функции «время», похоже, делает то же самое безломка.Вот код, который я использую.Прекрасно работает.

<div class="month"><?php the_time(M) ?></div><br />
<div class="year"><?php the_time(Y) ?></div>

Answer 2

<?
$day = get_the_date('j');
$mnth = get_the_date('M');
?>

<div class="cor-date">
   <p><?php echo $day; ?><br><?php echo $mnth; ?></p>
</div>

Answer 3

Поместите это в ваши темы functions.php и настройте с инструкциями из http://codex.wordpress.org/Formatting_Date_and_Time

// Add date
function post_date() {
$date = explode(",", get_the_time("F,j,Y", "", "", false));
echo '<div class="post-date">';
echo '<div class="container">';
echo '<div class="month">' . $date[0] . '</div>';
echo '<div class="day">' . $date[1] . '</div>';
echo '<div class="year">' . $date[2] . '</div>';
echo '</div>';
echo '</div>';
}

А затем используйте

<?php post_date(); ?>

там, где вы хотите, чтобы дата показываласьвверх.

Answer 4

<div class="date">
  <span class='month'><?php the_date('M');?></span>
  <span class='year'><?php the_date('Y'); ?></span>
</div>

Затем вы можете установить интервалы на display: block, если хотите, чтобы каждый из них находился на отдельной линии:

<style type='text/css'>
  .date span { display: block ; } 
</style>

Answer 5

вы должны просто сделать

<?php the_date('M<b\r>Y')?>

или любые другие теги, обеспечивающие экранирование перечисленных символов здесь

Answer 6

На самом деле, начинать следует с разрыва строки:

<div class="date"><?php the_date('M'); ?><br /><?php the_date('Y'); ?></div>

А затем добавьте дополнительный CSS по мере необходимости.Например, если вы затем добавите элементы div, станет очевидно, что разрыв строки может исчезнуть, поскольку отдельные элементы div будут прерываться сами по себе, пока свойство display: родительского элемента div (#date) равно block.

например:

<div class="date"><div style="something-special..."><?php the_date('M'); ?></div><div style="something-else..."><?php the_date('Y'); ?></div></div>