適用とは？/ マイワン
[ 114] 小粋空間: Litebox 1.0 をブログに適用する
[引用サイト] http://www.koikikukan.com/archives/2006/07/07-013507.php
|
Lightbox の時代からそうなのですが、このツールは画像を表示するページのパスが変化した場合のケースまで考慮されていません。つまりブログではインデックスページや各アーカイブページのパスがそれぞれ異なることため、提供されているファイルに対し、各ページから同様の振る舞いをさせるための修正が必要になります。 下記に修正を施したサンプルを作りました。トップページと、そこからリンクされている記事ページでも動作するようになっています。 また、rel 属性を自動付与するカスタマイズも色々出回っているようですので、適用できるかもしれません。 ファイルを修正する際にMTタグを利用し、そのファイルをテンプレートとして登録することで修正箇所を自動変換します。テンプレートに登録するのは修正する2ファイルのみです。 方法は管理メニューの「テンプレート」→右上「テンプレートを新規作成」をクリックして、次のページで下記のように設定してください。 方法は管理メニューの「テンプレート」→右上「テンプレートを新規作成」をクリックして、次のページで下記のように設定してください。 またブログサービスの制約等で、この構成でアップロードできない場合、ファイルを同じディレクトリにアップロードして、４項の src 属性を適宜修正してください。 このブログは重複トラックバック防止プラグインにより、同一エントリーに対する同一のトラックバックは登録されないようにしています（記事のタイトルまたは記事の概要が異なる場合は登録されます）。 いつもお世話になっている小粋空間さんで紹介されていたライトボックスを試してみた... [続きを読む] ヤブカンゾウはニッコウキスゲの仲間らしいが、花びらがくしゃくしゃなのが特徴らし... [続きを読む] 画像をクリックするとうにょんってなって、 周り暗くなってウインドウ真ん中にライト... [続きを読む] １カラムのデザインにして気になっていたことがひとつ。本文にある程度の長さが無いと、レイアウト的にすごく見栄えが悪くなってしまう。記事を２つ３つ表示させれ... [続きを読む] 私は、デジカメを持ち歩かない、携帯電話は電話であってカメラではない、といった無理やりの理由から、本ブログでは、あまり画像が掲載されていません（って、相当無... [続きを読む] ブログやホームページに貼り付けたサムネイル（縮小）画像を格好良く表示させたくありませんか？それを実現するソフトが上記リンク先にあ... [続きを読む] サムネイルをクリックすると、まわりが暗くなって拡大画像が浮かび上がる…そんな仕掛けがしてあるブログって結構ありますよね。 Lightboxをかなり前にこのサイト導入していますがその際に若干不具合があった(ようにみえた)ので、自分なりに修正し、その内容を公開していました。 試してみました。丁寧なご説明のおかげで私でも設置する事が出来ました。ただ・・・ホントにバカで4の「テンプレート機能を利用する場合」のテンプレート修正で「：」も書き込んでしまったのです。もう直しましたけど。 yujiroさん、いつもお世話になって居ます。Liteboxは設定もうまく行って機嫌良く使っていたのですが、ブログを見て下さっているメンバーのお一人からFirefoxやOperaで見ると、画面が黒くなると言う指摘を受けました。それで私もそれらのブラウザをインストールして見たのですが、その現象は再現出来ませんでした。人によって見え方が違うようで、万人に合わせる事はできないのかなぁ、と諦めかけてはいるのですが。 上記の件についてのやりとりは、拙ブログの「PHP化」というエントリーを参照していただければ有り難いです。 テンプレートをお借りしてデザインを統一させようと四苦八苦してる最中なんですが、ついでにLiteboxも入れてしまおうと思い、試しましたがどうしても拡大画像が左に寄ってしまっていて中央にならないのと、オーバーレイが使えない状態になってしまっています。 その場で拡大画像は表示されるので問題ないと言えば問題ないのですが、出来ればデフォルトの様に表示される方が綺麗ですのでそうしたいのです。よろしければ見ていただけますでしょうか？ あの方法でトップページは問題なく（エラー表示もなく）効果を得られることが出来ましたが、今度はエントリーアーカイブで使用できなくなっています。 デザインに凝る余り何か変なことしてるかもしれないので何かご指摘ありましたらどうぞよろしくお願いいたします。 先程修正しましたので、「その他のテンプレートで利用する場合」を参考に修正してみて頂けますでしょうか。 他のブログから引っ越して来たばかりだったので、一部、画像が以前のブログの画像ファイルのままだった所為もあるかと思い、以前のブログエントリーの画像をＭＴのエントリーにアップロードし直して、『Movable Type のテンプレート機能を利用する方法』を試してみたのですが起動しないのです。 ソースを拝借して確認した限りでは上記の修正で動作しました。上記以外のカスタマイズについては問題ないと思います。 実は色々といじっているウチに、ぐちゃぐちゃになったりして、その所為で何度もやり直していたので、しまいにはワケ分からなくなっていました。 Liteboxを導入したいのですが、上手くいきません。MT用のテンプレートを使用する設定で何度も見直しているのですが、画像をクリックするとただ単に他のページに表示されてしまいます。対処策や確認すべき点があればお教え下さい。お願いします。 最後に、私のブログを読み込むと、左下にページでエラーが発生しました。とjavaのエラーメッセージが表示されるのですが、何か関係がありますか？ また、本文記事中のリストは必要最小限しか抜粋、あるいは掲載しておりませんので、「書かれていない=削除」とか「（略）や"："は削除」といった解釈は行わないよう、お願い致します。 上記質問の3についてはyujiroさんの他のページを参考に解決できました。また、3の枠についてはときたま出るといった感じです。原因は分かりません。 "/"を入れてみましたが、逆に画像が以前の不具合の時のようにただ単に別のウィンドウに表示されてしまいます。元通りに"/"を外すと一応画像は表示されるようになります。 /blog/image/...と区切ったら正常に表示されるようになりました。何度もご迷惑をお掛けしましたが、丁寧に教えて頂きまして本当に有難うございました。また、何かありましたらご質問させて頂くと思いますが、宜しくお願いします。 上記問題は解決されて一件落着したのですが、先日リリースされたIE7での表示を確認したところ、ブログが崩れて表示されてしまいます。 ご質問の件ですが、このカスタマイズ自体は問題ありません。またそれ以外で修正が必要な場合は（記載もれがない限り）、必ず明記していますのでご心配なく。 上記のサイトで結果を確認して、致命的なエラー（HTMLタグの開始?終了がきちんとできていない等）を先に解決していくことをお勧めします（Flash関連のタグはとりあえず無視しても良いでしょう）。 以前、ブログを訪問されたある方から私のブログが見難いと言われた意味が分かりました。恐らくIE6以外で見たのでしょうね。修正できたらまたご連絡させて頂きます。 毎度ですが、こちらのカスタマイズを参考に色々とMTを素人がいじっているので、相変わらすの悪戦苦闘中です。 こちらのコメントやらトラックバックを参考に色々見てはいるんですが、底をついてしまい、これ以上どうしたらいいのか分からない状態です。 先日IE6以外のブラウザ（IE7など）で自分のブログが崩れる件について質問したものですが、その後何とかエラーを600強から200弱まで減らすところまでは到達したのですが、いまだに崩れて表示されてしまいます。どこが問題なのか、残ったエラーの修正の仕方が分かりません。お手数ですが、今一度対処策を教えて下さい。 先日、ローディングと背景が表示されないとコメントをたてましたが、スタイルシートの設定を変更したら、なんとか、背景は表示できました。 ３カラムスタイルの両サイドの文字がIE7で表示すると、IE6で表示されるのよりも大きくなります。これを小さくするにはどこをどう修正すれば良いのですか？スタイルシートをいくらかいじってみたのですが変わりません。 私のブログは3カラムで左サイドバー・エントリー・右サイドバーを表示し、それぞれのカラムにスタイルシートでクラスを割り当てています。 実際のブラウズ時にはエントリー・左サイドバー・右サイドバーの順に描画させるため、それぞれのクラスにposition:absoluteで表示位置の指定を行っていたのですが、これを削除することで正常に動作するようになりました。 しかし当然、カラムの表示順が変わりレイアウトが崩れることになりますので、HTMLを変更し、左サイドバー・エントリー・右サイドバーの順で描画するようにしました。 スタイルシートについてまったくの素人なので他に変更・追加することで解決する方法があるのかもしれませんが、とりあえずは正常動作するようになったので満足しています。 コメントする際に上記の「情報を保存する？」とは何の情報を保存するのでしょうか？コメント投稿者から情報が保存されないと言われたのですが、もともとここをチェックすると何が保存されるのかを理解しておりませんでした。ご教授下さい。 「情報を保存する」はコメント投稿者情報（名前・メールアドレス・URL）をコメント投稿後、クッキーに保存し、同じサイトで次回コメントする際に、同じ情報が表示されます。コメントを投稿しなければ保存はされません。 調べてみたのですが、スタイルシートのfloatプロパティで各カラムの回り込みを設定することで、サイドバーやエントリー部分の表示場所を指定できることがわかりました。 テンプレートについてはこちらのサイトで配布されているものをお借りし、floatプロパティで表示場所を指定するように変更しました。 配布されているテンプレートについてですが、ヘッダ以外に手を加えず3カラム固定レイアウトでLiteboxの動作を確認したところ、#boxの外側の下端のみ画面が暗くなりませんでした。 恐らくは、久々にド素人のポカをやらかしてそうな予感はするのですが(笑)、何か思い当たるトコロ、アドバイス等いただけますと喜びマスト(笑)。 前回IE7での表示不具合について質問させて頂き、無事解決して頂いたのですが、配色を以前のコーディネートにしようとMt3.2用テンプレートに再度変更したところ、また不具合が発生してしまいました。前回の問題ではなさそうなのですが、どこをいじれば良いのでしょうか？せっかく解決して頂いたのに、何度もすみません。 Liteboxですがこちらを3カラムの幅が可変式のタイプに導入したのですが幅を縮めるとオーバーレイの幅が縮まり過ぎて右から下地が見えてしまいます。 ご質問の件ですが、とりあえず不具合の状態を拝見させて頂けないでしょうか（該当のURLをご連絡ください）。 コチラの記事を参考にlightboxの設置やってみたんですが、ＩＥだとカッコよくなってFireFoxだとカッコよくならないんです。最初テンプレートを利用する方法で試したんで利用しない方法でもやってみてもダメ。他にもコチラのコメントを参考に、いろいろやってみたんですがダメでした。なるべく忙しいyujiroさんに質問しないように自分で考えたんですが行き詰りました。どうかお願いします。どこが間違っているのか教えてください。 こちらでもそこまでは確認できておりまして、その先で行き詰ってます（通常であればこのエラーで原因が判明するのですが…）。 「・・（略）・・」としているのは、MT利用者によって設定内容が異なることが想定されるので、このようにしています（デフォルトテンプレートの内容をそのまま転記しても良いのですが、「私の設定と違うのですが…」と逆に質問される場合がありますので）。 他の記事も「略」と書かれている場合は、同様の解釈をしてください。何かを書かなければいけない部分を「略」としていることは（多分）ありませんのでご心配なく。 もし原因をお教え頂けるようでしたらとても嬉しいのですが、何度もお尋ねするのも申し訳ないので、無理なようでしたら無視して下さい。 ※色々と壁にぶつかりつつカスタマイズしておりますが、yujiro様の本を拝読しながら少しづつ理解していくプロセスがとても楽しいです。 ご質問の件ですが、現在liteboxを設定されている画像がみつかりません。すいませんが不具合のある状態で再度ご連絡頂けますでしょうか。 を確認させて頂いたところ、どちらも正常に動作していますが、質問の解釈が間違ってましたら再度具体的な状況をご連絡ください。 [131]の回答の前に、私の確認不足でしたが、FC2ブログはファイル名の中にピリオドがあるとアップロードできません（拡張子の前のピリオドは大丈夫です）。それで[130]のコメントで回答した4ファイルのうち3ファイルがアップロードに失敗しているようです（アップロード後に赤色で「ファイル名にスラッシュ（/）やピリオド（.）を入力することはできません」と表示されます）。 お知らせ：2008年5月現在、多忙のため、7月頃までコメントを速やかに回答できない状態が続きます。ご質問の内容によっては回答が7月以降になる可能性がありますので、予めご了承ください。 コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り（プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り）、ブラウザをリロードして投稿コメントが反映されていることを確認してください。 |
マイワンのサイトです。
