3.2step & coffee 

 
 
2009年10月  ≪  123456789101112131415161718192021222324252627282930 ≫  2009年12月
 
 
     
     
     新しい記事へ▶ glassのデザイン
     過去の記事へ▶ フルスイングな城彰二
     
     

    ひと月がたちました。

    カテゴリ:モノ・デザイン  |  2008.02.03 Sun
    アメブロからFC2へやって来て、ほぼひと月がたちました。

    テンプレートを決めて、お正月中にいろいろいじくり回した後、地味にちょっとずつ変更を加えていたテンプレートも、そろそろ落ち着きつつ。でもCSSとかHTMLとか、やっぱり難しいなぁと実感してみたり。一応忘れそうなので、その後の変更を記録。

    ちなみに、ベースはコチラのテンプレートです(^-^)/

     はじめてのブログデザイン

    ブログテンプレート名「hajime005-orange」を使わせて頂きました。改めて見ますと、デフォルトはシンプルに綺麗にまとまっていますね。ウチは色々くっつけて大分ゴテゴテして来ました^^; 本家ではその後、記事別の[Edit]ボタンを追加して頂いたみたいで、ますます使いやすくなっております。さらに、落ち着たクールな感じの第4弾テンプレートも良いですね。サイドバーのマウスオーバーで色が変わったり、>>が光ったりするのがかっこいいです!


    さて、今日触った部分は、「最近のコメント」です。ココはツリー型がいいなと思っていました。プラグインも探して見たのですが、ピタッとハマるのが無かったので、コチラを参考にスクリプトを追加して対応させてみました。

     コメントリストを記事別にまとめて表示する for FC2 ブログ(小粋空間)

    スクリプトの中身については全く知識はございません^^; 書いてある通りに追加しました。HTMLの方は、コメントタイトルを省き、日付と名前だけでシンプルにしてしまいました。コメントタイトルまで入れると、以外と長くなってしまって、改行されてたりで見にくくなりそうだったので。そんな感じなので、コメント入力フォームからはコメントタイトルを入れる欄も取ってしまいました。タイトルは、記事のタイトルが有れば内容はわかりますしね。逆にそれ以外の事を書かれても困るし・・・(実はスパム対策だったり)。ちなみに、メアドも入力不要、絵文字ボタンも無くしています。この辺はシンプル化推進運動の一環です! あと、HTMLの方で、記事タイトル部分にもリンクが付くようにちょっと追記しました。

    実はこれマウスオーバーでコメント内容が表示されるんですね。これはお手軽便利です!!(改行のタグが表示されてしまうのはご愛嬌^^;)


    その前には、最近の記事検索をプルダウンにしました。これは共有プラグインを利用しています。名称は「最近の記事表示」なので、検索すると出て来ます。最近の記事はスクロールすれば見れるので、リスト表示されている必要も無いかなぁ、と思った次第。同作者でカテゴリもプルダウンにしてくれるプラグインもありますが、コチラはリスト表示されていた方が使いやすいので入れませんでした。

    以前、様子を見ると言っていたタグクラウドに関しては結局TagClickをメインに据えています。以前も書いたようにカスタマイズの自由度が高いですし、何といっても「自動取得機能」が優れています。以前のアメブロではこれが上手く機能しなかったので挫折していたのですが、FC2に来てからは1日後ぐらいには確実に拾ってくれています。タグ付けに関しては、記事の書き方を工夫する(キーワードを事情取得してくれる範囲内に盛り込む)ことで、格段に楽になります。後は、ちょっと変更するぐらいで上手く機能しています(^-^)/

    それから、無駄に重くなるのも難なので、jacketやバナーリンクはトップ以外で表示しないようにしました。これについてはココを参照。

     プラグインカテゴリ3を常に表示させる (FC2ブログのテンプレート工房)

    通常は、プラグインカテゴリ3はトップページのみ表示されるようなっているらしいので、それを利用してプラグインを分けてみたのですが、なぜか全部のページで表示されてしまいます。なんでかなぁと思って検索してたら。上記に当りました。私が使用しているテンプレートは始めから全部のページで常に表示させる状態になっていたので、上に書いてある事とは逆に<!--index_area-->って部分を書き加えました。これはなかなか気がつきにくいところでした^^;

    お遊び的ですが、ファビコンを付ける! というのもやってみました。

     ファビコンをつけよう!(初心者でもできる簡単FC2ブログの作り方)

    そもそも、ファビコンって何? から始まったのですが。無事に付いています。画像はテンプレートのリストマークのオレンジのリングをそのまま使ってみました。

    え〜あとは・・・、

    勝手に有名人ブログバナーリンク(低解像度だから許して(*_ _)人)をモノクロにしました。カラフル過ぎてゴチャゴチャに見えますからね。これもトップ以外では非表示のプラグインカテゴリ3へ。それから、マウスオーバーでカラーになるようにしてみました。方法は、こちらでお勉強。

     HTML手打ちで作るホームページ講座

    こうして見ると、いろんなアクションが出来るのですねぇ。ただ、カラーの画像を読み込むのにちょっとタイムラグが有るので、width="0"で直前に画像を挟み込んで事前に読み込ませるようにしてみました(こんなんで良いのかしら・・・)。さらに、アクションと言えば秀逸なのがコチラ。

     ページ内リンクをスクロールで魅せる JavaScript(はじめてのブログデザイン)

    これはチョー気持ちいい〜っ!!(by北島康介)。記事の一番下に「このページのTOPへ」ボタンを追加しました。単なるリンクでは有りません。あら不思議、シュルルル〜とスクロールしてTOPへ戻るじゃあ〜りませんか!(byチャーリー浜)。この動き、癖になります^^; スクロール距離が長いほどスピードが速かったり?と小技も利いています(^-^)/

    後は、新しい記事を書く為のボタンをプロフィールの隅っこに入れたり、サイドバーのタイトル前に緑の■を入れてみたり。アクセス解析は、思いの他FC2で提供しているのが使いやすいので、忍者は省いてもいいかなぁ・・・と思ったりとか。まだまだ、やれそうな事が有りそうですが、どんどんデザインが崩れていく感じ・・・^^;(しかもちょっと重い・・・)


    何れにしても、アメブロからは完全移行宣言です!!

    そのうち、アメブロとFC2の使用感を比較してみたいとは思っています。
    カテゴリ:モノ・デザイン   |  Comment(2) |  Top  |  EDIT
     
     
     
     
    Comment
     2008.02.04 Mon 01:14  hajime #-
    jell-jell さんこんばんは☆
    祝!ひと月!VIVA!ひと月!
    当ブログテンプレートへのお褒めの言葉ありがとうございます。

    「プラグインカテゴリ3」の件、お手数おかけしてしまいました(ぺこり)

    それにしても、色々なカスタマイズがあるのだな〜と勉強させて頂きました。

    [Edit]ボタンの時同様、今後の制作の参考(バクリ)にさせて頂きたいと思いました。

    ではでは!(ぺこり終了)
      [URL][Edit]
     2008.02.04 Mon 02:38  jell-jell #-
    こちらこそ、お世話になっております。

    無事、アメブロより完全移籍を果たしました。今回参考にさせて頂いたSmooth scrollingは、スゴいです。こんな事も出来てしまうのですねぇ。面白くて何度も押してしまいました^^;ハハ

    そろそろ、カスタマイズも落ち着いて来たので、後は地味に更新していきます。
    また、おもしろいカスタマイズがあったら参考にさせてください(^-^)/

      [URL][Edit]




    (編集・削除用)


    管理者にだけ表示を許可
     
     
     
     
    記事検索
     
     
     
     
    プロフィール


    編集者:jell-jell(twitterはコチラ
    見たもの、聴いたもの、読んだもの、何でも感想文として記すブログです!

     
     
     
     
    お世話になってます(ブックマーク)
     
     
     
     
    カウンタ
     
     
     
     
    Made on a Mac

    madeonamac20050720.gif

    Apple, the Apple logo, and Mac are trademarks of Apple Computer, Inc., registered in the U.S. and other countries. The Made on a Mac Badge is a trademark of Apple Computer, Inc., used with permission.