にほんブログ村 ブログブログ ブログ初心者へ にほんブログ村 その他日記ブログ つれづれへ にほんブログ村 小遣いブログ ポイントサイトへ
  にほんブログ村に登録しています!(^-^ )

2008年09月01日

ブログのデザインを変えてみる

105.ブログのデザインを変えてみる

2008年2月、パソコン暦1年と少し過ぎた頃の体験談です。

開設以来半年、ずっと同じデザインのブログでしたが、デザインを変えてみることにしました。

これまでは両サイドにバーがあり、真ん中に記事、というデザインでした。
しかし、これはちょっと使いづらかったです。

まず、記事スペースが真ん中にしかないので、一行が短くなってしまう、ということ。

私は、結構デカ文字なども使っていますので、一行で数文字しか表示されないのは、見た目にウザイです(; ̄∇ ̄ )

さらに、私はデザインを変えるのは面倒だと思い、季節感に左右されないコーヒーのデザインを使用していましたが、
これがまた、色味が薄茶で、文字色によっては目立たなかったり似合わなかったり。

それで、ブログ半年記念と称し、ブログのデザインを変えることを決めました。


さて、ブログのデザインを変える・・・と大げさに言っても、
「さくらのブログ」には様々なテンプレートがあって、簡単に好きに変えられます。
つまり、季節ごとに変えても面倒でも何でもなかったわけですね、本当は(^_^;)

まず、さくらの「コントロールパネル」にログイン、「さくらのブログ」ページを開きます。
「デザイン」タブの「デザイン一覧」で、使ったことのあるテンプレートの一覧が表示されます。
(実際に使っているものには「適用」欄にチェックがついています)

右にあるリンク「デザインを追加」をクリック、テンプレート一覧から好きなデザインを選んで「追加する」で、一覧に新たなデザインが追加されます。
「適用」チェックすることで、そのデザインに変えられます。
簡単、簡単♪

さて、イチゴのケーキを追加しました。
今度は右サイドバーデザインです。

ちょっと殺風景とも言えるほど、真っ白ですが・・・
ケーキはおいしそうだし、背景が白いから、どんな色でも似合わないってことはないしね。

「適用」でケーキのデザインに♪


・・・・・・・しかし。
両サイドバーから、右サイドバーデザインに変えて、ちょっと困ったこと。

一行に入る文字数が変わったから、
逆に改行が多くてウザくなっちゃった(T∇T)

まあ、おいおい直していくことにしましょう・・・。
なんだかんだで、直しが多いなあ。


ともあれ、ブログデザインを変えると、気分が一新しますね!
この調子で、以前のブログデザインに合わせて作っていたブログのバナーも変えなくてはo(^-^)o
〜後日談〜

変えてから大分経ちましたが、このケーキのデザインが気に入ってるので、もうしばらくはこのままでいようと思ってます♪
posted by 水沢藍 at 23:58 | Comment(0) | TrackBack(0) | ネット体験談

2008年09月03日

さくらのブログ−プロフィール画像挿入の謎−

106.さくらのブログ−プロフィール画像挿入の謎−

2008年2月、パソコン暦1年と少し過ぎた頃の体験談です。

ブログも一新、バナーを作り変えました。
もちろん白地にケーキのデザイン♪(#^.^#)

てなわけで、姉のブログ「桃子のテレビ感想」のプロフィール欄に、私のブログのバナーを張って「こちらもよろしくね」なんて書いておくことにしました。
もちろん、私のブログには姉のブログのバナーがあります。

そういえばこの体験談は記事にしてなかったなーと思い立ち・・・
今回、そのやり方を書いてみることにしました。


まず、さくらのコントロールパネルにログイン、「さくらのブログ」を開きます。
「デザイン」タブの「コンテンツ」をクリック。

今のブログの表示がどうなってるかが一目でわかるページが出ます。

一つ一つ、ブロックにコンテンツ名(例えばカレンダー)が書かれていて、
ページのどの場所にそのコンテンツが表示されているかが、ブロックの配置でわかるのです。

この、ブロックをドラッグ&ドロップすることで、表示を好きに変えることができます。
(例えばカレンダーを削除したり、カテゴリやコメントなどの表示順を入れ替えたりなど)

また、コンテンツ名をクリックすることで、そのコンテンツの詳細を編集することもできます。
(例えばそれぞれのコンテンツの上部、もしくは下部に文字を挿入したり、「カテゴリ」などの1ページの表示件数を指定したりなど)

さて、ブロックの一つ、「プロフィール」をクリック。

名前や年齢、誕生日など記入する欄があり、ここに記入すると、ブログ画面にプロフィールとして表示されます。

その項目の中に、「一言」というのがあります。
ここに、画像や文字を入れることができます。

文字はそのままキーボード入力すれば入力されますが、
画像を表示させるには、その下の「ファイルの追加」をする必要があります。

「参照」で、自分のパソコン内の、表示させたい画像のファイルを選択、アップロードします。

すると、ダイアログ(小さな別ウィンドウ)が表示され、ここでレイアウトなどの表示の仕方を選択します。
最初は「サムネイル表示」にチェックが入っています。
「サムネイル」とは、画像を原寸大で表示させるのではなく、縮小化して表示させたものです。大きい画像の場合は便利ですね。クリックすると原寸表示されます。

「保存」をクリック、「ファイル貼付」ボタンを押して、画像を好きな位置に貼り付けます。

しかしここで失敗すると、恐ろしい問題が・・・。

不思議なのですが、「プロフィール」の「一言」欄に、一度アップロードした画像をもう一度表示させることができません。

普通の記事編集画面だと、「ファイルマネージャ」をクリックすれば、以前アップロードした画像ファイルの一覧がダイアログで表示されるので、
その中から再び表示させたい画像を選んで、「原画」「サムネイル」どちらかのファイル貼り付けボタンを押せば、好きなだけ同じ画像を何度でも貼り付けられます。

ところが、この「プロフィール」の「一言」欄に画像を貼り付けたい場合、なぜか以前アップロードした画像を貼り付けることができません。

具体的に言うと、「ファイルマネージャ」をクリックしても、ダイアログが出ないのです。
画面がそのままファイルマネージャのページに切り替わってしまうため、貼り付けることができないのです。(貼り付けたいページが、切り替わりによって消えてしまうため)

つまり、この画像を表示しよう、と決めて上記の方法でアップロードしたものの、何らかのミスなどで、うっかりプロフィール欄を消してしまったとしましょう。
あらら、と思ってもう一度やり直そうと、再びプロフィール欄を開き、さっきアップロードさせた画像を挿入しよう・・・と思っても、挿入できないんです(T_T)

タチの悪いことに、じゃあもう一度アップロードしようと思うと、「同じファイルがあります」となって、上記の方法を繰り返すこともできません。


だから、ここは確実な方法を取るのがいいかな、と。

確実な方法とは・・・

プロフィール欄にこだわらなければ、「自由形式」ボックスを使って、それに画像を使うのが無難です。
そして、その「自由形式」をプロフィールの下にドラッグで移動させればいいことなので。
「自由形式」は、ちゃんと「ファイルマネージャ」で、すでにアップロードしてある画像を好きに使うことができます。

しかしどうしてもプロフィール欄に画像を使いたい場合は、

やっぱりHTML編集です。

この「一言」欄も、HTML編集ができます。

<img src="http:/画像のファイルの場所" alt="画像の説明" width="200" height="20" border="0">
これは、画像のソースです。(実際はhttp:のあとは//ですが、ここでは/にしています)

width="200" height="20"となってますが、これは200×20(幅×高さ)の大きさの画像を例にしているだけで、画像によってこの数値は変わります。

アップロードした画像は、「ファイルマネージャ」で確認できます。(プロフィール欄では無理なので、普通の記事を書くページなどで確認)
画像のタイトルをクリックするとダイアログが出るので、「元ファイル」のURLをクリックします。
画像が別ウィンドウで表示されるので、画像を右クリック、「プロパティ」で「画像のファイルの場所」「大きさ(幅×高さ)」がわかります。

それを上記ソースに当てはめ、その画像のソースを完成させたら、
「プロフィール」のHTML編集画面に貼り付け、挿入すれば、一度アップロードした画像も好きに貼り付けることができます。

しかしめんどくさいですね(; ̄∇ ̄ )
なんでこうなってるんでしょうか??


まあ、何はともあれこれでバナーを表示させることができました。

もしよろしければ、姉・桃子のブログにも遊びに行ってみてくださいね♪
posted by 水沢藍 at 23:59 | Comment(0) | TrackBack(0) | ネット体験談

2008年09月06日

「ここ」にリンクはダメ!?

107.「ここ」にリンクはダメ!?

2008年3月、パソコン暦1年半頃の体験談です。

ちょっと前にかなりお世話になった
「Another HTML-lint」さん。
再び訪れてみましたよ。

そして、新たなる事実発見。
こんな重要な記述が。

リンクを設定する文字列に、
「ここ」などを使うのはよくない
、と!

具体的に言うと、
「ここをクリック」の「ここ」や、
「〇〇はこちら」の「こちら」にリンクを張ることです。

『例えば、目の不自由な方がページを読むとき、リンク部分だけを拾って読んだりすることがあるそうです。』

た、確かにそれじゃ、「ここ」にリンクを張っても、意味がわかりませんね。
リンク先をちゃんと明記するのがいいってことですね。
「ここ」だけじゃなくて「こっちのサイト」とか「このページ」とかも同じで、これらはHERE症候群と呼ばれるものだそうです(。。lll)

『また、「クリック」というリンクもよくないとされています。なぜなら、リンクをたどる動作はクリックとは限らないからです。「押す」という用言も同様です。』

そ、そうだったんですか・・・。

この他にも、画像のALT属性に「ここ」などを指定するのもよくないそうです。
ALT属性には、その画像の内容がわかる文を入れる必要があるから、ということです。

私も以前、ブログで「どこどこへはこちら」などの文章の「こちら」という部分にリンクを張っていたことがあります。

それは好ましくなかったのですね!

サイトの方では、たしかそういうリンクはなかったような気がしますが・・・
確かめなきゃ!


「全ての人に優しいサイト作り」
難しいと思っていましたが、いろいろなところに気をつけないと、本当にたくさんの見落としがあるものですね。

しかも粗忽者の私たちのこと、あとどれほどあるのかわかりません(;´д` )

なんとかひとつずつ調べて、少しずつ直していきたいと思います。
posted by 水沢藍 at 22:40 | Comment(0) | TrackBack(0) | ネット体験談

2008年09月08日

IE7落ちる原因と対策

108.IE7落ちる原因と対策

2008年3月、パソコン暦1年半頃の体験談です。

IE7が落ちる原因・・・というのは、
以前にも書いた通り、アドオンが大いに関係しているようです。

しかし・・・

どうやらそれ以外にも、原因はありそうです。

だって、あのときのように「もう何もできない」と言うほど落ちまくることはなくても、
結構落ちることがあるんですから。

どうやら、いくつかのサイトで調べた結果、
IE7が落ちる原因の一つとして、
落ちるのはウィンドウを閉じるときが多い
・・・とのこと。

あまりに落ちるようならばIE6に戻すというのもひとつの手です。IE6に戻しましたという方もかなりいらっしゃいました。

しかし私は、以前にも書いたとおり、タブブラウザがお気に入りです。

何しろ、これまでのブラウザだと、それこそウィンドウがいくつもいくつもあふれて、使いにくかったんです。

もちろん、タブブラウザにしても新しいウィンドウが出ることはたくさんありますが、全てが新ウィンドウで出ていたIE6よりは、タブ切り替えの方が早いし見やすいということで、重宝しているわけです。

私は、何とかしてIE7をもっと快適に使う手はないだろうかと、あれやこれやと探していました。

そして!

対策の一つを、示してくださった方を発見!

その対策とは、「ツール」→「インターネットオプション」→
「全般タブ」の「タブ」項目の「設定」ボタン→
「ポップアップの発生時」項目の「常に新しいタブでポップアップを開く」にチェック、というもの。

これだと、新ウィンドウは出ず、全ての画面がタブで表示されることに。

そして、このことがブラウザ落ちの対策になるということが書かれていました。

なるほど、これだとウィンドウを一つ出せばすむので、いちいちウィンドウを消す必要がなくなり、結果落ちるのも減る・・・ということなんですね。

そしてこのやり方にしたところ・・・
ウィンドウはたった一つ。
全てタブで画面が切り替えられるので、
さらに使いやすくなりました!ヽ(*^▽^*)/

タスクバーをいちいちクリックしなくてもいいので、無駄な動きが少なくてすむし、
新しいウィンドウが出るときって、ちょっと時間がかかるじゃないですか。それも、タブだと表示が速い!

うわぁ〜〜〜〜
もっと早く知ってればよかった!

タブブラウザって、
なんてなんて
便利なんでしょう!ヽ(*^▽^*)/

・・・まあ、これで完全に落ちなくなったわけではないんですが。
でも、確かに落ちる頻度が減ったような気がします。

仮に頻度が変わらなくても、以前よりずっと使いやすいので、このままにすると思いますが・・・頻度が減ったのなら、さらにもうけもんです。

IE7にしてから大分経ちますが、
ようやく「タブブラウザ」の真価を見たような気がします♪

ありがとう、タブブラウザ!
ありがとう、上記の方法を教えてくれた方!


ちなみに、その方は他の対策もいくつか載せてくださっていたので、興味のある方は見てみてくださいね。
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1111265351
posted by 水沢藍 at 23:57 | Comment(0) | TrackBack(0) | ネット体験談

2008年09月10日

ブラウザの終了は×より「終了」?

109.ブラウザの終了は×より「終了」?

2008年3月、パソコン暦1年半頃の体験談です。

再びいろんなサイトをめぐって、ブラウザ落ちを防ぐ対策を調べまくっていたところ・・・

耳よりな情報をゲット。

私はこれまで、ブラウザを閉じるときはブラウザ右上の×で閉じてたけど、

どうやらそれは
ブラウザが落ちやすくなる原因の一つだとか。


そんなこんなでメニューバー「ファイル」「終了」で閉じたら・・・

嬉しいことを発見ヽ(´▽`)/

なんと、×で閉じるより、
スムーズにブラウザが
閉じてくれるように!


いままでは、×を押してもしばらくは画面が消えなくて、すぐに終わりたいときなんかにイライラしたものでした。

でも、「終了」で閉じたら、早い!

×クリックの方が簡単だから、いつもこれでやってたけど・・・
そんなことだとは、全然気づきませんでした。

こんなに早く閉じられるなんて、知ってたらもっと早くこっちで閉じてたのに〜!

・・・まあ、もちろん、
いつもすぐに消えてくれるわけではないんですが(^_^;)
(「終了」でも遅いときはある・・・)

でも、私にとっては、少なくとも前よりはすぐに終了できるようになったと感じました。
(まさか気のせいじゃないですよね!?・・・気のせいだったらゴメンナサイ)

これでブラウザ落ちも少なくなるなら、
一石二鳥ですね!
posted by 水沢藍 at 23:15 | Comment(4) | TrackBack(0) | ネット体験談
  にほんブログ村 ブログブログ ブログ初心者へ にほんブログ村 その他日記ブログ つれづれへ にほんブログ村 小遣いブログ ポイントサイトへ
   ネット体験談 総目次1
   ネット体験談 総目次2
   ネット体験談 総目次3
   カテゴリ別目次
    ・「パソコン関連」
    ・「ネット関連」
    ・「サイト作り関連」
    ・「さくら(ブログ)関連」
   ポイントサイト目次
   日記目次
   好きな曲紹介目次
   それぞれの目次ページに飛べます。他の記事をご覧になりたい時にご活用ください。

トップページへ戻る