Archive for the ‘Works’ Category

WebDesign 国立成育医療センター研究所 周産期病態研究部

2010年5月22日

[Web][Design] 独立行政法人 国立成育医療センター研究所 周産期病態研究部
URL | http://ntec.heteml.jp/nch/

WebDesign 千葉県宅地建物取引業協会浦安地区

2010年3月30日

[Web][Design] 社団法人 千葉県宅地建物取引業協会浦安地区
URL | http://www.urayasu-net.jp

(続きを読む…)

HT-03AのためにGoogleアカウントをとってみた

2010年2月16日

こんばんは、サイトトルです。(読者が何人いるのかわかんないけど)
調子に乗ってブロガー名刺のようなもの作ってしまいました。

Gmailとういうのはフリーメールという認識でした。当然ですね。
そういうことでHT-03Aを買う前は登録用のアドレス、いわゆる広告メールを受け取るためのアドレスという認識でした。

(続きを読む…)

WordPress導入(テーマカスタマイズ)

2010年2月14日

wordpressを導入して、まずはテーマ探し。結構、楽しい。
テーマを紹介しているサイトは星の数ほどあるし、管理画面からも探せる。

wordpress.comから移転を決意したのはアフィリエイトをしたかったからなので、3columnかとも思ったが非常にシンプルで美しいplainscapeに決定。

自分で作っても良かったんだけど手間削減。

アフィリエイトに大きな期待をしているわけではないが自分の気に入ったものは、やっぱり紹介したい。
アマゾンへリンクを貼らないのも読者に失礼な気がする。
まっ、今のところ読者はいないんだが(爆)

思いつくまま気の向くままに書くブログなので、もしも収入になるならホリエモンのように寄付したいと思う。
そういう人になりたい。

で、表題の件だが
シンプルで美しいplainscapeはフォントがいまいち。
管理画面からスタイルシートを編集でちょちょいのちょい。
最近お気に入りのセリフ系フォントに変更。

font-family: Georgia,Baskerville,Palatino,Times;

背景にほんの少しGrayを入れる。

background-color:#FCFCFC;

全体のテキストカラーもGrayにして、リンクカラーはBlack。
ユーザビリティからするとマイナスだが、あくまでシンプルにしていきたいのでここは勘弁。
自己満足の世界。

フッター部分にコピーライトと管理画面へのリンク追加。
ウィジェットのメタ情報でもいいのだが、やっぱりシンプルに。

&copy; <?php echo date('Y'); ?> <?php bloginfo('name');?><?php wp_register(' | ',''); ?> | <?php wp_loginout(); ?>

preタグスタイルもご紹介します。
デフォルトでは縦横のスクロールバーがでたりして見にくいんですよね。

pre {
    /* Mozilla */
    white-space: -moz-pre-wrap;
    /* Opera 4-6 */
    white-space: -pre-wrap;
    /* Opera 7 */
    white-space: -o-pre-wrap;
    /* CSS3 */
    white-space: pre-wrap;
    /* IE 5.5+ */
    word-wrap: break-word;
    margin: 0px;
    padding: 2px;
    border: dotted 1px #cccccc;
    line-height: 1.3em;
    background-color: #ffffff;
    color: #000000;
}

ついでにいくつかの表記を英語にしてみた。
小さいサイズの日本語フォントは美しくない。
サーバーからlanguageフォルダ内のja.poとja.moファイルをダウンロードしてPoeditで書き換え。ちゃちゃっとアップロードして完了。う~ん、美しい。

月別アーカイブの表記順変更
原文 : %1$s %2$d
対訳 : %2$d年 %1$s → %1$s %2$d

月の表記変更
原文 : January
対訳 : 1月 → January

変な表記の部分があったら教えてください。

あとは写真部分の取り扱い。
キャプション入れると枠がつく仕様になっているようだが、、、保留。
これはこれで面白いかも。
ブログを更新しながら考えよう。

参考にさせていただいたサイト