俺のメインサイトである南国スキー部・沖縄スタイルをデザインチェンジしました。南国スキー部沖縄スタイルは、WordPressと言うブログや普通のページをブラウザ上で作成出来る便利なCMSシステムで構築してるんだけど、公開中のサイトのテーマ(デザイン)を変更するのがこんなに大変だったとは思わんかったさ...。WordPressでは「こっちが更新されたら、あっちのページで告知」みたいな動的なサイトを作れる反面、phpに対応したサーバー上でしか動的な部分の動作確認ができないの。自分のPCのローカル環境で作ると、phpの動的な部分を確認できないから困っちゃう。言って、wordpress上でイチからデザインを組むとなると、その作成中のテーマを有効化しないといけないから、作成中に訪れてくれたビジターさんにも制作過程の状態が表示されちゃうのさ。Drive」と言うプラグイン。このプラグインを使うと、今使っているテーマを変更すること無くWordPressにログインしている「ブラウザのみ」で別のテーマを確認出来るんです。よれによって、サーバー上でしか確認出来ないphpやテンプレートタグが正常に動いているかを確認する事が出来るのよ。サイトを見に来たビジターさんには今までどおり表示されます。痒い所に手が届くプラグインを作る人って凄いよね。作業手順はこんな感じ。1)ローカル上で新デザインをスタティック(静的)で作成。2)全てのテンプレート(.phpとか.css)を作ったらThemeフォルダにアップロード。driveで新テーマを有効化し、必要な箇所をテンプレートタグ化。4)最後に固定ページとブログ記事を新デザインのCSSに書き換える。注意点は、wordpressのプラグインやテンプレートタグは勝手にcssのclass名を付けちゃうから、自動生成されるcssのclass名を使ってスタティックサイトを構築しておくこと。反省点は、スタティックでサイトを作っている段階で、画像は先にアップロードして最初からURLで読み込ませておけば良かったと言う点。俺はスタティックで作成中は面倒臭いから画像のファイル名で読み込ませて作ってたのよ。src=”top_image.jpg”」みたいな感じで大量の画像をさ。最終的に公開する時はそれじゃ読み込まれないから、テーマをアップロードしてから全てURLに書き換える作業が発生しちゃったの。痒い所に手が届く素晴らしいプラグインだけど弱点もあった。このプラグインが有効なのはテーマのテンプレートだけで、固定ページやブログ記事の記述を弄っちゃうと、公開中のテーマにも反映されてデザインが崩れちゃうのだ。driveを有効化しててもテーマ自体を切替えないと、テンプレートは旧cssなのに固定ページは新cssと言う状態になっちゃうの。俺はそれで思いっきりデザインが崩れちゃいました。drive内だけで変更できて、全て完成後にテーマの変更が出来たら100点満点のプラグインだと思うんだけど、そう簡単に行かないから出来ないようになってるんだろうーな。それとも出来るプラグインがあるのかな?出来る人は自分のPCをサーバー化してphpをインストールして確認しながら作るんだろうけど、俺はそっち系ド素人だから無理ポ。公開中のwordpressサイトのテーマを変更した感想...。