Comment donner des classes séparées au style du mois et de l'année dans la fonction Wordpress Date?

Question

Je suis en WordPress, en essayant de formater la sortie de la date. Voici le code que je utilise actuellement:

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

sa sortie ressemble à ceci:

MAI 2010

Ce que je veux faire est d'avoir l'affichage de la date comme celui-ci (le mois au-dessus de l'année):

MAI

Je suis ju st pas assez familier avec PHP pour faire fonctionner les choses. Un simple saut de ligne ne serait pas suffisant car je veux jouer avec le dimensionnement, le placement de chacun séparément (le texte du mois est plus grand que le texte de l'année, les deux centrés, etc.). Des classes séparées appliquées à chacun seraient idéales.

Answer 1

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

Vous pouvez ensuite définir les portées à display: block si vous veulent qu'ils soient chacun sur leur propre ligne:

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

Answer 2

En fait, un saut de ligne est un bon endroit pour commencer:

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

Et puis ajouter CSS supplémentaires au besoin. Par exemple, si vous ajoutez ensuite div, il devient apparent que le saut de ligne peut disparaître, puisque les séparations séparées se briseront d'elles-mêmes tant que la propriété display: sur la div parente (#date) est block.

par exemple:

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

Answer 3

mmmm ... Je l'ai un peu plus de recherche et, alors que je ne sais toujours pas comment la fonction « la date » pour afficher correctement plusieurs lignes, en utilisant la « la la fonction "temps" semble faire la même chose sans se casser. Voici le code que j'utilise. Fonctionne très bien.

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

Answer 4

vous devriez pouvoir tout faire

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

ou toute autre balise en vous assurant échapper les caractères listés here

Answer 5

Mettre cela dans vos thèmes functions.php et personnaliser avec des instructions de 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>'; 
} 

Et puis utilisez

<?php post_date(); ?> 

où vous voulez que la date apparaisse.