by WebSurfer
2010年6月12日 23:35
スタイルをちょっとだけ変更しました。多少はよくなったと思うのですが、いかがでしょうか。
右の写真が以前のスタイルです。写真をクリックすると原寸大のページが表示されます。
で、今ここに表示されているのが改善(?)した結果です。
結構一生懸命に考えた結果ですが、どうもこのへんが自分の限界のようです。やっぱり、デザイナのセンスがないと、これ以上はどうしようもないと感じている今日この頃です(笑)。
でも、本体の HP とのバランスを考えると、あまり大幅に変更するわけにもいかないし、悩ましいところです。
本体の HP のスタイルでは、昔のノート PC の解像度を考えて、幅を 760px に設定してあるのですが、最近の PC ならもっと幅を大きくした方がいいのかもしれませんね。
by WebSurfer
2010年6月11日 12:35
IE6 または IE8 で(IE5 以前、IE7 は試してません)、SyntaxHighlighter を使用しているページの URL にフラグメント識別子を追加して要求すると、HTML の title タグに設定したタイトルがフラグメント識別子に書き換えられてしまうという問題が見つかりました。
どうも IE と SyntaxHighlighter の相性の問題のようで、Firefox 3.6.3, Opera 10.53, Safari 4.0.5 では問題なかったです。
このブログで試すには、以下のリンクをクリックしてみてください。
タイトルがフラグメント識別子に書き換えられる例
ブラウザにはまず上記リンクの URL がタイトルとして表示され、次に受信した HTML コードの title タグに設定されたタイトル "SyntaxHighlighter" に書き換えられ、最後にフラグメント識別子 "#fragment" に書き換えられるはずです。
原因が特定できていませんが、クライアント側のみの問題で、SyntaxHighlighter 関係のスクリプトが動くとこの問題が起こるようです。でも、意図的に書き換えているわけではなさそうな感じです。
気にするほどのことでもなさそうですが、原因不明のまま放置するのも気分が良くないし、といって解決策は見つからないしで悩んでいます。
by WebSurfer
2010年6月8日 22:25
URL に使用できる ASCII 文字のみを使って、ポストのタイトルの別名を作って、それを Slug に設定してやれば、そのとおり URL に表示されることを知りました。
例えば、ポストのタイトルが "湘南" だとして、最初に投稿する際 Slug には何も設定しないと、BlogEngine が自動的に "湘南" を "e6b998e58d97" に変換して Slug に設定します。
その結果、ブラウザのアドレスバーなどに表示される URL が、以下のような訳のわからない文字になります。
.../post/2010/05/16/e6b998e58d97.aspx
これは、"湘南" のままでは URL の文字として使用できないので、UrlEncode して、さらに '%' を取り除いた文字列に変換しているからです。(何故 '%' まで取り除いているかは不明)
上記の例は、まだ 2 文字だから我慢出来る範囲かもしれませんが、日本語のタイトルが長くなると、延々と訳のわからない文字列が続いて(全角 1 文字が半角 6 文字に変換されますので)、見栄えが非常によろしくないです。
BlogEngine の自動変換に任せず、自分で Slug に "Shonan" と設定すれば、そのポストの URL は以下のようになります。
.../post/2010/05/16/Shonan.aspx
こうすれば、URL から内容が類推できるようになりますし、それに何といっても見栄え(これが大事(笑))が大幅に改善されるのがいいです。
以前のポスト、BlogEngine の修正 で、「検索」で検索結果の URL 情報が一行に収まらないため、その部分のコードをコメントアウトして表示しないようにしましたが、これによって問題がなくなったので復活させました。