楽しいテーマ作り

  • 04 / 01
  • 2007

去年の今頃は、こんなにWordPressのテンプレ(テーマ)作りが楽しいなんて想像も出来ませんでした。が、しかしですね、テンプレートタグやテンプレート(テーマ)の構造を見慣れて来ると、全然違いますね。去年初めてデフォルトテーマのカスタマイズをした時、なによりも英語でドキュメンテーションを読み、デフォルトテーマの構造を解剖して行く事自体に殆どの時間が費やされて、細部まで思うようにカスタマイズするのにも四苦八苦だったわけです。PHPを見るたびに、かなり圧倒されて、ホントに自分でスクラッチからテーマ作りができるのだろうかと思ってました。

でも、何度もやってるうちに、人間は覚えるものなんだな〜と実感してます。何度も壁にぶち当たり、何度も読み直し、リサーチしているうちにいろいろ分らない事がわかってきて、問題解決をするたびに喜びが見い出せる。ってことで、今テーマ作りがまるでアートを製作するかのように楽しいです。

半年前に断念してたローカルサーバー作りも再開し、バーチャルPCに見事Apacheサーバーが稼働、PHPとMySQLもインストールされ、WordPressをやっと動かせる環境が整いました。ホントはhiromasaさんが紹介してます、「Eclipse + XAMPP で WordPress の開発環境を作ろう」を挑戦してみたかったんですよ。でも、サーバーインストールとDB構築の勉強をするために必須と思い、手動でApacheとPHPとMySQLのインストールをしてみたわけです。インストール自体はそんなに難しくないのですが、ApacheにてPHPとMySQLをコンフィギュア設定するのが一番難しかったし、なによりもphpMyAdminが無いので、DB構築と設定が手動でやらなくっちゃいけなくてとっても大変でした。ということで、やっとローカルサーバーでテーマ作りが出来るようになって、かなり嬉しい今日この頃です。

そして、WordPressのテーマカスタマイズを始めた頃にこの本を手にしてたらなーと思ったのが、DetlogのNaoさん著のこの本「WordPress標準ガイドブック―導入&基本操作からフルチューンまで」!やっと落ち着いて、テーマ作りをしながら読んでいるのですが、まあ凄い!!オリジナルテーマを作成したい人には、かなり必須アイテムになりうる本だと思います。この本出版後に出版されたWordPress関連の本、「WordPressサイト構築スタイルブック―デザイナーのためのテンプレートタグリファレンス+サイトデザインテクニック」もとっても興味あるので、近々購入してみようかと。

とにかく、WordPress漬けのここ最近。ブログの更新を忘れてしまうくらい、楽しくてしょうがありません(笑)

387 Views

11 Comments are posted.

  1. aki

    endunhamさんこんにちは☆
    endunhamさんWordPress使いこなしてるんですね〜!!
    すーごーいーです。
    私はWPインストールしてテーマを色々入れ替えたりしただけで、自分ではコードなぞ触る機会もなく、もう全くもって駄目です!
    私はMTですけどテーマ作りって楽しいですよね☆
    endunhamさんの新しいいろんなテーマ楽しみですね!

  2. endunham

    Akiさん、こんちは!
    いや〜、やっとここままでこれた!ってカンジですよ。
    実は私、MTを全くもって触ったことがないんです。きっとWPユーザーには珍しい人かもしれません(笑) たいてい、MTからWPへというケースの人多いですものね。
    ローカルサーバーもあることだし’、これからMTやいろいろなCMS触ってみようかと思います!

    あ、そう言えば。Akiさんのサイトもデザインリニューアルされましたよね。akiさんの素敵なデザインに感化されて、今テーマ作りにハマってるんですよー。

  3. aki

    endunhamさん、WordPress後MTだったら、MTは比較的わかりやすいと思いますよ!htmlにMTタグを入れるだけなのでわかりやすく、どちらかというとデザイナに優しいと思います。

    あと、インデックス用、カテゴリ用、アーカイブ用にテンプレートが別れているのでそれぞれにデザインを分けようと思えば分けられたりできますし、カテゴリごとにプラグインやその他の機能を使ったりしてデザインを分けることができます。

    あと、WPだとブログはそれぞれ独立していますが、MTの場合1つのMTシステムの中に複数ブログを持つことができるので、Aというブログの情報を、Bというブログに読み込んだりできるし、それぞれのブログに違うデザインを施したりしてビジネスブログを作りやすく、なので企業型HP(ビジネスブログ)に向いているかな・・と思います。

    WPは1つ1つのブログが独立しているので、XHTMLでレイアウトが思いっきり違うテーマを作っても、テーマの切り替えをしやすく、それぞれのブログに最適なコーディングを施せる利点がありますよね。
    MTはWPを受けてスタイルを変えることができるスタイルキャッチャーというプラグインがちょっと前にできましたが、これは同じXHTMLの構造にCSSだけを変えるだけなので、レイアウトからCSSまでをスタイルキャッチャーで変えることはできないんです・・。これが変えられたらすごくいいなぁーと思いますが、基本的なブログの作り方がWPとは違うのでやっぱり無理なのかなぁと思います。。

    個人的には:)・・MTとWPの欲しいところが一緒になったようなものがあると・・嬉しいですよね。:)望みすぎ??:)

  4. aki

    ついつい先のコメントではMTとWPに夢中になってて・・追加です。:)
    >あ、そう言えば。Akiさんのサイトもデザインリニューアル
    >されましたよね。akiさんの素敵なデザインに感化されて、
    >今テーマ作りにハマってるんですよー。

    そうだったんですか!(゜o゜)
    嬉しいコメントいただいてありがとうございます!_(_^_)_
    endunhamさんテーマの配布とかできますね!!楽しみですね☆

  5. ひかげstyle

    こんにちは。ひかげです。

    当サイトの記事でも書いていますが、
    以下の三冊は、ひかげstyleのサイト公開において
    とても参考になりました。

    WordPressでつくる!最強のブログサイト
    WordPress標準ガイドブック
    WordPress サイト構築スタイルブック

    もともとが、PHP系のツールを使用していたので
    MTの再構築になじめませんw

    WordPress サイト構築スタイルブックも
    個人的にはおすすめできる一冊だと思います。

    新しいテーマを楽しみにしています。

  6. endunham

    >akiさん
    なるほど、MTもなかなか面白そうですね。やっぱりいろいろ触って、見比べて、ニーズに合わせてツールを選んで行くのって大切ですね。ウェブデザイナーに求められるものが、Web2.0時代絶頂期(?)に入って益々高度になって来てるのをかなり実感してますよ。CMSとCSSをここ最近になってじっくり勉強するようになって、akiさんやその他ウェブデザイナーさんを改めて感心してます。私もがんばらないと!

    あ、そうそうakiさんが書かれている記事、IE6とIE7の共存。興味あるので、後程試してみようかと。

    MTを触り始めた際は、是非akiさんのブログに入りびたたせて頂きますよー(笑)
    ちゃんと配布できるか不安ですが、テーマ製作頑張ります!

  7. endunham

    >ひかげさん
    あ、やっぱりそうでしたか!では今日早速アマゾンで注文してみます。いい本は、やっぱり人伝えが一番見つかり易いですものね。

    このブログの現テーマには、ひかげさんのMacOS9.x用ハックをまだ導入してないのですが、今製作中のものに念のため導入してみます。CSSのブラウザによる不具合、それにおける原因、そして対応できるハックなど、まだまだ瞬時に判定できるレベルにない私です。
    製作中のテーマも、果たして配布できるまでのレベルになるか…。ま、なんとか頑張りますね!

  8. ひかげstyle

    こんばんは。ひかげです。

    ハックの件ですが、外国産のテーマでは少し問題があるようです。

    詳細は、当サイト内の該当記事にて追記しましたので、
    お時間があればごらんください。
     

  9. endunham

    >ひかげさん
    ハックの情報ありがとうございます!なるほど、外国産ですか。
    ひかげさんが紹介されているsetsu.orgさんの記事、もしかして私が捜し求めていた解決策かもしれません。
    ホントありがたいです!!!

  10. ひかげstyle

    こんにちは。ひかげです。

    さっそく、素敵な新しいテーマのお披露目ですね。

    MacIEから文字化けもなくコメントできています。

    ハックの件で、外国産テーマの問題に気付いたのは、
    うちのサイトで相互リンクをさせていただいた
    「Rif.2nd」さんのサイトでハックを導入したとのことで
    コメントをつける時に発覚した次第です。

    小粋空間さんでも使っているCSSなので
    安心していましたが、調べてみたところ
    外国産のテーマでは適応されないらしいということに
    辿り着いたわけです。

    無事に解決できたようで、なによりです。

    お勉強させていただきました。ありがとうございます。

  11. endunham

    >ひかげさん
    Mac IEでのテスト報告までして頂いて、ありがとうございます!ホントに助かります。

    こちらこそ、ひかげさんのリサーチとそれに関する記事に感謝してます。こうやって同じような問題にぶち当たって、解決策を見出して、シェアしあえるのってブログの凄さですね。これからも宜しくお願いします!

Any comment?




XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>