WordPressの新しいテーマ「Twenty Eleven」をベースにカスタマイズしたテンプレート（GREEN CUSTOM）スマートフォン対応テーマを配布致します。

「GREEN CUSTOM」テンプレートと先に配布致しました「BLUE CUSTOM」スマートフォン対応テンプレートとの違いは３カラムであることとIE6・IE7にも（ある程度は）対応しています。
また、ＰＣ専用ウィジェットとスマートフォン用ウィジェットを設定し領域を分けることで解像度に応じたホームページの見やすさを実現しています。
＊そもそもは当サイト（http://platinumcolor.net/）のベーステンプレートとしてカスタマイズしているため各サイズも専用に設定されています。

「GREEN CUSTOM」パステルグリーンのテンプレートは日記タイプのブログを想定していますので蛍光色のようなカラフルな色づかいになっています。
もちろん個人利用及び商用利用にかかわらず利用制限等はございません。（フリー）

＊再配布のみ不可。

「GREEN CUSTOM」スマートフォン対応パステルグリーンのテンプレートのサンプルサイト リンク

「GREEN CUSTOM」スマートフォン対応パステルグリーンのテンプレートテーマのダウンロード

まだまだ未完成部分があるとおもいますが、お好みでカスタマイズしてみてください。

インストール方法

１）「smartphone_green.zip」ファイルのダウンロードを行い、書庫のフォルダ内容を復元するように解凍してください。

２）「smartphone_green」フォルダーを「wp-contentのthemes」に転送してください。

＊サイト内容に応じて各ウィジェットに表示項目を登録してください。

GREEN CUSTOMテンプレートのコンセプトはパステルグリーン・・蛍光グリーンです。
グリーンであることに深い意味はありません。
公開していない色として緑を選んだまでです。
また、トップ画像として登録している画像は再配布制限に引っかからないように当方で撮影した画像から簡易的な景色ですのでサイトのイメージに合う画像をご用意ください。＊816 × 220ピクセル

その他、気づいた点がありましたら、そのつど追加・変更していきます。

また、カスタマイズに関するご質問等ございましたらお気軽にご連絡ください。

WordPressの新しいテーマ「Twenty Eleven」をベースにカスタマイズしたテンプレート（BLUE CUSTOM）スマートフォン対応テーマを配布致します。

「BLUE CUSTOM」スマートフォン対応テンプレートは表示するブラウザのサイズによって自動的にレイアウトやフォントサイズ・配置バランスが調整されます。
従来のテンプレートをスマートフォンで表示させると縮小された全体表示から一部分を拡大し左右に動かしなから閲覧する・・非常に手間の掛かって見づらい状態でした。
スマートフォンにも対応した「BLUE CUSTOM」は、スマートフォンの液晶画面に合わせた画像・文字のサイズで判りやすく表示します。

「BLUE CUSTOM」スマートフォン対応テンプレートは企業ホームページや商用サイトでの利用を想定したビジネス対応のテンプレートです。
もちろん個人利用及び商用利用にかかわらず利用制限等はございません。（フリー）

＊再配布のみ不可。

「BLUE CUSTOM」スマートフォン対応テンプレートのサンプルサイト リンク

「BLUE CUSTOM」スマートフォン対応テンプレートテーマのダウンロード

まだまだ未完成部分があるとおもいますが、お好みでカスタマイズしてみてください。

インストール方法

１）「smartphone_blue.zip」ファイルのダウンロードを行い、書庫のフォルダ内容を復元するように解凍してください。

２）「smartphone_blue」フォルダーを「wp-contentのthemes」に転送してください。

＊メインサイドバー は左または右に配置可能なウイジェット領域、コンテンツエリアがトップページ本文上段に表示する領域、ショーケースサイドバーはショーケースレイアウトを選択した際に表示、フッターエリア１～３はフッター領域へ左から順に表示します。
＊サイト内容に応じて各ウィジェットに表示項目を登録してください。

BLUE CUSTOMテンプレートのコンセプトは青です。
MovableTypeOS用 無料テンプレートにも「BLUE CUSTOM」はありますが、WordPress用に青は作成していませんでしたのでビジネス用途にも使えるデザインと広がりつつあるスマートフォンへの対応第１段階として作成致しました。

＊ＩＥつきましては、ＩＥ８以上でのみ対応。ＩＥ７以下では表示が乱れます。

その他、気づいた点がありましたら、そのつど追加・変更していきます。

また、カスタマイズに関するご質問等ございましたらお気軽にご連絡ください。

WordPressのDefaultテンプレート「WordPress Default」をベースにカスタマイズしたテンプレート（WHITE CUSTOM Mk2）テーマを配布致します。

先に配布を行った「BLACK CUSTOM」「WHITE CUSTOM 」テンプレートは変則的な３カラムのため、汎用３カラムテンプレートとしてWHITE CUSTOM Mk2を制作しました。

WHITE CUSTOM Mk2はガンプラアフィリエイト専用テンプレートとしてカスタマイズを行っていますが、マクロス系やミリタリー系ならば合うのではないでしょうか。

当テンプレートも、個人利用及び商用利用にかかわらず利用制限等はございません。（フリー）

＊再配布のみ不可。

 「WHITE CUSTOM Mk2」テンプレートのサンプルサイト リンク

WHITE CUSTOM Mk2テンプレートテーマのダウンロード

まだまだ未完成部分があるとおもいますが、お好みでカスタマイズしてみてください。

インストール方法

１）「whitecustom_mk2.zip」ファイルのダウンロードを行い、書庫のフォルダ内容を復元するように解凍してください。

２）themes内にある「whitecustom_mk2」フォルダーを「wp-contentのthemes」に転送してください。

３）「images」フォルダーはサイトURL直下に転送（サイトパス直下）。

＊alpha が中央のメインカラム、betaが左側カラム、gammaが右カラムとなっています。
＊サイト内容に応じて各ウィジェットに表示項目を登録してください。

WHITE CUSTOM Mk2テンプレートのコンセプトは白ですが、白から灰色のグレー配色を用いたミリタリー調をイメージして作成しています。
「BLACK CUSTOM」「WHITE CUSTOM 」の変則３カラムは汎用性に欠けることもあり、カスタマイズベースになるtwtの３カラムテンプレートを作成するにあたり、趣味も反映させて頂きました。
基本はガンダムフィギュア・プラモの紹介・アフィリエイトサイトをイメージしていますが、ご自身で画像を入れ替えるなら応用範囲も広いと思います。

テーマ内で用いる画像ファイルはすべてテンプレートに付属しています
「whitecustom_mk2」フォルダー内のimagesがテンプレートでしている画像ファイルです。
同名のファイルを作成してimages内に転送を行えばテーマ内で表示する各背景画像が変わります。

また、タイトルロゴも「images」フォルダー内にに入っています（logo.png）。
現在は「CTWM2」のシンプルなロゴなのでお好みに応じて書き換えてください。
＊「無地logo.png」は、文字のないベース用の画像です。

その他、気づいた点がありましたら、そのつど追加・変更していきます。

また、カスタマイズに関するご質問等ございましたらお気軽にご連絡ください。

WordPressのDefaultテンプレート「WordPress Default」をベースのカスタマイズテーマ「BLACK CUSTOM」を、さらにカスタマイズした白銀のテンプレート（WHITE CUSTOM）テーマを配布致します。

当テンプレートも、個人利用及び商用利用にかかわらず利用制限等はございません。（フリー）
＊再配布のみ不可。

 

  「白銀のテンプレート」サンプルサイト リンク

白銀のテンプレートテーマのダウンロード
白銀のテンプレートも漆黒のテンプレートと同じく、３カラム仕様のウィジェット用サイドバーを左側の２列に配置するテンプレートです。

また、右側にメインコンテンツ配置していますが、最上段はウィジェットに対応していて、状況に応じたコンテンツの入れ替えが可能となっています。

まだまだ未完成部分があるとおもいますが、お好みでカスタマイズしてみてください。

インストール方法
１）zipファイルをダウンロードして、書庫のフォルダ内容を復元するように解凍。
２）「whitecustom」フォルダーを「wp-contentのthemes」に転送してください。
３）「images」フォルダーはサイトURL直下に転送（サイトパス直下）。
４）イメージflashファイルを利用する場合は、「whifla.swf」をURL直下に転送後、
「flash（alpha ウィジェット).txt」の内容でテキストウィジェットを作成してください。
＊alpha が右側のメインカラム、betaが左側カラム、gammaが中央カラムです。
５）betaカラムでリンクメニューを利用する場合は、「メニュー （betaウィジェット テキスト）.txt」を参考にテキストウィジェットを作成してください。
＊サイト内容に応じてリンク先及びメニュー項目を変更してください。

白銀のテンプレート（WHITE CUSTOM）のコンセプトは白であり、キッチンや厨房をイメージして作成しました。
裏のコンセプトを意識するあまり、壁紙のタイル模様に不釣り合いな配色もありますが、白と銀色の清潔感あるデザインなので応用範囲は広いと思います。
また、壁紙タイルの原画でもある「bodyback.psd」も同梱していますので、気になる方は赤・青・黄色のタイルを白に入れ替えると良いでしょう。

また、タイトルロゴは透過GIFにて作成し、サイトURL直下に転送（サイトパス直下）「images」フォルダーにアップロードしてください。
その後、themesのblackcustom内にある「header.php」を書き換えればタイトルが変わります。
＊編集はUTF-8でエンコード

「whifla.swf」」は、alpha ウィジェットカラムの利用サンプルです。
飲食系のホームページ向きのフラッシュにしましたが、本来はアフィリエイトやサイトの紹介画像・広告等を設置します。
＊alpha ウィジェットは、インデックスページ・ページで表示、カテゴリやアーカイブページ等では表示しません。

その他、気づいた点がありましたら、そのつど追加・変更していきます。

また、カスタマイズに関するご質問等ございましたらお気軽にご連絡ください。

MovableType （MTOS）用スタイルテンプレート「BLUE CUSTOM」をさらにカスタマイズした紅色特製型板（RED CUSTOM）テンプレートを配布致します。

当テンプレートも、個人利用及び商用利用にかかわらず利用制限等はございません。（フリー）
＊再配布のみ不可。

  

「紅色特製型板」サンプルサイト リンク

http://platinumcolor.net/mtos/redcustom/redcustom.zip
紅色特製型板テンプレートは、BLUE CUSTOMのトップ３カラムに対してTW の２カラムです。
領域の広さを生かした画像付き記事に適しています。

ya風テンプレートからBLUE CUSTOMの変更に比べると紅色特製型板テンプレートは
配色とデザイン変更が主なカスタマイズです。
２カラムの変更に伴うスタイルシートの修正もありますがwith値の変更程度でした。
そのため、基本的動作等はBLUE CUSTOMと同じです。

まだまだ未完成部分があるとおもいますが、お好みでカスタマイズしてみてください。

インストール方法
１）BLUE CUSTOMやya風と同じく、zipを書庫のフォルダを復元して解凍してください。
２）「redcustom」フォルダーは「mt-staticのthemes」に転送。
３）「image」フォルダーはサイトURL直下に転送（サイトパス直下）。
４）index.html及びtxtファイルの内容を「ブログのテンプレート」の各項目と差し替えて（コピペ貼り付け）ください。

注意点等はBLUE CUSTOMと同じですので別記事にて解説した内容も参考にしてください。

重要 google検索及びリンクに用いたIDは、当スタジオ取得のアドセンスＩＤとなっています。
IDをお持ちの方は、ご自身のＩＤに書き換えてください。

紅色特製型板（RED CUSTOM）テンプレートのコンセプトは赤・紅・朱と和の融合。
紅を和で表すのならば他にも表現方法がありますが、裏コンセプトもあるため
日本的すぎるのもシリーズ的な融合性がとれなくなります。
そのため、ありがちですが紅葉と重ねることで表・裏のコンセプトを同時に表しました。

こちらも、アフィリエイト系のサイトに対応するためトップページの左カラムは234pxバナー、
カテゴリー・個別ページの右カラムは300px前後のバナーに対応しています。

また、トップページでは３カラムのメインウィジェットを表示、カテゴリー（アーカイブ）・個別ページでは
２カラムウィジェットを表示ていますので状況に応じたアフィリエイトリンクの使い分けが可能となっています。

画像データ作成に用いたフォトショップのpsdファイルも同梱しています。
ページトップの画像作成に用いたpsdファイルのサイズの関係でzipファイルも大きくなりました。
不要な方にはご迷惑かと思いますがご了承願います。

その他、気づいた点がありましたら、そのつど追加・変更していきます。

また、カスタマイズに関するご質問等ございましたらお気軽にご連絡ください。

MovableType （MTOS）用スタイルテンプレート「ya風」をカスタマイズしたBLUE CUSTOMテンプレートを配布致します。

 個人利用、及び商用利用にかかわらず利用制限等はございません。（フリー）
＊再配布は不可。

「BLUE CUSTOM」サンプルサイト リンク

http://platinumcolor.net/mtos/bluecustom/bluecustom.zip
ya風よりも汎用性を重視しています。
こちらもまだまだ未完成部分がありますので、お好みでカスタマイズしてみてください。

インストール方法 : zipを書庫のフォルダを復元して解凍してください。
「bluecustom」フォルダーを「mt-staticのthemes」に転送、「image」フォルダーはサイトURL直下に転送（サイトパス直下）、index.html及びtxtファイルの内容を「ブログのテンプレート」の各項目と差し替えて（コピペ貼り付け）ください。

「簡単な解説」
BLUE CUSTOMテンプレートは、２カラムを標準として作成し、HTMLヘッダーとindex.hemlに追加したタグによりトップページを３カラムにしています。
＊詳細につきましては「MovableTypeOS用 無料テンプレートの配布「ya風」」の解説をご覧ください。

そのため、付属するtxtファイルをアーカイブテンプレートと書き換えて、モジュールを追加する必要があります。
また、トップページの中心カラム（alpha）はウィジェットとして表示させているため、ウィジェットセットの作成で「メイン」作成してください。
＊ウィジェットセットの「メイン」を未作成のまま再構築を行うとエラーが発生します。

重要 google検索及びリンクに用いたIDは、当スタジオ取得のアドセンスＩＤとなっています。
IDをお持ちの方は、ご自身のＩＤに書き換えてください。

BLUE CUSTOMテンプレートのコンセプトはミリタリー。
タイトルロゴは下記のサイトで配布されているフォントを利用しています。
http://www.dafont.com/usaaf-stencil.font

用途としてアフィリエイト系のサイトを想定しているため左カラムは100px前後のバナー
中カラムは478pxのバナー、右カラムは300px前後のバナーを貼ることができます。
アフィリエイトのリンクはウィジェットとして作成することで、状況に応じた広告の入れ替えが可能です。
また、トップページ以外のカテゴリやアーカイブは、2カラムのサイドバーに設定されたウィジェットが
表示されるのでトップページと他のページで異なるアフィリエイトが可能となっています。

画像データ作成に用いたフォトショップのpsdファイルも一部同梱しています。
お好みでサイトに合わせたデザインと配色へ書き換えてください。

その他、気づいた点がありましたら、そのつど追加・変更していきます。

また、カスタマイズに関するご質問等ございましたらお気軽にご連絡ください。

前回のコラムでお知らせした MovableType （MTOS）用スタイルテンプレート「ya風」を配布致します。

http://platinumcolor.net/mtos/ya_custom/yaho_custom.zip
未完成部分もありますが、細かな部分はお好みでカスタマイズしてみてください。

インストール方法 : zipを書庫のフォルダを復元しつつ解凍し、「yaho_custom」フォルダーを「mt-staticのthemes」に転送、「image」フォルダーはサイトURL直下に転送（サイトパス直下）、index.html及びtxtファイルの内容を「ブログのテンプレート」の各項目と差し替えて（コピペ貼り付け）ください。

「簡単な解説」
ya風テンプレートは、２カラムを標準として作成しているためスタイルの変更だけでは地味な表示となります。
ウィジェットセットの作成で「メイン」作成し、index.hemlとHTMLヘッダー・バナーヘッダー・バナーフッターの書き換えで上記サンプルのような表記に変わります。

重要 google検索及びリンクに用いたIDは、当スタジオ取得のアドセンスＩＤとなっています。
IDをお持ちの方は、ご自身のＩＤに書き換えてください。

「カテゴリトップ表示」のウィジェットはメインに配置、「定番サイト」と「天気とカレンダー」（共にgoogleガジェットを利用）を左右のカラムに配置すれば、サンプルと同様の構成になります。
あとは、ウィジェット タグ参考に記載したタグを参考にアフィリエイトリンクを作成してみてください。

ya風テンプレートでは、トップページは３カラム、各カテゴリ表示や個別ページは２カラムとなっています。
MovableType OSではカラムの設定を個別に変えることができませんが「HTMLヘッダー」に

<mt:if name=”page_layout_override”>
<mt:setvar name=”page_layout” value=”$page_layout_override”>
</mt:if>

index.htmlに

<mt:setvar name=”page_layout_override” value=”layout-twt”>

を追加してカラム数を変更しています。

また、なるべく書き換え項目が少なくて済むように、テンプレートモジュールに分割せず
index.htmlに埋め込みました。
あまり美しいやり方ではありませんので、お好みで分割してください。

その他、カテゴリページや個別ページのカスタマイズが甘かったり、
java表示のもたつきが気になりますが、気づいた点がありましたら、そのつど追加・変更していきます。

微妙にサイズを変えたり表記を変えていますが、問題等がございましたら
メールにてご連絡ください。
また、遊びで作成したテンプレートなので至らない点も多くありますがご了承ください。