Ap}SȎT
アンパンマンに関するコラムや、管理人の使用したアンパンマングッズのレポートなど

トップページの崩れを修正

当サイトは表示を軽くする為と、SEOに有利になるという理由と、リニューアルを簡単にする為にCSSデザインを用いて構成しています。
ところがこのCSS、なかなかのクセモノでして、IEでは表示に崩れが無くても他のブラウザで確認すると思った通りに表示されていなかったりします。
今までIEブラウザでしか確認していなかった私ですが、うかさん(アフィリエイトインテリジェンスさん)や他の方から 「Firefoxで崩れているよ~」 とのご指摘をいただき、Firefoxをパソコンにインストールして確認してみると・・・。
もう見るに耐えないほど、ぐちゃぐちゃに崩れておりました。
これはなんとかせねば、と思っていたのですが、原因が分からずCSSを再度勉強し直す事に。

で、本日ようやく崩れを修正する事が出来ました。
今までサイトにお越しくださったIEブラウザ以外の方々、申し訳ございませんでした。
原因は初歩的なミスや記述の抜け等。

  • メインメニューの各段に「clear」指定を忘れていた
  • 左floatと右floatに、それぞれheight100%を指定していた(削除すると、フッターが最下部にきちんと表示された)
  • メインメニューのwidth指定をしていなかった(指定すると、左の画像の横にメニューを回り込ませる事が出来た)

clear指定はともかく、heightやwidthが微妙に関係しているなんて・・・。
おそるべしは、記述が間違っているのに崩れることなく表示できてしまうIEですね(^-^;
色々とヒントを下さった方々、この場を借りてお礼を申し上げます。
おそらくこれで大幅な崩れは無くなったと思いますが、
「ここ、何かおかしくない?」
とお気づきになった点がありましたら、いつでもコメント、掲示板等から管理人へご連絡下さい。(・・・というか、何卒教えてやって下さい・・・汗)

Special Thanks:アフィリエイター交流掲示板

RSSとは?

最近はブログ(blog)がますます流行していますね。
ネットで知り合った大半のお友達が、ブログで日々の日記を綴っていたり、コラムを書いていたりします。
誰でも簡単に書くことができ、無料ですぐにレンタル出来る事から、特にインターネットの知識の無い方でもスムーズにブログを始める事が出来るのも、魅力の一つでしょう。

既にブログをお持ちの方ならご存知かも知れませんが、当サイトの右メニュー下にもある、



など、ブログの大半には「XML」「RSS」「RDF」などのアイコンやリンクが埋め込まれており、それをクリックすると意味不明な英数字がずらずらと表示されます。
今まで私はいくつかブログを書いたり、使ったりした事がありながら、この英数字が何を意味しているか分かっていませんでした。

実はコレ、すごい便利な機能なんです。

もし貴方が1日にいくつかのブログを読み、訪問するのが日課になっているのであれば、この英数字を利用する事で時間の節約をする事が出来る、すばらしい機能です。

まずはRSSリーダーを使ってみましょう。
Yahoo!やGoogleなどで検索してみると、たくさんのRSSリーダーがありましたが、私はとりあえず

これを選択。
メールアドレスを入力して登録(もちろん無料)し、すぐに送られてくる承認メールのアドレスをクリックすれば正式登録完了。
1分と掛かりません。
その後、

RSSフィード追加


「Myフィード」タブの、「追加」をクリックし、右フレームに表示される

RSSフィードURL登録


Blog or Feed URLに、お気に入りのブログの「XML」「RSS」「RDF」などのアドレスを入力し、Myフィードに登録するをクリック。
その後、フォルダなどのオプションを任意に設定して、最下部のMyフィードに登録するをクリックすれば完了。とっても簡単です。

お気に入りのブログの更新情報を取得して来るので、「今日は日記や記事が更新されてるかな~?」と、あちこち訪問する手間が省けます。
お気に入りのサイトがブログだけでなく、RSSを配信しない独自コンテンツがある場合は無論、直接訪問するのが一番ですが、今はブログだけをお持ちの方もたくさんいらっしゃるので、そのような場合は更新状況がひとめで分かってとても便利です。

当サイトでは「コラム」「掲示板」にブログを使用しています。
今後は「更新情報」もRSS配信できれば、と思っています。
RSSリーダーを使ってみようかな~
とお考え中の方は、ぜひテストがてら当サイトのXMLを登録してみて下さい。

参考リンク:Trend Match ─ コンテンツ連動型RSS広告

文字コードUTF-8N・改行コードLF

まずblosxom starter kitをダウンロードして来たら、色んなファイルを開いて設定したり、内容を編集したりするんですが、設置手順についてはカンガルーオアシスさんのblosxom starter kitの設置方法が参考になります。

最初からこちらに出会っていたら苦労も無かったと思うのですが・・・。
なんせ、エンコードはUTF-8だっていうんで、そのまんま素直にUTF-8で保存してたらダメだったんですね。
デザインも出来上がった後に何かしら動かなくなっちゃったんで、文字コードあたりが原因かと調べていたら、設置方法が書かれている上記のサイトに出会いまして。
UTF8Nという文字コードで、改行コードはLFで保存しなくちゃいけないらしいです。

これ、初心者にとっては気づきにくく、かつカナリ重要な点かも。(・・・・こんな事でつまずいたのは私だけ?汗)

Blosxom使ってます

アンパンマン百科辞典内の、「ご利用案内」や「使用レポート」辺りはblosxom(ブロッサム)というblogツールを使って構成しています。
Jugem(ロリポップ)や、livedoor Blog(ライブドア)で提供しているレンタルブログではなく、サーバーに設置するタイプのblogです。
ただ、上記のサイトは英語圏で何が何やら・・・という感じだったので、うかさん(アフィリエイトインテリジェンスさん)の薦めもあって、blosxom starter kitを使わせて頂く事にしました。

Movable Typeと比べて、断然Blosxomの方が「設置は」簡単でした。
CGIだけで動作してるので、MySQLとか、そんな知識もいらないのが魅力の一つ。
ダウンロードしてデフォルトの状態で設置するのは5分と掛からないかも。
「こりゃHTMLを手書きするより更新が楽そうだ」
とタカをくくってたんですが、今の状態まで仕上げるのが結構大変で・・・(^-^;

検索すると色々と解説サイトは出てくるんですが、私なりに気づいた点とか、プラグインを入れてどうしたこうしたとか、自分の忘却録も兼ねてブログってみようと思います。(せっかくblog設置したのに、書くこと無いんじゃ寂しすぎる・・・っていうのは内緒。)

サーバーはロリポップ!をお借りしてますんで、書いてる内容もそれに沿ったものになってます。

アンパンマンのコラムとか

アンパンマンのTV放映を見て思った事とか、娘の事とか、アンパンマンに関することを綴って行こうかな、というカテゴリ。
自分なりの言葉でつらつら~と更新して行こうと思うんですが、なんせ言葉が汚いんで、せっかく遊びに来て下さってる方に不快に思われたらどうしよう・・・とちょっとドキドキしてたり。

カテゴリ

新しいコメント
新しいトラックバック

アーカイブ

ブログ内検索

RSS
RSS feed meter for http://anpanman.egoods-navi.com/blog

blosxom 2.0 blosxom starter kit