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

BlackBerry のテーマの作成について長々と書いていましたが、ようやくエクスポートまでを更新することができました。

BlackBerry用テーマの作り方

内容が長くなってしまいましたので、少々読みにくいページになってしまいましたが、こちらについてはページ分けなどして徐々に見やすいページに変更していこうと思います。

また、これで完成というわけではありませんので、不明な点が明らかになった場合などは加筆していこうと思います。

なお、テーマの作り方で作成したテーマ（オレンジ猫）を近日無料配布いたします。

テーマの作成ですっかり更新が滞っていましたが、ようやく更新しました。
今回は、「コントロール」のカスタマイズについての追加です。

• コントロール（ダイアログ、ボタン、メニュー、リストなど）をカスタマイズする

ダイアログやリストの部分のカスタマイズは、 Theme Studio のバグなのか仕様なのか不明な箇所が多いため、こちらで把握できている部分だけを書かせていただきました。
もう少しじっくりと確認したいのですが、また時間がかかりそうです。

次回はテーマファイルの書き出しまで一気に更新できるといいなと思っております。

また、ご要望をいただきましたので Unicorn + SwitchScroll のカレンダー表示と色違いを現在検討中です。

他にも「このテーマの色違いがあれば」とか、「アイコンをこんな風に表示したい！」などのご要望やご意見があれば、どんどんお聞かせください！

あらためて作り方を書いていると、テーマの作成って結構ややこしいものですね。

• 動作を確認するためのシミュレーターを設定する
• ホームスクリーンのアイコンの背景を変更する
• ホームスクリーンのアイコンアニメーションを設定する
• バナー （画面上部のエリア） をカスタマイズする
• アプリケーションリスト (Application List) のアイコンの背景を変更する

上記が本日更新した箇所です。

ページが見づらくなってしまいましたので、作り方ページを細分化しようと思います。

「BlackBerry用テーマの作り方について」ページの以下の項目を更新しました。

• 背景画像を変更する
• フォントを変更する
• ホームスクリーンにカレンダーや新着メールを表示する
• ホームスクリーンにアイコンを追加・配置する

ページが縦長になってきましたので、目次やページTOPに戻るリンク等も追加いたしました。

ちなみに 「BlackBerry用テーマの作り方について」 で使用しているオリジナルテーマ（手書き風ネコ：オレンジ）は、ページ完成後にはフリーテーマとして配布することを予定しております。

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 からではなく、ゼロから作ることにしました。
せっかくなので、その方法をメモしておきます。

(続きを読む…)

全体的にデザインがやっつけ仕事な感じでしたので、サイト全体のデザインを一新しました。

いまは、全ページがWordPressで構成されています。

今回はdefaultテーマをカスタマイズせず、一から作ったので、時間ができればまたテーマ作成方法なども追加していきたいと思います。

そういえば、最近ぜんぜんBlogのカスタマイズをしてないので、とりあえず前回書いた記事のコードをもっとキレイに見せようかな〜。と、思い立ってコード整形用のプラグインを検索。

SyntaxHighlighter というのが、一般的に広まってるようなのでWordPress管理画面の「プラグイン」から、SyntaxHighlighter Evolved という新しいやつを入れてみる。

インストールは無事完了。
試しに、第一回目の記事のcssのコード記述を [css] 〜 [/css] で囲ってみる。

SyntaxHighlighter Evolved を試してみた

お。いい感じ！
と思って第2回目の記事にも表示しているコードがたくさんあったので、適用しようとしたら……

(続きを読む…)