このページの本文へ

前へ 1 2 次へ

  • twitterでつぶやく
  • はてなブックマークに登録
  • del.icio.usに登録
  • livedoorクリップに登録
  • Buzzurlに登録
  • StumbleUponに登録
  • Google Bookmarksに登録
  • Facebookでシェア
  • Yahoo!ブックマークに登録
  • お気に入りに登録
  • 本文印刷

CSSやXHTMLの知識がなくてもとりあえず作れる!

WordPressのテーマ作成を超効率化するジェネレーター

2009年01月22日 11時00分更新

文● 小橋川誠己/企画報道編集部


完成したテーマをお持ち帰り→WPに導入

 ひと通りの設定が済み、だいたい納得できる状態になったら、一番下にある「Save」ボタンを押してテーマファイルをダウンロードしよう。WordPressのテーマは、ヘッダーやフッターといったブロックごとに分割されているが、Wordpress Theme Generatorでは必要なファイルをZIPファイルにまとめてくれる。ダウンロードしたZIPファイルをローカルで解凍して、中のファイルを丸ごとWordPressのThemesディレクトリにアップロードすれば準備は完了。あとは、WordPressの管理画面から作成したテーマを選べば、すぐに利用可能だ。

Wordpress Theme Generator
(左)=「Save」ボタンを押すと表示されるダウンロード画面。「download themes ZIP file」からファイルをダウンロードする。(右)=解凍したZIPファイルの中身。これらをまとめてWordPressのThemesディレクトリにアップする(右)
Wordpress Theme Generator
管理画面の「外観」→「テーマ」を開くと「WordPress Theme Generator」のテーマが選べるようになる(画面はWordPress 2.7)

 実際に編集部でも作成してみたのが以下の画面だ。以前、Photoshopの記事で作成した背景画像(関連記事)を使い、透過PNGを重ねてみた。ここまで、テキストエディタやオーサリングツールを一度も立ち上げることなく、テーマが出来上がってしまった。

Wordpress Theme Generator
できあがったテーマをさっそく適用してみたWordPressサイト

 とても便利なWordpress Theme Generatorだが、最終的に細かいところまで思い通りのデザインに仕上げるには、当然ながらPHPやCSS/XHTMLの知識が必要だ。ただその場合も、Wordpress Theme Generatorを使えば作業をかなり効率化できる。生成されるソースはシンプルできれいなので手を入れやすく、いらない部分はささっと削除してしまえばいいし、直したい部分だけ書き換えればいい。WordPressのオリジナルテーマ作成には、Wordpress Theme Generatorをぜひ活用してみよう。

前へ 1 2 次へ

カテゴリートップへ

ASCII.jp会員サービス 週刊Web Professional登録

Webディレクター江口明日香が行く

みんなが買ってる最新アイテムはコレだ!

Microsoft Windows 7 Home Premium 通常版 Service Pack 1 適用済み

iPhone 4S/4 防指紋性・高光沢機能性フィルム PRO GUARD AF for iPhone 4S/4 / PGAF-IPH4

iPhone 4S/4 防指紋性・高光沢機能性フィルム PRO GUARD AF for iPhone 4S/4 / PGAF-IPH4

マイクロソリューション Micro Solution Inc.

83人が購入

BenQ 24型 LCDワイドモニタ XL2420T

BenQ 24型 LCDワイドモニタ XL2420T

ベンキュージャパン

37,238円〜

3人が購入

jQuery Mobile スマートフォンサイト デザイン入門 (WEB PROFESSIONAL)

jQuery Mobile スマートフォンサイト デザイン入門 (WEB PROFESSIONAL)

アスキー・メディアワークス

2,499円〜

20人が購入

メモリーカード 32GB (PCH-Z321J)

メモリーカード 32GB (PCH-Z321J)

ソニー・コンピュータエンタテインメント

7,772円〜

6人が購入

Amazon.co.jp