sbで行こう

ENTRY

[template] JUGEM → sb テンプレート移行メモ

2004/10/09 土 12:39

sb へ JUGEM の自前テンプレートを移動させたい方のために、こちらでやった時のメモを上げておきます。

まず、sb でテンプレート編集をする場合に一番最初にしないといけないのが、現在のテンプレートと編集用テンプレートの分離。コレをしないと、default がなくなってしまいます。手順は以下の通りです。

  1. 「テンプレート編集」メニューを開き、default テンプレートの「編集」に張られたリンクをクリックして、テンプレート個別の編集画面を開く。
  2. 「このテンプレートを別名で保存」の入力欄に新しいテンプレートの名前を入れ、「保存」ボタンを押す。

ここからは、上で作った新しいテンプレートを編集します。新しいテンプレートの「編集」に張られたリンクをクリックし、テンプレート個別の編集画面を開いて始めます。

さて、JUGEM から持ってきたテンプレートから最低限変更しなければならない部分は以下の通りです。

  • form 要素（コメント欄とサイト内検索欄の2箇所）の action 属性の値をどちらも action="{site_cgi}" に
  • RSS 1.0 / atom 0.3 の部分のリンクをそれぞれ href="./?mode=rss" → href="{site_rss}"、href="./?mode=atom" → href="{site_atom}" へ
  • トップページに戻るリンクを href="./" → href="{site_top}" に
  • HTML や CSS に指定している、JUGEM にアップした画像の URI を ./?image=xx → しかるべき URI に
    その他、テンプレートや記事の中の ./?XXX=yy の部分は消すなり変更するなりされて下さい。画像ファイルのパス指定は、相対パス指定（./img/xxx.gif 等）ではなく URI 指定（http://hogehoge.com/img/xxx.gif 等）にした方がトラブルが少ないと思います。
  • サイドバーの Powered by <a href="http://jugem.cc/">JUGEM</a> を Powered by <a href="http://serennz.cool.ne.jp/sblog/"><strong>sb</strong></a> に
  • フッタの <address>Copyright (C) 2004 <a href="http://paperboy.co.jp">paperboy&amp;co.</a> All Rights Reserved. </address> を <address>Copyright &copy; 2004 SimpleBoxes. All Rights Reserved.</address> に

特に最初の 3 つを変更しないと、誤動作の原因になります。他は…変えなくても大丈夫なものもありますが、Powered by や Copyright の部分は権利関係のものですから忘れずに。

で、上記のように変更したテンプレートを、新しいテンプレートの編集画面で「ベースHTMLテンプレート」欄、「CSS テンプレート」欄にそれぞれペーストして「>保存<」ボタンを押します。HTML と CSS の保存ボタンは別々になっているので、片方ずつ保存して下さい。保存した後、テンプレート名に張ってあるリンクをクリックすると、テンプレート適用後のプレビューが表示されます。

見栄えに納得すれば、テンプレートを切り替え、「再構築」をします。再構築後にサイトを見に行くと新しいテンプレートで表示されますが、一番最初はブラウザのキャッシュ（一時ファイル）のせいでレイアウトがぶっ壊れたりするので、リロードとかキャッシュ削除＋ブラウザ再起動は試して下さい。

以上、参考になれば幸いです。

なお、JavaScript によるカスタマイズについて、sb と JUGEM では一部異なる部分がありますので、JUGEM のものが sb で動作しないことがあります。一旦全て外すか、とりあえず試して動いていないものを外すかして下さい。動かないが被害が出ないからと言って放置するのは、ブラウザのエラーや表示が重くなる原因になりますので、念のため。

コメント（日付順）

じゅじゅ on 2004/07/23 13:58:

おおお！　ふうこさま！
本当にこれだけでいいのですね？
なんか肩の荷が少し下りたような希望の光が見えた気がします。
sbはJUGEMにはないタグがいっぱいで、何がなにやら…。
調べればよいのでしょうが、気持ちだけいっぱいになってしまって、
無力感に襲われておりました。
少しずつやってみます。
ありがとうございます。

ふうこ on 2004/07/23 15:09:

☆ じゅじゅ さま

「本当に」と言われるとどきっとしちゃいますが(^^; 私のテンプレではこれだけでした。
最悪でも、JUGEM でしか動作しない独自タグはクリエイティブコモンズ関連だけですから、プレビューして {licence_xxx} とかでちゃったところだけ消せば大丈夫ですよ。
じゅじゅさんのページの復活、お待ちしてます。

# ていうか、ものすごい数の人が待っているに違いない。

takkyun on 2004/07/23 16:55:

すんません。お手数かけます。
私もじゅじゅさんのページをお待ちしてます。でも無理はしなくてよいですからね。

ちなみに、sbでは利用できない独自タグを入力したら、おそらく空になるかと思います。

ふうこ on 2004/07/23 17:19:

☆ takkyun さま

＞利用できない独自タグを入力したら、おそらく空になるかと
おお、そうでしたか。フォローありがとうございます。
やはり試さずに言っちゃいけませんね(^^;

あと、JavaScript の部分はモノによって動かないですね。
私のところはツリー化だけ残して外したので、それなりに動作してます。
差し支えなければ、一旦外してみるのもいいですし、試して動かないやつから外すのも手かな。

salsa on 2004/09/28 19:12:

こんにちは、初めまして。
JUGEMからの移行組です。
今回移行にあたり参考にさせて頂き、移行についてのエントリで文中に参考サイトさんとしてリンクを張らせて頂きましたので、トラックバックさせていただきました。（私の場合はもっとのたうちまわっておりましたが…）

それではよろしくお願いします。

ふうこ on 2004/09/29 02:18:

☆ salsa さま

おいでませ、sb に。
ご丁寧にどうもありがとうございます。
ていうか、本文はともかく最後のオベーションにつかまれました。私もΖガンダム大好きです。

salsa on 2004/09/30 16:30:

こんにちは。
レスありがとうございます。
Ｚに捕まりましたか(笑)
sb（つーかブログツール）はポテンシャルが高いので、ガンダムのカテゴリもいけそうです。
それではそのうち＾-＾

まど on 2004/09/30 17:36:

はじめまして。こちらのサイトを参考にさせていただいて、
今、SBに移行できました。ありがとうございます。
他のエントリーのほうに、トラックバックもさせていただきました。
これからもどうぞよろしくお願いいたします。

くみッぺ on 2004/10/13 17:22:

ふうこさまコンニチワ！
先日、こちらの記事を参考にさせて頂いて、テンプレをそっくり移すことが出来ました！有難う御座います～！この記事がなかったら、大変なことになっていたと思います…。
簡潔でわかりやすく、大変感謝しております！
本当に有難う御座いました！

kawakami on 2004/11/05 01:18:

コメント参考になりました。ありがとうございました！
で、このエントリー見つけて勝手にリンクしちゃったけどよかったですか？
http://room1221.com/blog/archives/2000/06/jugem_sb.html
問題あったらすぐに削除します>o<)/

これからもこのサイト参考にさせて頂きます～！

ふうこ on 2004/11/06 03:22:

☆ kawakami さま
いらっしゃいませ。
もちろん、リンクはフリーですよ。
お役に立てるようなら嬉しいです。

Rika on 2004/11/07 20:19:

初めまして♪
sb設置するためにこちらの記事を参考にさせて頂きました。
無事設置とログ移行ができて嬉しいです(*^-^)
ありがとうございました☆

そよ on 2004/11/12 16:27:

ＪＵＧＥＭから移行するのに、こちらの記事を参考にさせていただきました。
おかげさまで引越し完了、本日からｓｂでの更新を開始いたします。
ありがとうございました。

コメントする
  • 投稿を受け付けるには、JavaScript を有効にしてください。
  • URI は自動リンクされます。
  • HTMLタグは使えません(実体参照化されます)。