デザイン
デザインに関する備忘録
- サブカテゴリ毎に記事をまとめて表示2
08-08-18
前回の記事で不満だった部分を解消してみた。
具体的には以下のようにする- 親カテゴリのトップページにサブカテゴリの一覧を表示
- 各サブカテゴリ毎に記事をまとめて表示
前回で解決できなかった問題は自動でサブカテゴリの一覧を取得してループさせながら各HTMLを出力させる事。
そもそもつまづきの原因はサブカテゴリのIDを取得できなかったから。
逆に言うと「親カテゴリに属するサブカテゴリのIDを全て取得」できれば実現可能という事になる。
そこでかなり微妙ながらサブカテゴリのIDを取得するように試みた。- 個別記事のテンプレート完成
08-05-12
個別記事のテンプレート（single.php）が完成しました。
これで一通りは完成しました。
残すところはお問い合わせのページとなります。
続きを読む- サブカテゴリ毎に記事をまとめて表示
08-04-18
親カテゴリのページでサブカテゴリ毎に記事をまとめて更新状況を表示させたかったので調べた。
（実際にやってみたページはコチラ。）サブカテゴリを指定して記事を取り出すのは以下のテンプレートタグで出来る事が分かった。
- 個別記事を属するカテゴリーと同じデザインにする
08-03-18
カテゴリーのトップページだけでなく、個別記事のデザインもカテゴリーと同じデザインを適用しようとした場合にどうすれば良いのか・・・。
個別ページに行った時に、single.phpの中でカテゴリーを調べて該当するページに飛ばせば良い、というのは分かるが「じゃあどういう構文？」と考えたら全然分からない。諦めかけたがフォーラムでズバリの解決方法を発見。
フォーラム万歳！！
近いものを試したが、 $post=$wp_query->post; というのは知らなかった。これによりテンプレートタグの in_category() が効いてくれて解決。
以下がその手順。- 個別記事ページのデザインを変更する
08-03-18
single.phpファイルを作成
個別記事ページ用のデザインは「single.php」ファイルを作成してアップロードすれば変更できる。
- カテゴリごとにデザインを変更する
08-03-18
カテゴリごとでデザインを変更したい場合、ファイル名の変更だけで実現できる事を発見。試しにやってみた。
category-XX.phpファイルを作成
XXの箇所はカテゴリIDを入力（例： category-2.php）。全てのカテゴリに同じデザインを適用したい場合は、
「category.php」
とすれば良い。
ちなみに優先順位は category-XX.php ＞ category.php- スタイルシートで段組を作成する
08-03-13
スタイルシートを利用して２段組のレイアウトを作成する。
これは以前からホームページ制作で利用していたスタイルシートをそのまま引用。
このスタイルシートは色々なサイトを参考にして自分用の初期テンプレートとして使用している。「index.php」を下記のように変更して保存する。
- アップロードして確認
08-03-13
- 必要なファイルをフォルダごと全てアップロードして確認する。アップロード先は「/wp-content/themes/」
- 管理画面から「表示」→「テーマ」の中にある先程アップロードしたテーマを選択する
- 「サイト表示」で確認する
ソースを確認すると以下の通り
- sidebar.phpの作成
08-03-13
以下の内容を入力して保存
続きを読む- header.phpの作成
08-03-13
以下の内容を入力して保存
続きを読む- index.phpの作成
08-03-12
以下の内容を入力して保存
続きを読む- style.cssの作成
08-03-12
「style.css」を作成
以下の内容を入力して保存
ここで記述した内容が管理画面の「表示」→「テーマ」で表示される。- ブログのデザインを変更していく
08-03-12
WordPressでは、テーマというものを選択する事によって容易にブログの全体のデザインを変更する事ができる。
テーマとはサイトのデザインを構成するテンプレートファイルの一群の事。
テーマによって違いはあるが、大体必要となるのは以下のファイル（らしい）。
