2006 年 6 月 のアーカイブ

早起きをする

2006 年 6 月 29 日 木曜日

早寝早起き、規則正しい生活が目標なのですが、なかなかうまくいきません。毎日はっと目を覚ますともう6時。予定からするとだいぶ寝坊です。うわあ。

一応、目覚ましをかけ、音楽をセットし、携帯電話もアラームを鳴らすように設定しているのですがどれもこれも突破してしまう睡眠欲の恐ろしさ。何とかせねばなりません。

何か対応策はないかと考え、思いつきました。人に起こされれば目が覚める、ということは人の声がすればいいわけです。アラームや音楽、ラジオだとそのまま寝てしまいますから、私個人に対して呼びかける声があれば。

で、どうしたのかというと携帯カメラのボイスモードで声を録音、それを目覚ましの音に設定したわけです。自分で自分に向けてモーニングコール……。あまりの気持ち悪さに飛び起きます。

絶対人に見られたくない姿の一つです。

聞かなくてすむ方法はただ一つ、設定時刻の前に起きること。

今のところ効果は上々です。ただ、問題点を挙げるとするならば、自分の声を聞いてしまった後の呆然とした空気をどうやって払拭するか、というところにあるでしょう。

外部リンクを別スタイルに

2006 年 6 月 28 日 水曜日

当サイトでの状況

Link Indication Plugin を使うと外部リンクに css クラスを付けることができます。それにより、画像を後ろに付けたり色を変えたり、目立たせることができます。

当サイトはリンクがごちゃごちゃしているのでとても必要なプラグインです。 IE場合によってずれますが、仕方ないと諦めています。

導入

Link Indication Plugin — Software Guide からファイルをダウンロードします。本稿執筆時点でのバージョンは 2.6、使った WordPress のバージョンは 2.0.3 でした。

本体だけでなく、 Images もダウンロードしておきます。

解凍したら、 link-indication.phpwp-content/plugins/ にアップロードします。

次に、使用中のテーマフォルダ、 wp-content/themes/テーマ名/ の中にある style.css を開き、以下を追加します。

[code lang="css" -0]
/* For Link Indication plugin */
a.liexternal {
padding-right: 12px;
background: url(images/link-icon_external.gif) no-repeat right;
}
a.liwikipedia {
padding-right: 14px;
background: url(images/link-icon_wikipedia.gif) no-repeat right;
}
a.liimdb {
padding-right: 18px;
background: url(images/link-icon_imdb.png) no-repeat right;
}
a.liftp {
padding-right: 13px;
background: url(images/link-icon_ftp.png) no-repeat right;
}
a.limailto {
padding-right: 18px;
background: url(images/link-icon_mail.png) no-repeat right;
}
a.liinternal {
}
[/code]

あくまでも例えば、です。お好みで自由に合わせてください。画像を使う場合、上記の書き方だと wp-content/themes/テーマ名/images/ のなかに入れておきます。

後は有効化すれば完了。

オプション > Link Indication に行くと設定を変えることができます。 Specific external link types に記述を追加し、書いたクラス名に上記と同様にスタイルを設定すれば、特定の URL を特殊な見た目にすることが可能です。例えば、 Wikipedia へのリンクはこうなります。

ブログ - Wikipedia

分かりやすいです。

付記

外部リンクであることを示すような画像は

などにもあるので探してみるのも愉しいです。

管理画面を見やすく

2006 年 6 月 28 日 水曜日

SpotMilk

WordPress の管理画面を見やすく、使いやすくするプラグインは数多くあります。昔は WP Tiger AdministrationAdmin Drop Down Menu のセットを使っていました。

しかし、 WP Tiger Administration の左下のスペースが気になって仕方ありませんでした。画面はめいいっぱい使いたいのです。

そうこうしているうちに SpotMilk が良いという話を耳にしました。試さないわけにはいきません。

導入

CeprixConception | SpotMilk, Admin Theme for WordPress からファイルをダウンロードします。本稿執筆時点でのバージョンは 1.6.6、使った WordPress のバージョンは 2.0.3 でした。

解凍したら spotmilk というフォルダを wp-content/plugins/ にアップロード。管理画面から有効化するだけですっきり見易くなります。

お好みで wp-admin.css のフォントの部分をいじるとより見易くなるかもしれません。私は "MS PGothic", "MS Pゴシック", が指定されているのがちょっと好みに合わなかったので、テキストエディタで

[code lang="css" -0]
"MS PGothic", "MS Pゴシック", "LiHei Pro", "儷黑 Pro", NSimSun, AppleGothic, Dotum, 돋움,
[/code]

を一気に削除してしまいました。

ドロップダウンメニュー

Admin Drop Menus for SpotMilk

管理画面のメニュー項目をドロップダウンにするプラグインは Admin Drop Menus Wordpress Plugin が有名です。しかし、 SpotMilk と Admin Drop Menus を併用すると大変なことになります。残念だと思っていたら Spotmilk Admin Drop Menus という形で対応してくださりました。対応の素早さに脱帽です。

導入

本稿執筆時点でのバージョンは 1.2 でした。

Yellow Swordfish » Admin Drop Menus For SpotMilk Wordpress Plugin でファイルをダウンロードしたら spotmilkdropmenus というフォルダを wp-content/plugins/ にアップロード。あとは管理画面から有効化するだけです。

さっぱりすっきりしました。

総括

あなたのお勧めプラグイン10選でも書きましたが、最もよく見る管理画面の美しさはやる気につながります。部屋が綺麗だと気分が良いのと同様に。

素敵な管理画面で素敵な WordPress 生活を。

握手させて下さい

2006 年 6 月 27 日 火曜日

届けモニターの向こうへ

サイトを運営していて何が嬉しいかというと見て下さるお客様がいらっしゃること。実体は見えずとも来て下さったと言うだけで飛び上がりたいほどです。大袈裟? いえいえ、本心です。

特にここ数日は WordPress 関連のことを書いていましたら、閲覧者様急増 ((ここ数日のカウンタの推移より。トータルヒットについてはかなり適当なので信じてはいけません。))で驚いております。やはりぐだぐだな日常よりは実用的なことの方が見たくなりますよね。普通のイラストサイトさんはそこを絵でやるわけですが、遅筆(という字で良いのかは分かりかねますが)なもので文字ばかりの情報になります。

このサイトの文章がまだ見ぬどこかの誰かのためになっているのかもしれないと思うとロマンを感じます。おおお。

なんだかお一方お一方に自家製ゆずの砂糖漬 ((時期を外しているので現在はありませんが。))をお配りしたい気分です。あー、でもそれは個人情報云々で大変ですから、こう、モニターを突き抜けてぐっと腕を伸ばし是非とも握手をお願いしたいです。不気味ですか。

私自身かなり小心者なので、他のサイトさんの掲示板に書き込んだりしていない、もといできないのですが、心意気で伝わらないかなあ、などと思っています。私がここでお話しできるのも、様々な人の絵や言葉に心動かされたからです。桜の木の下でそっと見つめています。気分は卒業式の女学生ですよ。

桜の樹の下には死体が埋まっているのですよね。桜と言えば桜の森の満開の下も忘れてはなりません。

ああ、あれは確か高校受験の時です。過去問でだったか、本試験であったか。国語で坂口安吾の桜の森の満開の下が出題されたのです。すごい学校だと思いました。花であれば桜が好きです。あの潔さも、儚さも、恐ろしさも。ぞっとするようでそのくせ不思議と美しい。

そう遠くない未来に、私は姿を隠さねばなりません。それは決まっていることなので仕方ないのです。しかし心配は無用です。桜のつぼみがふくらむ頃、また御目にかかることができると思います。

皆様に感謝をしつつ、先のことを見ながら。話が脱線しっぱなしですが、とりあえずまとめと致します。

画像に枠を付ける

2006 年 6 月 26 日 月曜日

枠がついているのが見えますか?

のっけから不思議な画像 ((Gravatar に登録していないで当サイトへコメントを残してくださった際のランダム表示画像にしようと思ったのですが、公開直前にあんまりいけていないと思ったので降格された画像。余談ですが。))ですみませんが話題は CSS です。サイト制作の時に詰まったこと。

表示されている画像には枠がついていると思いますが、これには紆余曲折があったのです。

枠がつかない

画像に CSS で枠を付けようと思ったので

[code lang="css" -0]
img {
border:1px solid #ccc;
padding:5px;
}
[/code]

という風に書いたのですが、 IE で枠が一向に表示されません。他のブラウザでなら表示されるのですが。

原因解明

IE のバグかなと思ったらやはりバグでした。やはり君はそうなんだね。分かっていたよ、と、どっと疲れた一瞬です。

  • XHTML(XML宣言あり): 互換モード(この動作はバグです)
  • WinIE6.0互換モード及び5.5以前ではimg要素にパディングが効きません。

この原因はこの二つです。ですが文法的に XML 宣言をしないわけにはいきませんし、困ったなと思ったら、BirDesign さんで IE6以外でのみXML宣言をするPHPコード が公開されていました。

早速いただきまして、事なきを得たと言うことです。

付記

IE のバグには多くの人が悩まされていると思いますが、どうしてあんなにシェアがあるのでしょうか。ため息が漏れます。当サイトの訪問者さんは僅差で Firefox が勝っていますので、頑張ってください。

ファンタジー職業適性診断

2006 年 6 月 26 日 月曜日

Brightness? さんの記事経由でやってみましたファンタジー職業適性診断

結果。

魔法使い、でした。おや、王道です。

『無表情』で『寡黙』だそうで、それも派手な魔法でがーんと、ではなく戦略的に。

……地味ですな。

永遠に少年の心で

2006 年 6 月 26 日 月曜日

月曜日なので車内で週刊少年ジャンプを読んでいるお兄さんが多いです。いつまでも少年の心で、ということでしょうか。

そういえば、昔母親が自分が少年だと言い出した時点でその人は少年ではない。本当の少年ならば自分のことを大人だと言い張るはずだと申しておりました。

むむ、その理論で行くと私もきっちりガキんちょですね。なぜなら、可愛らしい手書きフォントが数多あるなか、えれーなを使うことを選んだのは

落ち着いて見えるんじゃないかなあ

という邪念があったのですから。

ちなみに、えれーなについては和文フォント大図鑑の FREE FONT >> 総合書体/アマチュア 経由で知りました。他にも沢山フリーフォントがあるので試してみたいところであります。

wp-tegaki をつかってみました

2006 年 6 月 25 日 日曜日

なんだか盛り上がっていますね

wp-tegaki を導入してみました。本稿執筆時点でのバージョンは 0.81j。 wp-tegaki (cache enabled) というのもあります。使った WordPress のバージョンは 2.0.3 でした。素晴らしいプラグインをありがとうございます。

いつか使いたいと思ってブックマークに入れたフォントサイトさんは数知れず。こんなところで使えるとは、嬉しい限りでございます。ちなみに、使っているのはえれーなです。

WordPress Plugins/JSeries もできて、日本での WordPress がますます発展していきそうです。わくわく。

応援しています。

トップページだけに表示する

2006 年 6 月 25 日 日曜日

初めてテーマを作ったときに詰まったこと。

トップページだけに「ようこそ、このサイトはなんとかかんとか」とどうやれば表示できるのかが分からなかったのです。

index.php に記述すると、2ページ目にも出てきてしまうのです。つまり、ここのサイトであれば http://isaki.net/ にのみ表示させて http://isaki.net/page/2/ では非表示にしたいのです。何か告知するならともかく、ようこそ! を何度も表示させるのはちょっとお間抜け。

そこで Conditional Tags の出番なのですが。

[code lang="php" -0]

トップページでのみ表示したいこと

[/code]

メインページでのみ表示とありますが、それは次ページ部分も含む様です。一体どうすれば。

答えは K2 のコードを見ていたら分かりました。ああ、なるほど。

[code lang="php" -0]

トップページでのみ表示したいこと

[/code]

home であって且つ paged でない、と言うことらしいです。

逆に、トップページでだけ表示したくないという場合

[code lang="php" -0]

トップページ以外で表示したいこと

[/code]

です。これでナビゲーションを表示しています。

何はともあれ、一件落着。

テーマメイキングその3

2006 年 6 月 25 日 日曜日

話題が飛びに飛んでいるのでテーマメイキングという形で良いのか今更悩んでいます。

CSS リファレンス

頻繁に利用するリファレンス、解説サイトさん。多少詳しい人向けのようです。

IE が結構無茶苦茶なので、「ぎぎぎ」だの「けけけ」だの人間として一歩間違えたような声を発したくなる丑三つ時。名誉のために言っておきますが音は出していません。ええ。ひとつひとつ潰していきます。

なども、ちょっと情報が古いのですが詰まったときの助けとなります。感謝感謝。

画像を制作

欠かせないのが画像です。軽く、かつ見栄え良くを目指して。

Pixia
フリーソフトとは信じられないほど高性能なグラフィックソフト。画像は殆どこれで作っています。
BitmapResizer (音注意)
綺麗に縮小・拡大をしてくれます。これも欠かせません。
Yukari
減色・回転ソフトですが付属の BlastPNG で PNG 画像を最適化するのに使っています。
EDGE
ドット絵エディタですが、ドット絵でなくても使用しています。小さな画像の制作に。

で作っています。

他にも、

Background Image Maker
ストライプやグラデーションなど、背景画像を生成。
Ajaxload - Ajax loading gif generator
ロード中の画像を生成。

を利用することもあります。 Web 2.0 ってすごいです。

チェック

こまめに Validator にかけておきます。別に Another HTML-lint で100点じゃないと許せない! と言うわけではありませんが、ケアレスミスを防ぐには良い方法だと思います。

Lucky bag::blog さんの Lucky bag::blog: Validator は完璧じゃない に詳しくまとめられています。

最適化

W3C CSS 検証サービス でポカミスがないか確認した後、CSS Formatter and Optimiser/Optimizer (based on CSSTidy 1.2) にかけます。無駄がなくなってかなりサイズが小さくなります。が、そのままやるとコメントが消えてしまうので適宜修正を。Preserve CSS にチェックを入れておくとコメントなども残りますが、適化ではなくなってしまいます。

そんなのでへろへろしつつ、何とかなったら完成。……やはり、どこがメイキングなのか困る内容になってしまいました。うーむ、「サイト制作に何を使っているのか公開」とでも改題した方が良いのでしょうか。すみません!

余談

Theme: Drizzle

行方不明の4ヶ月の間、いくつかのテーマを作っては潰し、書いては直していました。これはデータが残っていたものです。今とはすこし印象が違いますが、基本線は一緒です。

背景画像は quarter さんのものです。

この後霞んだようなテーマばかり作っていたので、そろそろクリアーなものが恋しくなっていきます。誰か我に時間を。切実にそう思います。