新テンプレートになりました。

みどりうかブログのテンプレートを、新テンプレートに移行しました。
まぁ見た目上はそんなに大きくは変わっていませんが…コンテンツとかの頭の部分が出来たぐらいか、あとはトラックバックとかの表示が若干変わったが、あぁそうそう、カレンダーは普通ちっくなのに変わった、これだけは明らかに変わったが、基本的なデザインや構成はだいたい同じです。見た目は。

Butしかし(@皿@!

IEでもレイアウトが崩れないように、またおらが管理をしやすいようにと変更がされています。

まず元となるテンプレート、今までとは違うタイプのモノを使いました。
以前の元のテンプレートはヘッダー部分に横長に数字が並ぶカレンダーに惚れて選んだのFC2の用意したテンプレートだったのですが、画像とかいろんなものが入り込んでいて、旧みどりうかブログのデザインに近い形にしようと頑張った結果Operaで見ると見事にかなりイメージ通りにいったんだけれども、その後IEだとレイアウトが崩れる問題が判明してIEに合わせたら、今度はOperaで妙な配置になって微妙になって泣いたのよね。
その後もメニュー部分の表示コンテンツの関係でレイアウト変更したらまたIEで崩れて、それを直すとまたOperaが崩れてというのを繰り返し、CSSもHTMLも複雑怪奇になっていったわけです。もうどこをどういじったらいいか、おらもパッと見ただけじゃ分からんぐらいになった。
すると今度は、下手にCSSをいじると予想外のレイアウトになってしまう現象が発生。今になって思えば、メインやメニューの中の位置沿えとレイアウト部分の位置が干渉しあってと言いますか、その辺りの事情だったんですよね。主にIE対応の事情で…おのれIEめ!!

だからもう諦めて、ついでに希望する機能優先で、カレンダーはもう分かりやすい普通のにしてしまおう、ということで新しいFC2のテンプレートを入手して作成を始めたんです。

元となったのは右メニューの2カラムでシンプルなモノ、全体的に黒かったのですが色はまぁ何とでもなるので。
決め手となったのは、ヘッド部分にプラグインが挿入されていることね。これがおらには斬新だった。まぁそれが出来れば楽できるなと考えてはいたことだが、実際にそれを見て心が動いたわけよね。

ということで、好みの色(みどりメインはみどりうかブログの命!)に変更し、幅も好みで760pxにし、IEでの表示も考慮し干渉しないようCSSをいじり、今までのテンプレートの機能も埋め込んでようやく公開となりましたと。
他にやることもあって1週間も掛かっちゃった(=ω=A;

まぁ見た目上そんなに大きな変更はないのですが、実はおらがサボる為の大きな変更というか新機能が2つ。いやある意味1つ。
ヘッダーにプラグイン挿入、フッターにもプラグイン挿入、それぞれの内容の変更をプラグイン管理から実現したんです。

今まではもうね、HTML直いじりしていたんですよ。ヘッドのバナーとかもね。まぁその方が早いし。
でも変更時に地獄を見る、何だこの怪しい文字の羅列はって思う。おらの場合今までの10年近いサイト運営で良いと思ったモノを自分向けに改造したHTMLを保存していて、それをベースにしているものだから、さらにその元とか参考になったのが今になっては何なのかがよう分からんことが多いんですよ。だから記述もマチマチだし。書きなおせばいいんだろうがそこまでの気力はないし。

ということで、現在ヘッダー部分のプラグインだけ稼働させてバナーを表示させてあります。便利便利。
フッターのは後日右メニューの一部を移行しようかなと考え中です。

あぁ…そう言えばFC2のプラグインって3種類に分かれているんだけどさ…前はたくさんプラグイン使っているとレイアウトが大変だったのよね。並び順の番号制が導入されてなくってさ。
だから3つのプラグインでジャンル毎(おらの場合は「メニュー」「自分絡み」「広告」)で分けていて管理しやすくしていたが、それもいつの間にか数字入力で並び順の番号決めれるようになってプラグイン1つしか使ってなかったのでね、これでようやく活用できますよ。
えがったえがった(=ω=。

もしレイアウト崩れや変な部分がありましたら、ご覧の環境と共にお知らせ下さいプリーズ。

にほんブログ村 その他日記ブログ 30代 日々のできごとへ

2件のコメント

  • SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    WS310SA(ネットフロントブラウザ)の非ケータイモードがちょっとつらい
    (ケータイモードで見る時もありますが、使い勝手の面で物足りない)ので
    改善は難しいとは思いますがダメ元で現状を書きますと、
    タイトル・本文・右メニューの順に並ぶうちの本文が
    ブラウザ幅のうち左半分のみでの表示になってしまうのです。
    このブラウザではよくある症状(itmediaみたいに1文字幅のみというところまでは行きませんが)ですが、簡単に直るのであれば助かるのですが…
    ついでに、ここはまだいい方なのですが、誘導したいな支店が移転の方はもっとひどくて
    タイトルは表示されるものの、本文がいつまで経っても全く表示されないという状態になってしまいます。
    一応読み込んではいるようで空白のあたりでテキストコピー画面を出すと本文は確認できるようですが(この機能もほんの一部しか確認できませんが…)

    読み込みの中止で無理やり見ることも出来ますが(ほとんどこの技を使わないと相当つらいブラウザなんです(汗))一応書かせてもらいました

    支店が移転 の方は、頭にケータイ向けページのリンクを入れていただくだけでもありがたいです、出来ればよろしくお願いします

  • SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    あぁそうか、ケータイ向けは考えてなかった。申し訳ない。
    ケータイ向けのリンクもどっかに貼るようにするだ。

    http://midoriuka.blog33.fc2.com/?m
    http://midoriuka.dtiblog.com/?m

    ↑とりあえずケータイ向けのページへのリンクはこちら、ここと移転のヤツ。

    > タイトル・本文・右メニューの順に並ぶうちの本文が
    > ブラウザ幅のうち左半分のみでの表示になってしまうのです。
    これがなんだべね、OperaMobileなんかだとブラウザ設定でテキストが指定幅に強制的に変えられたりするんども…NetFrontではどうなんだべね?
    ふと思うとおらNetFront端末を持ったことがないのよね、その辺りも軽く影響していることは否定できない事実です。Operaでは確認することもあるんども。
    ちと調べてみます。

    あと移転の方は現在のテンプレートがあれもまた別の問題があるので、出来れば変えようと思っているところです。
    でもその前にワサワサ復活とかいろいろと…おらのやる気が出る為にどこかの年上のキレイなおねえさんが優しくしてくれることを切に、むしろ強烈に願います(=ω=

コメントを残す