3

このウェブサイトをチェックしてください：http: //vabbie.com/

ウェブサイトはワードプレスです。投稿の左側にある日付スタンプは非常に一般的なものです。次のスタイルに変換したい：

ここに画像の説明を入力

数値部分は大きく、左側がくぼんでいます。「10 月」の部分は 10 月で、その下は 2012 年です。

日付スタンプに次のphpコードを使用しています：

<div id="time"><?php the_time('F j, Y') ?></div>

しかし、スタイリングの仕方がわかりません。

ワードプレスに詳しい方教えてください。

ありがとう！！

4

2 に答える 2

3

ここにCSSと一緒にコードがあります

<style>
.post-date {
    float:left;
    font-size: 30px;
    margin:5px;
    color: #999;
    font-weight:bold;
}
.post-monthyear {
    float:left;
    font-size: 14px;
    line-height:12px;
    color: #999;
    border-right: 1px solid #999;
    margin-right: 5px;
    padding-right: 10px;
}
</style>    
<div class="post-date"> <?php echo the_time('j') ?> </div>
<div class="post-monthyear"><?php echo the_time('M') ?> <br/><?php echo the_time('Y') ?> </div>

タグの周りは CSS で、index.php に含めるか、css ファイルに貼り付けることができます。スタイリングのためにCSSで遊んでください..

それが役立つことを願っています..

于 2012-12-02T16:04:04.640 に答える
3

これは、PHP の日付関数が使用するのと同じ形式を使用します。

形式テーブルを確認し、適切な文字を選択して、文書化されているとおりに目的の出力を取得してください。

echo '<div id="time"><span>' . the_time('j') . '</span><span>' . the_time('M') . '<br />' . the_time('Y') . '</span></div>';

始めるには =o) SPAN のスタイルを設定して横に浮かせてから、CSS を使用してフォントなどのスタイルを設定します。

于 2012-12-02T06:22:44.703 に答える