WordPress(ワードプレス)やMacやxreaの他に、プラスひかげ的Webスタイル

ひかげStyle

WordPressで自作テーマの構成(hikage1.0)

ひかげstyleで自作しているWordPressのテーマ(theme)構成は次の通りです。

追記 ≫ 2007年11月1日以前の内容となります。

WordPressの自作テーマ(ひかげstyle)

WordPressのテーマ hikage1.0の工程

  1. デザインとコンテンツ構成などを紙やノートへラフデザインする(5分程度)
  2. ラフデザインを元に、DREAMWEAVER 8でHTMLとCSSを作成(40分程度)
  3. 各種ブラウザ(WinとMac)で表示確認と修正(小1時間)
  4. WordPressへ落とし込みと確認(style.cssとindex.phpの最小構成で40分程度)
  5. index.phpからモジュール(header.php,footer.phpなど)へ落とし込み
  6. 必要なテンプレート(home.php,category.phpなど)構成を決めて落とし込み
  7. 条件分岐で表示内容の構成と決定
  8. プロトタイプのテーマが完成
  9. プロトタイプのテーマを各種ブラウザで表示確認と修正

当サイトの自作テーマ hikage1.0 は、およそ4時間で作成し、修正を少しずつ重ねながら理想的なテーマへ近づけています。

本日のテーマ修正

  • home.phpを3件表示へ修正
  • index.phpから条件分岐で、ページを表示の際に更新日を表示させる
  • category.phpは、タイトルのみを10件単位の表示へ修正

修正に使用したテンプレートタグなど

<?php query_posts('showposts=3') ?>

更新日:<?php echo $post->post_modified; ?>

オプション-表示設定から、ブログページ-最大表示数 3投稿分を10投稿分に変更

関連記事

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です