トップページの記事一覧の新着投稿のポストタイトルのスタイルを変更
ソース：
英語サイトのどこか(忘れました･･･)
index.phpを開いて、div class post と div class entry の間に次のコードを入れる。(ポストタイトルの部分)
<?php $currentdate = date('Y-m-d',mktime(0,0,0,date('m'),date('d'),date('Y')));
$postdate = get_the_time('Y-m-d');?>
<?php if ($postdate==$currentdate) {
echo '<h2 class="posttitlenew">';
} else {
echo '<h2 class="posttitle">';
} ?>
<あ href="<?php the_permalink() ?>"><?php the_title(); ?></あ>
</h2>
これで、新着記事のポストタイトルには div class=”posttitlenew” が使われ、古い記事のポストタイトルは div class=”posttitle” が使われる。
テストでは投稿されて１日はposttitlenewが使われ、その後posttitleに戻る。
あとはスタイルイートに、新着と標準のポストタイトルをつける
h2.posttitlenew a{ font-size:28px;}
h2.posttitle a{ font-size:18px;}
このように新着記事のタイトルのフォントサイズを変えたりして遊べる。
他にも、次のようにするとエントリーの背景カラーを変えたりなど出来る。
<?php $currentdate = date('Y-m-d',mktime(0,0,0,date('m'),date('d'),date('Y')));
$postdate = get_the_time('Y-m-d');?>
<?php if ($postdate==$currentdate) {
echo '<div class="entrynew">';
} else {
echo '<div class="entry">';
} ?>
新着投稿は白文字 黒背景にして、標準の投稿は黒文字 白背景など
Did you like this? Share it:
PR
関連してるかも
- 2009年9月29日 -- [WordPress] バナーなどをランダム表示
ヘッダー画像をランダム表示するハックを応用して、ページのリロード時にバナーなどをランダム表示
参考ハック
How to: Display a random header image
バナーを表示させたい場所に次のコードを貼る
バナー A
バナー B
バナー C
バナー D
バナー E
バナー F
バナー G
ran... - 2009年9月29日 -- [WordPress] シングルページにパンくずリスト
このブログはパンくずを置くたけの広さがないので今後のための備忘録
サブカテゴリーを設置してないなら次のコードで十分です。
single.phpのリストを表示させたい場所に
... - 2009年9月23日 -- [WordPress] ポストをランダムに表示する
投稿をランダム表示する機会が訪れた時のための備忘録
index.phpやpage2.php(ランダムポスト用テンプレート)を開き、次のコードを追加。
'showposts' => 1
表示させるポストの数
サンプル
特定のカテゴリーの記事だけランダムするには
カテゴリー10の記事をひとつ表示の形になる
サイ... - 2009年9月22日 -- [WordPress] 本文をカラムでレイアウト
ページで、WPウェブを構築する時に、使いようによっては便利そうなので備忘録。
投稿やページの本文内をカラム付けし、本文をレイアウトできる。
文章を3列にしたり、上段と下段をフルwidthで、間を2列にしたり
などなど
(divとCSSで出来る事ではあるのですが)
single.php, page.phpを開き、エントリー部分に、次のコードを追加する。
その際、本文を表示させる the_... - 2009年9月21日 -- [WordPress head内] wp_head();のWordPressバージョンを消す
meta name="generator" content="WordPress x.x.x" を消すには、head内に直接コードが書かれていればそこを消すだけですが
wp_head();から吐き出されるWordPressバージョンを消すには
functions.phpに、次のコードを追加する。
... - 2009年9月20日 -- [WordPress head内] ページテンプレートごとにCSSを読み込む
ページでWPウェブを構築する際に便利そうなので備忘録
ページごとにテンプレートを変更して、それぞれに応じたCSSを使用する
例えば、以下の構成で作る場合
「page.php」 デフォルトのページテンプｒ－ト
「page.css」 page.phpのレイアウト用CSS
「nosidebar.php」 サイドバーを外したテンプｒ－ト
「nosidebar.css」 nosidebar.phpの... - 2009年9月19日 -- [WordPress] テンプレートをカテゴリーごとに変更(単一ページ)
シングルページのテンプレートを、カテゴリーごとに変更したい時
用例
・category-Aは、両サイドバーにする
・category-Bは、サイドバーをなくす
・category-Cは、文章だけなのでエントリー幅を見やすく
・逆にcategory-Dは、画像が多いのでエントリー幅を広く
などと、色々と遊べそうです。
１、single.phpを開く
２、以下のコードを書き保存
... - 2009年9月18日 -- [WordPress] テンプレートをカテゴリーごとに変更(カテゴリーページ)
カテゴリーページのテンプレートを、カテゴリーごとに変更したい時
用例
・category-Aは、両サイドバーにする
・category-Bは、サイドバーをなくす
・category-Cは、記事一覧をタイトルのみにする
などと、色々と遊べそうです。
１、category.phpを開く
category.phpが無い人は新規に作成
２、以下のコードを書き保存
カテゴリーID5の時は... - 2009年9月14日 -- [WordPress] bodyを、ページごとにbody id="xxx"に変更
トップページや、シングルページごとに"body id"を振り分ける。
WPブログではあまりページごとにスタイル変更する必要もないですが
WPウェブを構築する場合は、ページごとにスタイルを変更できるとなにかと便利です？
もっと、シンプルに出来るとは思うのですが、phpをよく理解してないのでこれが限界です。
変更箇所
header.phpの＜body＞
変更後
トップページ
body ... - 2009年9月12日 -- [wordPress] category_description カテゴリーページにカテゴリ説明表示
カテゴリー管理で入力した、カテゴリーの説明を、カテゴリーアーカイブページにアクセスしたときに表示させる。
archive.php(category.php)を開き、説明を表示させたいとこにコードを
...
Post in サイト作り //
