web-dev-qa-db-fra.com

Style individuel date mois année

J'utilise le thème barebone de underscore_s pour construire le mien et suis tombé sur ce défi que je voudrais appeler date et mois séparément avec CSS et la sortie du code les met ensemble.

J'ai fouillé et découvert que je pouvais mettre le formatage dans la ligne de code suivante (je ne sais pas si c'est correct, j'ai tout essayé et cela a fonctionné ...)

esc_html( get_the_date( 'd,M,Y' ) ),

mais la sortie est empilée comme le 8 octobre 2014 et je ne parviens pas à leur attribuer des classes individuellement. (ou même les sortir séparément)

le code complet du segment est dans functions.php et est appelé avec <?php mytheme_posted_on(); ?>

function mytheme_posted_on() {
$time_string = '<time class="entry-date published updated" datetime="%1$s">%2$s</time>';
if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) {
    $time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time><time class="updated" datetime="%3$s">%4$s</time>';
}

$time_string = sprintf( $time_string,
    esc_attr( get_the_date( 'c' ) ),
    esc_html( get_the_date() ),
    esc_attr( get_the_modified_date( 'c' ) ),
    esc_html( get_the_modified_date() )
);

$posted_on = sprintf(
    _x( '%s', 'post date', 'mytheme' ),
    '<a href="' . esc_url( get_permalink() ) . '" rel="bookmark">' . $time_string . '</a>'
);

echo '<span class="posted-on">' . $posted_on . '</span>'; } endif;

Merci d'avance si quelqu'un peut m'aider à décomposer le code ci-dessus et à le comprendre.

functionsdatetimestamp
1
annkswe

Comme suggéré, vous pouvez décomposer le format de date en différentes parties.

echo '<span class="date-day">' . get_the_date( 'd' ) . '</span>';
echo '<span class="date-month">' . get_the_date( 'M' ) . '</span>';
echo '<span class="date-year">' . get_the_date( 'Y' ) . '</span>';

Maintenant, chaque élément a une classe associée, vous pouvez donc les styler différemment selon vos besoins.

1
Robert hue

Sortie les séparer comme d, puis m, puis année. Et leur style selon

0
Benjamin Cuslidge