FeaturedImage

WordPress テーマ作成録 #4

やったこと

  • トップページ(home.php)の作成
  • アイキャッチ画像を表示する
  • 記事の抜粋を表示する
Sponsored Link

トップページに記事のタイトルをリストアップする

 トップページ用のテンプレートとなるhome.phpを作成する。home.phpはindex.phpをベースに、記事タイトル・記事の抜粋・アイキャッチ画像を表示するようアレンジする。

Memo

  • index.phpは全てのページのテンプレート
  • home.phpはトップページのテンプレート。
  • WrodPressでは生成ページごとに使用されるテンプレートが決まっている。
  • テーマフォルダ内に優先順位の高いテンプレートが使用され、ページが生成される。

アイキャッチ画像を表示する

 アイキャッチ画像を表示するには、function.phpでアイキャッチ画像の機能を有効にし、the_post_thumbnail();で出力する。

記事の抜粋を表示する

 the_excerpt();で記事の抜粋を表示する。デフォルトでは記事の抜粋は110文字で作成中のテーマには多すぎるので、function.phpでこの文字数を変更する。

 トップページのメインカラムがブログサイトっぽく新着記事が表示されるようにcssをいじる。

まとめ

 トップページと記事ページを差別化したことで、だいぶブログサイトとしてのテーマが出来上がってきた。また、色合いなど全体的なデザインも少しずつ固まったきたような気がする。次回はページネーションやナビゲーションを追加したい。またスタイルシートに手を加えて少しデザインを整えていこうと思う。