web-dev-qa-db-ja.com

個別スタイリング日月年

私は、underscore_sベアボーンテーマを使用して私のものを構築していますが、日付の月と年をCSSで別々にスタイル設定したいという課題に直面しました。

私は調べてみて、次のコード行の中にフォーマットを入れることができることを発見しました（これが正しい方法であるかどうかわからない場合、すべて試してみてこれでうまくいきました...）

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

しかし、出力は2014年10月8日のように一緒にスタックされており、私はそれらにクラスを個別に割り当てることに失敗しています。 （あるいはそれらを別々に出力することさえ）

セグメントの完全なコードはfunctions.phpにあり、<?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;

誰かが上のコードを分解してこれを理解するのを手伝うことができるならば、前もってありがとう。

functionsdatetimestamp
1
annkswe

提案されているように、あなたは異なる部分で日付フォーマットを分類することができます。

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>';

各項目にはそれに関連付けられたクラスがあるので、必要に応じてそれぞれ異なるスタイルを設定できます。

1
Robert hue

D、次にm、そしてyearのように別々に出力します。そしてそれらに従ってスタイルを整えます

0
Benjamin Cuslidge