ホーム  > blogトップ  > ブログ&web  > 

ライブドアブログ新システム用カスタマイズ 備忘録

ライブドアブログ新システム用カスタマイズ 備忘録

3カラムデザイン用HTMLを流用した2カラムレイアウト


 昨日の朝にやっとこのblogも新システムに移行されました。ライブドアブログをやっていない人には「なんのこっちゃ」でごめんなさい!
 待望の3カラムのデザインも登場したわけですが、長文マニア(byびんびん)の私は3列にするメリットがあまりないので、2カラムのままです。

 今までの形式も引き続き使えるので、わざわざいじる必要はないといえばないです。でも、せっかくだから昨日、HTMLもCSSもそっくり入れ替えて、3カラムベースでカスタムしてみました。
 独自タグやスタイルシートのID、classなどもかなり変更され、中身はほとんど違うものになっています。


 課題はマイナーチェンジと見せかけてフルモデルチェンジ。見た目はサイドバー以外ほとんど変わっていないところがポイント。あまり意味はないかも。
 今までさんざんいじったものを配置していったのがほとんどだけど、特に告知せずにガンガン変更していたので、書き出してみると結構あるんだなと。
 新システムにあわせてカスタムした部分はアンダーラインをひいておこう。

 モブログ(携帯電話からの投稿)など文字数が少ない時に、個別ページ(Permalink)でサイドバーだけがだらーんと長くなってしまってかっこ悪いので、そのへんもいろいろごちゃごちゃやっています。今も格闘中。


 まだ新システムではバグがあって、そのあたりももどかしいです。
 なんか妙に重いところがあるし。


 とりあえずいじった所をメモしておかないと自分でも忘れてしまうのでアップしておきます。
 HTMLやCSSについての知識はほとんどないので、直感?で行き当たりばったりです。専門家の方からみるとNGがたくさん出てくると思うのですが、とりあえず備忘録ということで。
 今後も随時、変更していく予定。
 今回は突貫工事だった上に以前に比べてblogの数が増えているからので、カスタマイズ関係のサイトを全然見ないで進めてしまいました。以前に比べるとblogサイトがものすごく増えたので、どこを見たら役立つ情報があるのかさっぱりわからず。
 有用な情報のあるお勧めサイトがあったら教えてください。


 windows XP Internet Explorer 6.0、Firefox 1.0.4、Opera 8.01で確認しながら作業をしています。Macではチェックしていないので、不具合があったらこっそり教えていただけると助かります。>Mac OS 9 + Internet Explorer 5 な某編集関係の皆さんとか。

全ページ共通

  1. インデントを使って見やすくする
  2. コメントタグを使って後で自分が混乱しないようにする
  3. <head>内<title>をシンプルに変更
  4. ID#header table省略
  5. 3カラムにしないのでID#wrapperとID#rightを削除
  6. ID#bannerの中に本サイトへのリンクを追加
  7. posted内にeditリンク(CSSで背景と同色にして不可視にしている)
  8. posted内にmyclipポップアップリンク
  9. <$ArticleCategory1$>の前の"|"はいらない気がする 削除
  10. <IfFirstArticle>にgoogle adを設定 要CSS変更(旧システムでも可能)
  11. </IndexArticlesLoop>のあとに「このページの上へ▲」追加
  12. google ad追加
  13. 各種バナー追加
  14. ID#bannerの内と同様に本サイトへのリンクを追加
  15. 再度「このページの上へ▲」追加
  16. プラグイン部分HTML大幅変更プラグインリストAのすぐ下にプラグインリストBを表示
    個別記事はサイドバーが長いと不恰好になるためプラグインリストAのみを表示
  17. Bloglines購読も追加
  18. フッターにコピーライト表示
  19. 各種解析他Javascript埋め込み

トップページ、カテゴリアーカイブ、月別アーカイブ

  1. 各エントリータイトルからも個別記事へリンク
  2. 追記部分は「続きを読む」を"<$ArticlePermalink$>#moreにリンク

トップページ

  1. トップのみの変更は今はまだないかも?

個別ページ

  1. h1とh3の入れ替え
  2. 上部と下部にパンくずリストを追加
  3. menuの順番入れ替え
  4. コメントとトラックバックの表示位置を入れ替え
  5. commentttlのpostttlターゲット属性
  6. コメント・トラックバックURLへのnofollow属性付与
  7. コメント投稿時の星と顔の削除
  8. コメント絵文字一覧削除
  9. トラックバックポリシーへのリンク

カテゴリアーカイブ

  1. カテゴリーの表示がなんとなく突拍子がなくて違和感があるので"Category : "を前につけてみる
  2. カテゴリーアーカイブを10件または30件ずつの表示にすると表示されるナビゲーションが間抜けなので": <$CategoryName ESCAPE$> :"を真ん中に入れてみる(デバッグ待ち)

月別アーカイブ

  1. カテゴリー別と同様にナビゲーションに": <$MonthLabel$> :"を記述(デバッグ待ち)

CSS

  1. nextpage追加
  2. ブログピープルとかトラックバックピープルとか適宜記述
  3. あちあちあちこち調整。もう覚えていないー。

設定

  1. コメント、トラックバック禁止ワード設定
  2. 更新ping送信先が多いとブログの設定で - error.weblogs_ping_url.toomuchとエラーが出る

課題

  1. ID#contentとID#blogがかぶってる?使い分け方がわからない
  2. HEADの見直し ナビゲーションとか

バグ?

 カテゴリ別、月別のアーカイブの表示件数を全て表示 / 10件ずつ / 30件ずつに設定できるようになったが、1ページ目しか表示されない。

 なんか重い。妙に重い。月別とカテゴリ別の再構築がすぐ終わるのは動的生成? 表示されるまでに眠ってしまうんじゃないかと思うほど遅い。
 月別とカテゴリ別は2カラムベースのHTMLにしたら前みたいな今までどおりの速度になるかと思ったが、新システムに移行したら2カラムも3カラムも関係なく月別とカテゴリ別が激重になっているようだー。トップと個別ページは大丈夫っぽい。
 デフォルトのテンプレートに戻してもだめだった。ホリエモンとか他の人のblogはすぐに読み込みが始まるのに、どうしてこんなに遅いんだろう? データの読み込みは普通のスピードだけど、読み込みの開始までに時間がかかる。

 Operaブラウザからだとコメント書き込みが終わらない。反映はされている。ヤプログとかドリコムブログも同じだったような。

 googleのサイトサーチを使っても古い記事の検索ができないので、ライブドアの未来検索を使おうと思ったら全く捕捉されていなかった。
 この件は結構前に気がついて、その時に未来検索でブログサイトの登録をしたんだけど、やっと最近クローリングをはじめた模様? 記事数は http://blog.livedoor.jp/ruminary/ が0件で http://www.ruminary.info/ は4件。
 ライブドアブログでも独自ドメインだからかなぁ??? 未来検索がリリースされたばかりのころはもっとマシだった気がするんだけど、全く使用していなかったのでいつから除け者にされたのかは不明。多分ライブドアブログプロにして、独自ドメインにした時(昨年10月)からだと思われる。
 そんなわけでサイト内検索ができないの。
 っていうか、900件記事があってたった4件って……

* ruminary at 2005年07月18日 23:06 │Comments(14)TrackBack(1)
Category : ブログ&web 
この記事へのコメント
◆ Posted by kyorecoba   2005年07月19日 17:08
ウチはまだです。
今となっては見逃して欲しいとおもっています(笑)
ダメ…か…。
◆ Posted by RUMI   2005年07月19日 21:14
例のページをはさまれるのは見る側もうざくていやですねぇ。
独自ドメインはのけ者だし。(TeT)
あんな警告(?)入るなら、新しくレンタルサーバー借りて、ftpでここのアーカイブをそっくり移動して、新しい記事はMTやSBで新しく始めるっていうのも考えちゃいましたよー。
ライブドアブログproよりもレンタルサーバーのほうが安いし。2GBもいらないし。

基本的なシステムは悪くないんだから、変なことしないで、その分デバッグと悪質サイト駆除に励んで欲しいところです。



そんでもって、シショウの新システムhackを楽しみにしています!!!
◆ Posted by RUMI   2005年07月19日 21:16
Macintoshユーザーの皆様

ブラウザによっては一部の表示が重なってしまい閲覧しにくくなっているようです。
原因を見つけ次第改善いたしますので、しばしお待ちください。
申し訳ありません!!!
◆ Posted by よっさん   2005年08月10日 22:45
3カラムのデザインテンプレートってどれ??
探したけど見つからないです・・・
◆ Posted by RUMI   2005年08月11日 02:02
新システムになったー?
管理画面が前のままだったらシステム移行してからじゃないと使えないよん。

新システムになってれば、デザインの設定で『シンプル』あたりを見てみるとあるぜよ。
◆ Posted by 酢鶏@人工無能   2005年08月11日 05:44
ライブドアブログですよ ヽ(´ー`)ノ
◆ Posted by かげ   2005年08月11日 09:50
MT素敵☆

でもクルマはAT。
◆ Posted by RUMI   2005年08月11日 10:55
MTにしたいけど、めんどくさいー。
スパム対策とかもここでさえスパムうざいのに。
酢鶏の怪しい発言はいいとして(笑)

よっさんとかげおはそゆのはえーのがすげー。



そういや、この前MT車運転する夢見た!
一速で発進するとガクンてなっちゃって、二速発進しないとなとかって思いながら運転してた!
◆ Posted by かげ   2005年08月11日 14:50
( ¬_¬)σ おでは、本職ですから
◆ Posted by RUMI   2005年08月11日 15:46
あれだな、スノーボードしない人に「スノーボードうまいんですねぇ」って言われるのと同じだな。

RUMINARYのほうをレンタルサーバーを借りて、ruminary.infoのサブドメインでごそごそってやりたいんだけどさー。
DNSわかんね。

つか、DNSとかDSQとかDNFっていう言葉がいやだわぁ。
◆ Posted by よさん   2005年08月11日 17:57
おりはヒマジンですから
本業は売らなくていい営業です
◆ Posted by RUMI   2005年08月12日 13:00
> 売らなくていい営業
すごいなそれ!
いつムービー見てるの?
仕事中?家で?いつでも???
◆ Posted by よさん   2005年08月12日 23:01
家すね。
通勤中に見るために携帯プレイヤー購入検討中
◆ Posted by RUMI   2005年08月12日 23:51
くくくくく。
きっと電車の中で体ひねりたくなる!
この記事にコメントする
名前:
URL:
  情報を記憶:
 
 
トラックバックURL
http://trackback.blogsys.jp/livedoor/ruminary/50001259
この記事へのトラックバック
3カラム→2カラム  [ 群衆 ]   2005年08月18日 07:46
 デザインを3カラムから2カラムに変更しましたが、いかがでしょうか。  元々3カラムのデザインを、カスタムして2カラムにしてあります。  蝶・広い!    どこをどう直したか、書いておきますネ。  忘れたくても忘れない辛さがありましたが、念のため。


ホーム  > blogトップ  > ブログ&web  > 

ライブドアブログ新システム用カスタマイズ 備忘録