株式会社ジラフィー(Giraffy)

このサイトに iPhone でアクセスしたときの表示を改善してみました。Android でも同様に表示します。(BlackBerry にも一応は対応したいと思って、表示としては同じものを使用しているのですが、こちらは正直微妙です…)

WordPress を使用しているので、本当は WPTouch などのプラグインを使用したほうが手軽で、綺麗で、高機能なのですが 、今回は表示切り替え方法の調査・研究も目的のひとつであったので既存のプラグイン利用は見送り自前で実装しました。

まだ一部うまく対応できていないページもあり、ナビゲーションにもまだまだ改善が必要なのですが、少しずつ修正していきたいと思っています。

Giraffyで作成したオリジナルテーマでは、全ページ共通して読み込んでいるのは、style.css ですが、他にも各ページ毎に違うcssファイルを読み込ませています。
ページ毎のcssファイルは、テーマフォルダにcssフォルダを作成して準備しました。

• home.css
• blog.css
• page.css

それぞれ、名前のとおりhome用、Blog用、その他ページ用として作成されています。

これを、条件分岐タグを使用して header.php で使用するcssファイルを切り替える…という技(？)のメモです。
(続きを読む…)

前回のおさらい。

1. サイドバー（sidebar.php）を作成する
2. 検索フォーム searchfrom.php を作成する
3. Blog の単一記事を表示する single.php を作成する

前回は途中で力つきてしまったので、今日は最後まで一気に紹介します。
(続きを読む…)

前回のおさらい。

1. サイトデザインを決める
2. html・css にコーディングする
3. テーマ用フォルダを作成する
4. header.php と footer.php を作成する
5. トップページとBlogページのテンプレートファイルを作る
6. index.php と page.php を作成する
7. TOPページ、Blogページ用の「ページ」を作成する

そして最後に、パーマリンクの設定をしてTOPページ、Blogページともに適切なURLに変更しました。

さて今回は…
(続きを読む…)

以前は、default テーマを利用してカスタマイズしながら Blog のテーマを作成していました。

しかし、今回はサイトリニューアルにあたり、Blog 以外のページ（TOPや会社概要のページなど）も WordPressにまとめようということに。

もちろんデザインもやりなおし…。

ってことで、テーマを default からではなく、ゼロから作ることにしました。
せっかくなので、その方法をメモしておきます。

(続きを読む…)