アーカイブ : 200412 ヒヨコ君増殖中

テンプレート	構成	レイアウト	フォントサイズ	類似	備考
bear	CSS + table	3カラム	固定	B	CSSを解除するとcenter表示になる。エントリー部分がtable
suiren	CSS + table	右	固定	A	全体的なレイアウトはCSS、各エリアはtable。
building	CSS	右	固定	A	見出しH1,H2が無い。
rose	CSS	右	可変	C	かなり正しくマークアップされているっぽい
panda	CSS	右	固定	A	見出しH1,H2が無い。
snack	CSS + table	3カラム	固定	B	エントリー部分がtable 見出しタグなし
netmania_a	table	3カラム	固定		フォントがちっこい
cfdn_d	CSS	3カラム	可変		~~IEでフォント大にするとレイアウト崩れを起こす。~~あれ、崩れない・・・失礼しました
bubble	CSS + table	右	固定	A	全体的なレイアウトはCSS、各エリアはtable。
drop	CSS	左	可変		エントリ部、伸縮型

■ 2004/12/10(金)　テンプレ6点追加

テンプレート	構成	レイアウト	フォントサイズ	類似	備考
flower	CSS + table	左	固定	A	メニュエリアのみフォント可変？。見出しタグなし
xmas	CSS + table	右	固定	A	全体的なレイアウトはCSS、各エリアはtable。見出しタグなし
lotus	CSS + table	右	固定	A	全体的なレイアウトはCSS、各エリアはtable。見出しタグなし
heart	CSS	左	可変	C	かなり正しくマークアップされているっぽい
wa	CSS + table	右	固定	A	全体的なレイアウトはCSS、各エリアはtable。見出しタグなし
temple	CSS + table	右	固定	A	全体的なレイアウトはCSS、各エリアはtable。見出しタグなし

★ 正しいマークアップを覚えたいなら類似”C”がお勧めかも。しかしカスタマイズする場合、HTML初心者には少し厳しいかな。、まぁSEO等ありますがテーブルレイアウトだろうがCSSでのレイアウトだろうが、何かが激変するわけでもないし、一般の人が追求すればするほど自己満足の世界っぽいので、お好きな物を選択すればよいかと個人的には思います。ちなみに俺も今HTML習得中です。

≫ EDIT

2004.12.25 Sat

クリスマスツリーに肖ってツリー化の手引き

今日はクリスマス。なのでヒヨコサンタからささやかなクリスマスプレゼントです。

JUGEMで超有名なJUGEMカスタマイズ講座のツリー化スクリプト ver 2ですが、それをFC2テンプレートでも使用できる方法を書いておきます。コメントツリー化って何？って方は当ブログのサイドメニューRecent Comment等をご覧ください。

当方にはjavaスクリプトの知識などありませぬ。
コメント欄にも皆さんが下さった情報が載っているので見てください。
質問がある場合、該当するブログアドレスがあると助かります。宜しく。
スクリプト作者に質問を持ち込むような行為は控えてください

■ プラグイン対応テンプレートツリー化について

プラグインに対応したテンプレートをツリー化する場合の書き換えるタグは管理画面→プラグインの設定→ツリー化したいタイトルのHTML編集から行ってください。

■ ツリー化の手引きHTML版

半角文字列挙改行問題でこのページはFirefox等のブラウザで読みがたい状態になる場合があります。なので一応、HTML版を作っておきました。

★ ツリー化の手引きHTML版

※あ！ばらやっ* by ショコラ*様からリンクツリー方法の情報をいただきましたので載せておきました。ありがとう。

■ ツリー化の手引き簡易バージョン

ツリー簡易バージョンなるものも作りました。HTMLソースをすっきりさせたい人は下記リンクからどうぞ。

★ FC2ツリー化の手引き簡易バージョン

■ 最エントリ・カテゴリーのツリー化

NICOさんが最新エントリ・カテゴリーのツリー化を紹介しております。

■ ツリー化プラグインも公開されています

上記の方法が面倒と言う人は共有プラグインをツリー化で検索してみてください。結構な数のプラグインがヒットするはずです。面倒な書き換えはしなくていいのでお勧めかもです。

≫ Read More

■ コメント・トラックバックツリー化の手引き

★ Recent Comments

<ul>

<li><a href="<%rcomment_link>#comment<%rcomment_no>"><%rcomment_name>:<%rcomment_title></a><span>(<%rcomment_month>/<%rcomment_day>)</span></li> 
</ul>

上記のソース部分を下記のように修正します。コピペでOKです。

<div id="commentlist">
<ul>

<li><%rcomment_etitle><br /><a href="<%rcomment_link>#comment"><%rcomment_name>(<%rcomment_month>/<%rcomment_day>)</a></li>

</ul>
</div>

★ Recent Trackbacks

<ul>

<li><a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_excerpt>"><%rtrackback_blog_name>:<%rtrackback_title></a>(<%rtrackback_month>/<%rtrackback_day>)</li>

</ul>

上記のソース部分を下記のように修正します。コピペでOKです。

<div id="tblist">
<ul>

<li><%rtrackback_etitle><br /><a href="<%rtrackback_link>#trackback"><%rtrackback_blog_name>(<%rtrackback_month>/<%rtrackback_day>)</a></li>

</ul>
</div>

★ Links　情報提供あ！ばらやっ* by ショコラ*様

<ul>

<li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li>

</ul>

上記のソース部分を下記のように修正します。コピペでOKです。

<div id="linklist">
<ul>

<li><a href="<%link_url>"><%link_name></a></li>

</ul>
</div>

書き換えが終了したら、ツリー化スクリプト ver 2 導入方法に従いスクリプトを挿入~~しCSSを追記するだけです。~~ツリー応用編しかCSSは必要なかったです。頑張ってみてください。尚、FC2でのスクリプト利用について作者から警告等の何らかの問題が発生した場合は作者の指示に速やかに従ってください。宜しく。FireFoxでこの記事見ると改行されずはみ出してますね。気にしない気にしない。

俺はクリスマスに何やってんだ・・・orz

■ SPECIALTHANKS

JUGEMカスタマイズ講座 by takkyun

▲ Close

≫ EDIT

2004.12.25 Sat

v(ﾟ∇^*)＞o⌒☆merry X'mas☆ﾐ

o(^o^)oﾜｸﾜｸo(^o^)oﾄﾞｷﾄﾞｷのクリスマス！皆様いかがお過ごしでしょうか？きっと楽しいクリスマスの夜を過ごしているのかと思われますが・・・

俺はこんな感じで～す。

≫ EDIT

2004.12.24 Fri

クリスマス・イブ

クリスマス前になると街のネオンに気分がいつも以上に興奮して変な脳内物質放出しやがるから何気に短気になるんだよな・・・ああ最悪だ。でもクリスマス前の街の風景は何かに出会えそうで、めっちゃスキなんですよ。

山下達郎
クリスマス・イブ歌詞表示

■ 関連リンク

山下達郎オフィシャルサイト

≫ EDIT

2004.12.23 Thu

JUGEM → FC2　移行の手引き。まとめ

1. JUGEMのログをXML形式でエクスポートします。

JUGEM管理者ページ ≫ JUGEMの設定 ≫ エクスポート

※注ノートン先生など有効になっている場合保存できません。無効に。

2. XMLをMTログに変換します。

JUGEMカスタマイズ講座 ≫ Tools ≫ XML→MTログ変換

JUGEM Simple XML ⇒ MovableType Log Text

参照で先ほど保存したjugem.xmlを選択します。変換後は表示上で文字化けしているかもしれませんが、ソースを見て文字化けしてないようなら大丈夫です。そのソースを全てコピーしてテキストファイルとして保存します。

※ output code は UTF8でいけると思います。

3. FC2へログをインポートします。

FC2管理者ページ ≫ ログのインポート

参照で先ほど保存したテキストファイルを選択します。FC2は記事の一括削除機能がありません。全てインポートする前にログを分割してテストしてみる事をお勧めします。

※インポートする前にカテゴリーを全て追加しておきましょう。

★ 移行時確認した不具合

日付が 1970/01/01 00:00 になってしまう。
コメントがすべてインポートできない。
記事の順番が狂う

★ 回避方法

253 Trackback(774) sage 04/12/21 04:06:21 ID:50ee5msn
保存したXMLを指定してUTF-8で普通に変換できたけどな。ただ、ちょっと弄る必要があった。

一つは日付が狂うやつで、まず"00:xx:xx AM/PM" を "12:xx:xx AM/PM"などに置き換えし
FC2でインポートした後、各エントリーを保存し直す必要がある。もう一つはコメントが一行しか表示されないやつで、これは＜br＞含め一行にまとめる必要があった。

とりあえずこれで、つい先ほどFC2移転したばかりですわ

※2ch しぺぺぺぺ！！スレより引用

P.S.
JUGEM → FC2 テンプレート移行方法については著作権が関係してくるので悩み中です・・・すべて自作した物なら問題ないと思うけど。。。

≫ EDIT

2004.12.22 Wed

少し修正は必要ですが、なんとJUGEMとテンプレートの互換性があるようです。なので、FC2用に作ったテンプレをボツにして、JUGEMで作ったテンプレをそのまま持ってきました。コメントのツリー化、折りたたみスクリプト共にクリアしております。何気にJUGEM以上に細部まで弄れるように作られてますねFC2ブログ。すげー。amazonとの連携ができたら個人的に最強ブログっぽい･･･。あっ記事投稿欄のタグボタンが少ないか・・・これは今後に期待するとしよう。

FC2開発者の皆様、これからも頑張ってください。期待してます。

つーか試行錯誤してFC2用に一からHTMLを書いた俺は一体・・・orz