WordPress（ワードプレス）テーマで使った画像やJSファイルの場所 #wp

1年以上前の記事です。内容が古い可能性があります。

といった具合に各コンテンツを固定ページで作り始めたのですがこれが一筋縄ではいきませんでした。
そこで、その前に画像や外部ファイルの整理しておくことにしました。
取り急ぎ「デザインが見れればいいや」と、トップページを作った段階ではかなり強引に外部ファイルを収めたため、「images」フォルダが2つになったり、とんでもないディレクトリにデータをアップしたりしていたので、分かりやすく作成したテーマ内にしまっておくことにします。

こんな感じに「themes」フォルダ内の「plotfactory」フォルダ（作ったテーマ）内に収めます。

ではさっそくディレクトリの表記に「<?php bloginfo(‘template_url’); ?>」を加えていくことにしましょう。
検索置換も考えましたが、僕の場合基本的にURL表記は相対パスで書くことが多いので、ここは一つソースの見直しも含めて一つ一つ辿っていくことにしました。

□ まずはヘッダー（header.php）
javascriptで「swfobject.js」を呼び出している部分に問題あり。

↓

□ サイドバー（sidebar.php）
問題なし

□ フッター（footer.php）
swfobject関連のjavascriptの記述に問題あり。

↓

□ トップページ（index.php）
問題なし

□ コンテンツページ（page.php）
問題なし

意外と使っていなかったので助かりました。
唯一、FlashまわりにJS外部ファイル（swfobject.js）を使っていたのですが、これは実はトップページのみ関係するファイルなので、ヘッダー（header.php）、フッター（footer.php）に書かれている該当部分を、全てトップページ（index.php）に書きこむことにしました。
で、できたものがこちら。
□ index.php

ところがこれだけではまだ解決しません。
CSSのディレクトリ階層も変わってしまっているためCSSに書かれたimagesフォルダの場所も書き換えなければなりません。
こちらにはphp表記は使えないので相対パスで指定します。

元々は「images」と同じ階層の「cssjs」フォルダに入っていたCSSファイルだったので「images」の場所が「../images」と表記されていますが、これをwordpressテーマのCSSに変えたので「./images」ないし「images」に書き変えればいいのです。

以上でちゃんとした場所に外部ファイルを格納することができました。
引き続き、コンテンツデザインをやっていきます。