隠居のMT備忘録：mt-site.js の文字色を変える
プロ並みの写真を撮る友人のブログを構築した。同じML仲間でMTでのブログ製作の先輩から、ブログの背景などのスタイルを異なるデザインした方がいいのではというアドバイスを受けて、スタイルシート styles-site.css を弄って背景色などを変更した。背景色を変えるとヘッダーなど色々なスタイルで文字が見えない状況がでてくる。普通にはスタイルシートを修正したり新たに class を作ったりして文字色を変えれば文字が見えるようになるが、エントリー・アーカイブ中のコメント投稿部分の Typekey に関するメッセージの「サインイン」「サインアウト」文字色は変えられなかった。この部分は、ブログ毎に再構築時に再生成される mt-site.js という JavaScript テンプレートにある文字が表示される。（実は、昔学習したことがあるのに、これを見つけるのに時間がかかった。）
この JavaScript のデフォールトの文字色がどのように決められているのかよく分からないのであるが、以下の青色部分のように色指定のタグを挿入すると文字色を指定できるようになった。あまりスマートな方法ではないと思うので、誰かもっとスマートな方法があれば教えて欲しい。
・
・
・
・
function writeTypeKeyGreeting(commenter_name, entry_id) {
<MTIfRegistrationAllowed> if (commenter_name) { document.write('<p> サインインを受け付けました。 ' + commenter_name + 'さん。コメントができます。'+
'(<a href="<$MTRemoteSignOutLink static="1"$>&entry_id=' + entry_id + '"> <span style="color:#ffff00;">サイン・アウト</span></a>)</p>');
} else { <MTIfRegistrationRequired>
document.write('<p >サインインしていません。このサイトにコメントをする前に登録してください。 '+ '<a href="<$MTRemoteSignInLink static="1"$>%26entry_id=' + entry_id + '"><span style="color:#ffff00;">サインイン</span></a></p>');
<MTElse> document.write('<p>TypeKey IDを使って '+ '<a href="<$MTRemoteSignInLink static="1"$>%26entry_id=' + entry_id + '"><span style="color:#ffff00;">サインイン</span></a> '+ 'してください。</p>');
</MTElse> </MTIfRegistrationRequired> } </MTIfRegistrationAllowed> }
<MTIfRegistrationAllowed> if ('<$MTCGIHost exclude_port="1"$>' != '<$MTBlogHost exclude_port="1"$>') {
document.write('<script src="<$MTCGIPath$><$MTCommentScript$>?__mode=cmtr_name_js"></script>'); } else { commenter_name = getCookie('commenter_name'); }
</MTIfRegistrationAllowed>
コメント
>yamakoさん
どういたしまして。
むしろ、yamakoさんの写真を利用させてもらって、私のサイトが充実してきました。
それと、MovableType カスタマイズの再勉強になりました。謝謝！(^o^)
Posted by n_shuhei at 2007年5月27日 10:13
ご隠居様、YAMAKOです。大変なご苦労をいただいてブログを構築していただきありがとうございました。「プロ並みの写真を撮る」と言っていただいてうれしいのですが、ちょっと気恥ずかしい思いをしています。今後ともよろしくお願いいたします。
Posted by yamako at 2007年5月27日 10:01
コメントする
(初めてのコメントの時は、コメントが表示されるためにこのブログのオーナーの承認が必要になることがあります。承認されるまでコメントは表示されませんのでしばらくお待ちください)