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

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

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

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

WordPress のプラグイン Self Shortener をつくりました。ひとまず動作するようになっているのでリリースします。→ Self Shortener

Self Shortener は、長い URL を短縮するためのプラグインです。tinyurl や bit.ly などに代表される URL Shortener と呼ばれるサービスに相当する機能を WordPress 自身で稼動させます。

短縮 URL を自サイトのドメイン名で作成できるので利用者にも安心です。(SEO 効果もあるかも?)

WordPress プラグインは初めてつくったのでおかしなところも残っているかもしれませんが、もしよければご利用ください。フリーソフトウェア(GPL)です。

現在はURLの登録は管理画面からしかできないのですが、Web API 経由で作成できるような枠組みも用意したいと思っています。

ダウンロードやインストールの方法はこちらからどうぞ。

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

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

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

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

お名前.com の VPS サービスについてのつづきです。

前回は「コントロールパネル」がなかなかナイス、と書いたのですが、やはり「コントロールパネル」だけでは納得のいく環境をつくることはできません。

たとえば、この「コントロールパネル」からユーザ登録する場合には、ユーザ名は8文字以上でなくてはいけないという奇妙な制限があります。またここから登録したユーザのパスワードはいつでも平文で表示可能です。うーん、これはいやです。

そんなわけで、VPS 自体のメンテナンス機能としては「コントロールパネル」を活用するとしても、ユーザ管理やサービス管理などは ssh ログインした上で通常のサーバのように自前で管理するというのが正しい方法なのでしょう。
(続きを読む…)

前回のおさらい。

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回目の記事にも表示しているコードがたくさんあったので、適用しようとしたら……

(続きを読む…)

第2回は投稿したblog記事のページの見た目を2カラムにするというカスタマイズです。
ちなみに、blog記事のページは、WordPressの管理画面(外観>編集)では「単一記事(single.php)」と呼ばれています。

さて、第1回目の投稿記事を見てみると…。
(続きを読む…)