« カスタマイズに挑戦 | メイン | ココログに挑戦(2) 横スクロール!? »

ココログに挑戦(1)

ココログに申し込んできました。えっ、ここはどうするのかって? もちろん、こちらがメインです。ココログはメインサイトの更新日記として活用できないかと考えて試してみることにしたのです。

理由。
・せっかく@nifty会員なのに、30MB(ホームページ容量より多いんですよ!)も無料で使えるスペースを遊ばせておくのはもったいない。
・メインサイトは万年容量不足状態。更新日記なんて微々たるものだけど、それでも節約になるものなら少しでも節約したい。
・更新の度にココログの新着記事に載せられるのは魅力的だ。

…とまあ、もっともらしい理由もあるのですが、本音はやっぱり「これ、触って試して遊んでみたい~」でしょうね(^^;。

申し込んだのは、もちろんベーシック。「無料」がポイントですから。450円も払うのなら、Movable typeを設置できるサーバーがもう1つ借りられちゃいますからね。ただしベーシックには出来ることに限りがあって、自分で自由にデザインできません。cssも触れない、ということになっていますが、そこは…ふふふ(笑)。ネットを検索すればあるわ、あるわ、裏技サイトがいっぱい!! 実はベーシックでもその気になればcssが触れる!というのも試してみようと思ったきっかけでした。

まずはアカウントを取って、ブログを作成(もちろん、まだ公開はしない)、記事を2つほど書いてみて使い心地を試します。MTとあんまり変わらんナ~。カスタマイズしやすそうな(イメージに近い)テンプレートを選び、さっそくcssをダウンロード。自分のブログのソースを見たらcssファイルのアドレスが分かるので、それを直接IEのアドレス欄に打ち込んで開くわけです。私の場合はFrontPageを通常使っているせいか、それでファイルが開きました。中身をコピーしてメモ帳に貼り付け、別名で保存。ブログそのものをIEで「名前をつけて保存→web頁、完全」を選んで保存すればHTMLファイルと関連付けた形でcssファイルもいっしょにダウンロードされますから、その方法でもいいですね。

さあ、あとは存分にカスタマイズ! ローカルに保存したインデックス頁でシミュレーションすればアップする前にデザインがチェックできていいです。おかげでかなりイメージに近い形まで作り上げることができました。欲を言えば、個々の記事をボーダーで囲みたかったのだけど、どうもdivが記事全体にかかっているようなので、それは無理だったようです(もし方法が分かれば追記します)。

出来上がったら、まずはcssファイルをアップロード。ココログのスペースにアップ機能を使ってアップする人もいるようですが、私は自分のwebスペースを持っているので、そちらにアップしました。次にココログの管理頁へ行って、ウェブログ→設定で、サブタイトルのコーナーにcssへのリンクタグを書き入れます。ここに書くのは本来なら文法違反らしいのですが(^^;、気にせずやります(笑)。気になる人はマイリストへ埋め込むとか、他に方法も色々あるようなので、好きなやり方で入れればよいと思います。私は下記のサイト様を参考にさせていただきました。

詩織さんの自作スタイルシートの適用
SHIONblogさんのウェブログ・ココログ関連のバックナンバー

ありがとうございますーm(_ _)m
特にスクロールバーの色変えの頁は参考になりました。bodyでやっても変わらないので、何でだろう~と悩んでいたところ、なんとhtmlで指示するのか~と勉強になりました。

きれに表示されたココログを見てまずは満足! しかし、私にはこの後、高いハードルが待ち受けていたのだった…。(続く)