Web-MT-WP Archive

お世話になってるVicuna-Bazookaスキンのカスタマイズ用psdファイルが配布されてたので、早速飛びついてみた。より銀さまっぽい配色にっ！！

がしかしファイルオープン時に色々メッセ出現。無視して開いたらレイヤーの階層構造が１段になってて、スライス設定も消えてるようで１枚絵になってしまい、パーツ保存されない罠に。

ちなみにphotoshopは7を使用。CSじゃないとダメなのかしらぁ・・・

結局、スライスデータの消えたbazookaカスタマイズ用psdファイルに自力でスライス入れて解決した。サイドバーが長すぎて画像の高さが足りなくなってたので伸ばしたり、mini.pngをjpg保存するようにして画質上げたり、その他もろもろ必死に修正。

配色が難しいなぁ・・・しっくりこない。

【追記】
銀さまverを作ろうと昨日まで思ってたんだけど何故か由馬verになってしまった。
(ﾉ∀｀)ﾀﾊｰ。現在はにーかみんぐ攻略中。かゆ、うま。

「カテゴリー名の先頭に番号をつけて、それを表示する際に番号をカットする」プラグインを発見。近いうち使ってみやう。

そういえばWordPressだと並び順ってどうなんだろう。インストールしたまま放置してるから弄ってみるかな。

css入れ替えた。心機一転。で、IE6で表示チェックしたらバグで表示崩れしてんのを確認。つくづくIE6は糞ブラウザだなぁと思いつつ、改行位置をずらして解決。と、簡単に書いてるけど問題発生から全部修正するまで数時間費やした。本当にIE6は問題児。IE6がこの世から消滅すればwebコーディングがどれだけ楽になることか・・・。

IE6バグ対策で役立ちそうなサイト。

• Internet Explorer (Windows) CSSバグリスト
• CSSレイアウトの定石　WinIE6バグ回避法

未だにIE6使ってる人は、さっさとFirefoxかOperaに乗り換えればいいと思う。LunascapeとSlepnirはどっちもIEエンジンでレンダリングするから除外。両ブラウザともtridentエンジンも使えるけど、安定性でfirefoxには及ばないしわざわざ選ぶ必要はにゃい。と思う。

追記。上記問題の修正にhtmlソースを弄くるのはどうもスマートじゃない。ということでcssで背景と同色で目立たないボーダーを設定して解決しとくことに。

ほんでそうこうしてるうちに新たな問題点を発見。IE6,IE7でナビゲーションバーに日本語を使うとブロック化したa要素の高さが数px足りなくて上に少し隙間が出来てしまう。FirefoxとOperaでは問題なし。つくづくIEはうんｋだなぁと思いつつ、原因特定の為に弄くり中。くじけそう。

さらに追記。
上記のIEで上端数px空白になっちゃうよ問題、フォント指定によっては日本語に限らず英語でも発生したり、日本語も英語も問題なかったりと、まちまちなようだ。OsakaやＭＳゴシックでは両方に発生、ＭＳ　Ｐゴシックでは日本語のみ発生、メイリオでは問題発生せず、といった具合。

リンク先のプレビュー機能を提供する「Snap Preview Anywhere」を入れてみた。外部リンクにマウスカーソルを合わせると、リンク先のスナップをポップアップ表示してくれる。アドレスとかURI入れたらソース生成してくれて、できたソースをhead部に入れるだけの簡単無料サービス。美味しい。ソース生成は→「Snap Preview Anywhere」

あと最近、firefoxのアドオン「FireBug」を入れてみたんだけど、便利すぎる。Ajaxのデバックツールとしても優秀らしいけど、CSS弄るだけでも相当便利。だまされたと思ってちょっと使ってみれば、すぐに手放せなくなるはず。

• FirebugによるWebコードのデバッグ
• Firebug 1.0 Beta Screencast - チュートリアルムービー

perl版ダイナミックパブリッシングの修正verに手を出したはいいが、導入手順を間違えて不必要なデータ消去とかしてしまってキャッシュ機能が働かなくなった。足掻いたんだけど治らない。悲しい。解決するまでしばらく負担増えるかもだけど頑張ってください鯖様。

とりあえず少しでも軽量化しようと思って、サイト内へのリンクを出来るだけ/ で始まるパスにしてみる作戦を立案。早速出来るとこから着手したものの、MTタグが書き出すリンクは全部httpから始まっちゃう罠。archives.phpのページなんて記事一覧表示されるから200弱のhttp～があるわけで、これ全部/に出来たら気持ちよくなれそう（自己満足）。なんか方法はないものか。

で、検索しまくってたら一発解決してくれる神プラグインがあった！pluginフォルダに投げ込んだらコンテンツ部分を纏めてタグで囲むだけで範囲内の内部リンクと外部リンクを自動判別して、内部リンクだけを/から始まる相対URLに書き換えてくれる。外部リンクはそのままなので問題なし。グレイトッだぜ。

Continue reading

当サイトで使わせて貰っていたMovableType天ぷら「Ｍａｑｕｅ」の次期バージョン「Vicuna」がリリースされまんた。まだβ版らしいけど正式版まで待ちきれないので早速適用してみることに。

php化＋perl版ダイナミックパブリッシング（＋ページ分割）＋共通部は静的生成してphp includeとかしてるので「Vicuna」のテンプレートソースをそのまま放り込むわけにもいかず、ちょこちょこと書換え作業して数時間費やした。うぐぅ。

「Vicuna」のskinはまだ一種類（style-vega）しか無いんだけども、そのカスタマイズのしやすさに感動。準備されてるレイアウトは１８通り。これは萌ゆるわぁ。「Maque」もすごいと思ったけど、今度のは次元が違う。サザエさんとピッコロさんくらい違うという噂は本当だった。

まずmod_eyeCatch-short.cssをONにして画像を挿入しつつ、その画像を固定幅じゃなくても問題ない画像に置き換えて、mod_eyeCatch-short.cssでデフォルト設定を固定幅に上書きしてる部分をコメントアウト。800px固定幅か40～70emの変動幅かの微妙な違いでしかないんだけど、こっちのが自分的にはしっくり。

そしてリニューアルついでにMTのverupも敢行。めでたく3.34になりますた。途中、footer部が3.33表示のままで何じゃこりゃー状態に陥ったけど、インデックステンプレートと一緒に静的生成する設定してないだけだった。手動で再構築してやったら直った。

とりあえず銀様を置けて満足。次は何弄ろうっかなっ。めがっさ。

スタティックhtmlと、アーカイブはダイナミックパブリッシングで出力してたんだけど
htmlをやめてphpとダイナミックパブリッシングを使って作り直してます。

とりあえずはヘッダーとサイドメニューのモジュール化から。
ページ分割もphpのが良いのかなぁー
ダイナミックパブリッシングだと見出しlv調整するプラグインが無効になるんだおね。

Continue reading

画像をクリックするとうにょんってなって、
周り暗くなってウインドウ真ん中にライトアップされて画像表示されるアレ。Lightbox.jsってやつ。
ただのポップアップよりも遥かにかっこいいのに、簡単に設置できて萌え萌えです。

ココではLightbox設置してたんだけど後継のLightbox2.0のさらに後継のLitebox1.0が出てきたんで
１段抜かしでLiteboxを設置してみたお。

Liteboxでは画像をグループ指定出来て、表示ページに同グループの画像が複数あると
写真左右をクリックすることで前の写真、次の写真とページめくりが出来る。
写真メインのページとかだとかなり萌えじゃなかろうか。
ちっさいサムネイル＋画像リンクを大量に設置すればイカしたアルバム気分っすよ。

みんなも設置すればいいじゃない！で、イカした写真upしまくればいいじゃあい！

設置参考URL
小粋空間:Litebox 1.0 をブログに適用する

またもやblog引越しした。
今度は独自ドメイン取得してサーバー借りて、MT設置してのblog公開。
webの勉強も兼ねて、ってことで。
今回の鯖はマルチドメイン可能だわサブドメイン無制限だわで、かなり自由度高そう。
鯖容量も1.5GBのプランなんで、いらんファイルまでupできそうです＾＾

About This Blog

■Author

Sumika(rea/tks)

■Description

UltimaOnlineのPvP日記が主。２次元レビューやMovableType関連のメモなども。

■Blog system

MovableType3.34 - vicunaMTテンプレートを元にカスタマイズ。

• mt-truncateurl.pl
  「http」から始まる内部リンクURLを「/」から始まる相対URLに書き換えてくれる。
• update-n-ping.pl
  公開状態のエントリーを更新した時にも更新Pingを送信してくれる。
• recently-pinged-on.pl
  最近トラックバックを受信したエントリーをリストアップすることができる。
• ConvertHnLv.pl
  見出しLvを調整する。h*の数字をテンプレート毎にプラスマイナス設定できる。
  DLはこちら。使用方法はこちら。
• Dynamic publishing by Perl
  Perlで動的生成して再構築不要に。MT標準のダイナミックパブリッシングと違って各種プラグインがそのまま使える。
• DivPages.pl
  Perl版ダイナミックパブリッシング用のページ分割プラグイン。
• Litebox1.0 js
  画像をcoolに表示する。

Profile

■Name

Sumika(栖香)

■pc・net環境

Athlon64 x2 4400+、メモリ2GB、グラボGeforce7600GS、tepco光@nifty

■UO略歴

2002/1～出雲に沸く。派閥、模擬、仮想、圏内War等に参加。主に自ら建てた一撃、StyleElementsなどのギルドで活動。
現在は凰華女学院の学院生として倭国Wyvern Ligaに参戦中。

■萌え

• [きゃんでぃそふと]　「つよきす」
• [あかべぇそふとつぅ]　「車輪の国、向日葵の少女」、「こんな娘がいたら僕はもう･･･!!」、「車輪の国、悠久の少年少女」
• [戯画]　「ショコラ」、「パルフェ」、「この青空に約束を」
• [FlyingShine]　「CROSS†CHANNEL」
• [チュアブルソフト]　「あまなつ」
• [ぱれっと]　「もしも明日が晴れならば」
• [PULLTOP]　「遥かに仰ぎ、麗しの」