テンプレート講座第十一回 
2006 08 26
Sat 17:55:17

テンプレート講座  Comment 0  Trackback 0  edit.

今回は前回の「一番簡単な折りたたみスクリプト」と同じスクリプトのカスタマイズですが、スクリプト自体はFCafeさんのスクリプトを使用して更なる機能向上の改造例を記事にしましょう。
都合により、テンプレートで使用したままと言う訳にもいかず省略した部分が有りますが基本を理解するには簡単な方が良いでしょう。

↓Open.

ジャンル [ ブログ テーマ [ カスタマイズ ]

↑Top.
テンプレート講座第十回 
2006 06 16
Fri 02:09:25

テンプレート講座  Comment 0  Trackback 0  edit.

今回はちょっと質問も有りましたので、開閉スクリプトを使ったプラグインの開閉をしてみたいと思います。

使用するスクリプトは、当方で使っている一番簡単なスクリプトです。
共有登録しているodorikoを例に解説してみましょう。

↓Open.

テンプレート講座第九回 
2006 01 09
Mon 11:59:20

テンプレート講座  Comment 1  Trackback 0  edit.

今回はちょっとテンプレートの入れ替え作業について書いてみようと思います。

共有テンプレートは、プレビューして気に入ったテンプレートをボタン一つで追加出来る。

と言うのがFC2ブログの良さでも有るんですが、まずはその仕組みから説明しましょう。(分かっている方は読み飛ばしてちょ!)

共有テンプレートを登録する場合、自分で組んだHTML文書スタイルシートを用意して登録する訳ですが、皆さんがダウンロードしてカスタマイズしたテンプレートも登録しようと思えば出来ることは知っていますよね。(常識な判断でしませんが)

登録すると言うのは、別に複雑な事ではなく、FC2で用意されたテンプレート専用のフォルダーにHTML文書とスタイルシートの文書がファイルとして保存されると言う事です。

↓Open.

ジャンル [ ブログ テーマ [ テンプレート ]

↑Top.
テンプレート講座第八回 
2005 12 03
Sat 20:44:34

テンプレート講座  Comment 3  Trackback 0  edit.

今回は、細かな作業に便利な下準備という事で、私自身がいつもやっているカスタマイズやスタイルシート設定の小技的なものをご紹介しましょう。
まず必要なもの。
1,Terapad(じゃなくても良いですが、置換機能と文字コードに対応したモノ)
2,色見本(私の所に有るものでも参考に)
3,カスタマイズするためのテンプレート使用時のページ
こんな感じでしょうか。
では詳しく見ていきましょう。

↓Open.

ジャンル [ ブログ テーマ [ カスタマイズ ]

↑Top.
テンプレート講座第七回 
2005 12 02
Fri 13:16:04

テンプレート講座  Comment 0  Trackback 0  edit.

ちょっと面白い事を考えた。
基本と言うか元ネタは「月日を英語表記に出来ないか?」と言うもので、これもまたdanielさんの作ったものだが、これを使って他の事は出来ないだろうかと考えてみた。
面白半分でテスト的にトップに今月の英語名を表示してみた。
そんな事をしていたら<%now_month>と言う変数を使う事でクラス属性の入れ替えが出来る訳だが。(すでにタイトルのボーダー線やカラー属性を曜日毎などに変更するものはここでも使っている。)
この考えを更に発展させて例えば、「月毎に背景画像やスタイルシート・コメント文を変える」など、<%now_month>を使う事で出来るのではと考えた。

↓Open.

ジャンル [ ブログ テーマ [ カスタマイズ ]

↑Top.
テンプレート講座第六回 
2005 11 27
Sun 20:09:03

テンプレート講座  Comment 0  Trackback 0  edit.

今回はちょっと趣を変えてカスタマイズに頻繁に出てくるスタイルシートを取り上げてみようと思います。(質問も多いですしw)
「初心者に優しい講座」と言う事で行きましょう。

カスタマイズと言えば・・・・

1,文字色を変えたい。
2,文字サイズを変えたい。
3,文字の種類を変えたい。
4,行間の幅を変えたい。

など文字に対するものが多いですね。

↓Open.

ジャンル [ ブログ テーマ [ カスタマイズ ]

↑Top.
テンプレート講座第五回 
2005 11 07
Mon 10:22:57

テンプレート講座  Comment 0  Trackback 0  edit.

今回はちょっと前4回と違ってソースを元にして進めない。
それと言うのも前四回を見るとトップページに特化した講座内容になっている。
そこで次に来るモノは?と考えたら「カスタマイズ」になる訳だ。
私事で恐縮だが、ブログを始めた頃、私は「何でも一つに」と言う気持ちから3カラムを作りそこに各パーツを詰め込んだ。
一時はこれで満足するのだけれど、次に「整理」を考えてしまう。
トップページを付ける事もメニューや記事の「整理」に繋がる訳だが、「見る人の事を考える」と、詰め込まれたページを見て「読みやすい」とは思わないだろう。
そこで「あまり使わないパーツは非表示」と言う考えが浮かぶ。
そして出来たのが「タブメニュー」。

↓Open.

テンプレート講座第四回 
2005 11 05
Sat 13:11:57

テンプレート講座  Comment 0  Trackback 0  edit.

三回目でHTMLとスタイルシートを基本のみで取りあえず完成しました。
そこで実際にデザインしてみた方が、覚えるし使えるかな?と、思いファイルを用意してみました。
test_top.html
test_style.css
実際にファイルをダウンロードしてスタイルシートの編集でオリジナルなトップをデザインしてみて下さい。
HTMLファイルは三回目で創ったHTML文を使って創ったページファイルです。

補足
bonkさんのテンプレートを使い幅固定とトップページを付けたモノを実際に用意しました。
デザインはほとんどしていませんが、ちゃんと基本的な機能などは付属されていますので後はスタイルシートをカスタマイズするだけです。
プレビューしてみる

テスト版ソースファイル
bonk_with_glim-html.txt
bonk_with_glim-css.txt

↓Open.

ジャンル [ ブログ テーマ [ オリジナルテンプレート ]

↑Top.
テンプレート講座第三回 
2005 11 05
Sat 11:52:09

テンプレート講座  Comment 3  Trackback 0  edit.

第三回と言う事で、二回目の講座を深く掘り下げようと思いましたがちょっと趣を変えて「ブログに必要な機能」を考えて見たいと思います。
bonkさんの「ゼロから創るテンプレート」を見るとよく分かりますが、実際に創らなくてもその構造を知る事で、新たな発見が出来ると思います。
私の場合は「無いなら創れ」的な発想でINDEXシリーズが出来た訳ですが当然、基本となる部分はいつも考えています。
ブログを始める時にbonkさんの記事を知っていたら良かったんですが(^^;
では必要な機能とは・・・・

↓Open.

ジャンル [ ブログ テーマ [ オリジナルテンプレート ]

↑Top.
テンプレート講座第二回 
2005 11 02
Wed 01:34:11

テンプレート講座  Comment 1  Trackback 0  edit.

当初の予定ではゆっくりと時間をかけてトップページの作り方をと思いましたが、色々と考えが渦巻き始めたので細々と書いていこうと思います。

二回目は、トップページをどうデザインするか?です。

↓Open.

ジャンル [ ブログ テーマ [ オリジナルテンプレート ]

↑Top.