styleswitcher＊複数のテーマをトップページから変更

WordPressには、ThemeSwitcherというプラグインがあり、このプラグインを入れると、管理画面からわざわざスタイルを変更せずに済みます。

ただ、１つ問題なのは、配布されているテーマの場合は問題ないと思いますが、自分で作成したテーマの場合、CSSで1つのテーマから複数のスタイルを変更することによって作成できるのに、上記のプラグインを使うとわざわざフォルダを作ってファイルもコピーしなければならないことです。

ここでは、1つのテーマフォルダの中に複数のスタイルシートを入れることによって、テーマフォルダ１つでスタイルを変更できる方法を書いていきたいと思います。
※プラグインではありません。
※MovableTypeを使用していた経験がある人の場合、知っているかもしれません(*´∇｀*)

1.

フォルダ構成

１つのテーマフォルダを元に複数のスタイルシートを作成する。

スタイルシートで使用するイメージファイルなどは、他のスタイルシートで使用しているファイルと区別をつけるために、分けておくと良い。

例：

theme–default–style.css
　　　　　　　　
　　　　　　　　　　└style-ver1.css
　　　　　　　　
　　　　　　　　　　└style-ver2.css
　　　　　　　　
　　　　　　　　　　└style-ver3.css
　　　　　　　　
　　　　　　　　　　 └ver1（style-ver1.cssのイメージ用フォルダ）
　　　　　　　　
　　　　　　　　　　└ver2（style-ver2.cssのイメージ用フォルダ）
　　　　　　　　
　　　　　　　　　　└ver3（style-ver3.cssのイメージ用フォルダ）
　　　　　　　　
　　　　　　　　　　 └index.php
　　　　　　　　
　　　　　　　　　　 └header.php
　　　　　　　　
　　　　　　　　　　└footer.php
　　　　　　　　
　　　　　　　　　　└以下略（他必要なファイルです。）

2.

styleswitcher.jsをダウンロードする。

A List Apart様のサイトからstyleswitcher.jsをダウンロードする。
ダウンロードファイルは、かなり下のほうにあります。
リンクにマウスオーバーを当てて、右クリックし、名前を付けてリンク先を保存してください。
ファイルは、テーマファイルの直下に入れてください。
デフォルトのテーマの場合：defaultのフォルダの中へ。