カスタマイズの最近のブログ記事
IE7環境でIE6を動かす方法の御紹介。
このブログの作成やカスタマイズはIE7でやってましたが、テトさん達からIE6で表示がおかしいとの指摘。
確かに、別ＰＣのIE6で見てみると表示が崩れているので、仕方なく（？）IE6の対応も始めましたが、これが結構面倒臭い。
普段のカスタマイズ確認方法は、サイトをIEで表示させて、IEの「表示」→「ソース」メニューでHTMLのソースをローカルに保存。CSS等、必要なリンクをローカルのリンクに変更して、ローカルのHTMLをIEで表示させながら確認を行ってましたが、メインのPCとIE６がインストールされているサブPCの間でファイルのコピーが煩わしかった。どうにかならんものかとネット検索してみると、colissさんの記事を発見。早速試させていただきました。
- まずは、evolt.orgからie6eolas_nt.zipをダウンロード。
- 解凍して出来たフォルダの中のiexplore.exeを実行。
たったこれだけで、あら不思議！IE6が立ち上がります。解凍したフォルダを適当な場所に保存して終了です。レジストリ等も使用していなよう何で安心（？）です。
上記サイトには、他のバージョンのＩＥもあるので、必要に応じてそれぞれのＩＥが使えるみたいですが、おやじの目的にはIE6だけでＯＫなので、他のIEは試してないです。(^。^)y-.。o○
試しに、ヘルプからバージョンを確認するとIE7とのこと。IE7のエンジンを使用して、コンテンツの表示部分のみIE6になっているらしい。仕組みは良くわからないが、表示はちゃんとIE６と同じに崩れているので、おやじの用途には十分です。
これで随分とカスタマイズの確認が楽になりました。
ただ、テンプレートを変更した場合には、やはりMTで保存してから再構築という手順を踏まなくてはいけないので面倒。何かいい方法はないのか考え中です。
外部スタイルシートを2つ読み込んだ際に、後に読み込んだスタイルシートが反映されないので色々試した結果、文字コードをSHIFT-JISからUTF8にすると正常に反映されるようになった。
でも、最初に読み込んでいるスタイルシートはSHIFT-JISなんだよね。
何故、最初のスタイルシートは大丈夫で２番目がSHIFT-JISだとダメなんだ！
ブラウザ界の常識なのかな？
取りあえず良くわからないけど、全部文字コードをUTF8にしました。
只今、各ブログの色と背景を個別にカスタマイズできるように、外部CSSを追加して、デフォルトの色や背景を上書き出来るようにする作業をしています。
具体的には、共通のCSSから、色と背景関係を指定しているクラスを抜きだして、別CSSファイルにコピーして、こちらのファイルでカスタマイズできるようにしている最中。
取りあえず、ひな形が出来たので、IE6で試してみるとどうも上手くいかない。そんじゃ、他のブラウザはどうよ？ということで、ＩＥ７とＦｉｒｅFoxで試してみると、こちらは狙った通に動作する。
なんでじゃ～！(?_?)
と、書式間違ってないかとか色々確認したが、間違ってないし、IE7とFireFoxでは設計通りに動作してるので問題ないはず。
さらに色々悩んだが、最後の手段として、一つのクラスで色をデフォルトと変えたクラスを作って、そのクラスの定義位置を色々試した結果、設定が有効になる位置と無効になる位置がわかったので、その前の部分を検証したが特に問題はなさそう。
さらに色々悩んだ挙句、テスト用のクラスを挿入して効果が出なくなった位置の前にあるコメントを少し消してみると、なんとちゃんとテスト用クラスの効果が反映されるようになった。
なんじゃ！こりゃぁ～！
只今、色々コメントのパターン等試しているが、まだ法則が見つからない。明日も引き続き調べる予定。
それにしてもIE6はおかし過ぎ。IE7の推奨アップデートも始まったし、IE6ってもう対応しなくていいかな？などと思う今日この頃です。(ー_ー)!!
当サイトは、1つのＭＴで6個のブログを立ち上げて管理しています。現在は、すべてのブログで同じデザインと構成を使っていますが、カスタマイズが同時進行していたこともあり、ＭＴ４.01では結構テンプレートの管理が大変でした。
MT4.1がリリースされた時、グローバルテンプレートなるものが追加されたと聞き、小踊りして早速アップグレードして使い始めましたが、グローバルテンプレートでは、インデックステンプレートとアーカイブテンプレートが共有できない事が分かり、少しがっかりしつつモジュールテンプレートの共有にみ行い、インデックステンプレートとアーカイブテンプレートはしこしこ全ブログへコピーしてました。
そんなある日、ふと思いつきました。
アーカイブテンプレートやインデックステンプレートで、モジュールテンプレートをインクルードすればいいんじゃない？
ということで、本日アーカイブテンプレートで試したところ上手くいきました。
手順は、
- グローバルテンプレートのモジュールテンプレートを新規作成。
- 共有したいアーカイブテンプレートの内容を、１で作成してモジュールテンプレートへコピー。
- アーカイブテンプレートには、１のモジュールテンプレートのインクルードのみ記述。
まだ、ブログ記事リストしか試してませんが、今後共有する必要のなるその他のテンプレートで順次試して行きます。
「当たり前じゃん」というツッコミが聞こえてきそうですが、気づいた時には嬉しかったです(^。^)y-.。o○
ブログの構成がほぼ決まってきてホッと一安心していたのですが、よく見てみると何か変なことに気付きました。
- トップページから過去の記事へ行く手段がアーカイブリストまたは、月別アーカイブしかない。新着から順番に読んで行って、最後の記事になったらそのまま以前の記事に行きたいですよね？
- サイドバーのカテゴリアーカイブを選んでも、記事が１０個しかなくて、１と同じ様に過去の記事を見ようとすると、アーカイブリストから行くしかない。
１については、トップページの記事数を減らして、続きは月別アーカイブを選んでもらうという手段も検討しましたが親切じゃないですよね。
２については、ＭＴ４から何やら仕様が変わったらしく、以前はカテゴリーアーカイブでそのカテゴリーの全記事を見れたらしいのですが、MT4からは標準ではシステム設定で設定している記事数のみになり、他の記事が見たければ、月別カテゴリーアーカイブを使うようになっているそうです。色々事情があってそのような仕様になったのでしょうか、それは少しユーザーフレンドリーじゃないような気がします。もちろんテンプレートをいじれば、カテゴリーアーカイブに全記事を出力することは可能なのですが、それも少しユーザーフレンドリーじゃない。
というわけで、困った時には、いつもお世話になっている小粋空間さんへ。
今回は「ページ分割」の一連の記事を参考にさせていただきました。
PaginateプラグインがMT4.1で動作するか少し不安でしたが、やってみると簡単にできました。また、ページ分割するということで、再構築するページ数が増えることで再構築時間が長くなるか不安でしたが、今のところ体感できる程の違いはありませんでした。
こちらも、ページ分割の仕方について、おやじが理解した内容を紹介しようと思いますが、まだ小粋空間さんがやっていらっしゃるように、ソースの領域をスクロールさせる方法がわからないので、その方法を調べてから更新しようと思います。
ＩE7環境でIE6を動かす方法の御紹介。結構有名な話らしいです。
メインＰＣがIE7なので、このブログのカスタマイズはIE7でやってましたが、テトさん達からIE6で表示がおかしいとの指摘。確かに、サブＰＣのIE6で見てみると表示が崩れている。
普段のカスタマイズ確認方法は、サイトをIEで表示させて、IEの「表示」→「ソース」メニューでHTMLのソースをローカルに保存。必要なリンクをローカルのリンクに変更して、ローカルのHTMLをIEで表示させながら確認、という手順で行っているが、メインPCとPCの間でファイルをコピーしながらの確認になるので煩わしかった。どうにかならんものかとネット検索してみると、「IE6とIE7を共存させる」という記事を発見。早速試させていただきました。
まずは、「evolt.org」からie6eola_nt.zipをダウンロード。
解凍して出来たフォルダの中のiexplore.exeを実行する。
すると、あら不思議！IE6が立ち上がります。
試しに、ヘルプからバージョンを確認するとIE7とのこと。IE7のエンジンを使用して、コンテンツの表示部分のみIE6になっているらしい。仕組みは良くわからないが、表示はちゃんとIE６と同じに崩れているので、おやじの用途には十分です。
これで随分とカスタマイズの確認が楽になったけど、テンプレートを変更した場合には、やはりMTで保存してから再構築という手順を踏まなくてはいけないので面倒。何かいい方法はないのか考え中です。
今日は最近にしては珍しく２０：３０過ぎまで本業をしてから帰宅。
デビルメイクライ４に手を伸ばしかけたものの、何故かＭＴにログインして、シコシコとテンプレート編集してしまいました。(^。^)y-.。o○
本日のレシピはアクセスカウンターの追加。
材料：
・Ｆ２Ｃカウンター ＩＤ一杯
・根気 特大さじ 三杯
調理方法：
・まずは、ヘッダー部分にＦ２ＣカウンターのＵＲＬを追加。
・再構築してみると左揃えの上に、タイトルの下にカウンターが来てバランスが良くない。
・右揃えにしてみると、カウンター画像がはみ出してＮＧ
・取りあえずヘッダーは諦めて、サイドバーの先頭に追加。
・こちらも左揃えになってしまってバランスが良くない。
・ここで、根気を２５０度まで予熱してからカット＆トライの開始(^_^;)
・ＮＥＴでイメージのセンタリングを調べて数候補行ってみるも表示変わらず。
「mergin: auto;」も駄目だし、「text-align: center;」も効果なし。
ブロックのくくりも数パターン試してみるも効果なし。
ここで根気が見事に焼き上がってしまったため本日は終了。
それでも諦め切れずに、レシピを再度チェックしてみたところ、多分、イメージ部分を囲むブロックに、「width: auto;」を設定して、その外側にまたブロック追加して、そのブロックを「mergin: auto;」にすればセンタリングされるんじゃない？というヒラメキを得たものの、本日は再度調理する気になれないので、明日以降試してみようと思います。
ＦｉｒｅＦｏｘで表示すると、サイドバー部分のコメントが一部そのまま表示されている問題も付け合わせにしましょう(T_T)
それにしても、いつになったらデビルメイクライ４の封が空くんだろう・・・
