psd2cssを使ったらPSDファイルからWPテーマを数分で作れたけど・・

WordPress(RSS)を好んで使用しますのでソフトウェアとは別にトピックを独立させています

psd2cssを使ったらPSDファイルからWPテーマを数分で作れたけど・・

カテゴリ » WordPress, WordPressその他
書いた日 » 日曜日, 3月 21st, 2010

オンラインでPSDファイルからcssを
作成してくれるpsd2cssというWeb
サービスがあるのですが、通常は
cssとhtmlを作成するこのサービス
でWordPressのテーマを作成する
事が可能です。一応は・・・その方法
を今日はご紹介します。

方法は至って簡単、Photoshopで作成したPSDファイルのテンプレートにレイヤーを2枚加えるだけです。ただし、細かい部分まで作れるのではなく、cssでレイアウトを作ってくれる通常のサービス内容に同梱されているhtmlをWPのテーマファイル用index.phpにするサービスみたいですね。

psd2css

psd-wp01
psd2cssはPSDファイルからcssを作ってくれるWebサービスですが、応用してWPテーマを作成出来るようになっています。

試してみる

pdf-wp
上記のPSDで試してみます。使ったPSDのテンプレートはLayout Profissional by ~justinvertです。

何もせずに変換した場合

psd-wp02
このテンプレートに何も加えずにpsd2cssを使うと上記のようなテキストでzipをダウンロードします。これだと通常のhtmlとcssへの変換です。

PSDにレイヤーを加える

psd-wp03
サイドバーの最上部にsideber_wordpressという名のレイヤーを追加し、サイド部分を塗りつぶします。更にコンテンツにも同じようにcontent_wordpressという名のレイヤーを加えてコンテンツ部分を塗りつぶし、保存。psd2cssにアップロードします。すると

psd-wp04
先ほどのcssのテストビューの旨のテキストから「CMS themes are not able to be previewed directly（CMSテンプレートはプレビューできません）」というテキストに変わりました。こうなっていればWPテーマファイルの作成成功です。解凍してwp-content/themes/内に放り込めば以下のように追加されています。