その際の対応方法をご紹介します。

1. 専用ソフトをダウンロード

   「縮小専用。」というソフトをダウンロードします。
   http://www.vector.co.jp/soft/win95/art/se153674.html

    

2. 下記のページにある「ダウンロード」タブをクリック

   

    

3. ダウンロードページで「ダウンロード」ボタンをクリック

   

    

4. ダウンロードが開始されるので「ファイルを保存する」が選ばれていることを確認し、
   「ファイルを保存」ボタンをクリック

   

    

5. デスクトップなどに、下記のファイルがダウンロードされていることを確認して、ダブルクリック

   

    

6. 下記のページが表示されるので「実行」ボタンをクリック

   

    

7. 回答先を確認して（通常は変更不要）、「OK」ボタンをクリック

   

    

8. 下記のようなアイコンがデスクトップ上に表示されるので、ダブルクリック。

   

    

9. 「縮小専用。」画面にて、縮小したいサイズを選択。
   また、希望があればオプションや画像変換後のファイル名等を決める。（特に変更しなくてもよい）

   

    

10. 画像サイズを変更したいファイルを選択（複数選択も可）して、
    「縮小専用。」画面の右下にドラック＆ドロップする。

    

     

11. （設定を変更していない場合は）「Resized」フォルダ内に、サイズ変更されたファイルが格納される

    

以上のように、非常に簡単に画像サイズが変更できます。

どうぞお試しください。＾＾

その場合の対処方法はこちら。

1. Firefoxをいったん終了させる。
2. スタートボタン→ファイル名を実行→%AppData%と記述→OKボタン押す
3. 出てきた画面からMozillaのフォルダを選び開く
4. 出てきた画面からFirefoxのフォルダを選び開く
5. 出てきた画面からProfilesのフォルダを選び開く
6. 出てきた画面から●●●●.defaultのフォルダを選び開く（●は使用環境によって違います。）
7. 出てきた画面のステータースバー（画面上部）からファイル→新規作成→テキストドキュメントを選ぶ
8. 画面内に新規テキスト ドキュメント.txtができるので名前を新規テキスト ドキュメント.txt→user.jsに変更する。
9. 変更後、user.jpを右クリック→プログラムから開く→ファイルを選ぶ→任意のテキストエディタに
   下記をコピーして貼り付ける。

   【貼り付け内容】
   ——————————————————————————-
   user_pref("capability.policy.policynames", "allowclipboard");
   user_pref("capability.policy.allowclipboard.sites", "http://blog.ameba.jp");
   user_pref("capability.policy.allowclipboard.Clipboard.cutcopy", "allAccess");
   user_pref("capability.policy.allowclipboard.Clipboard.paste", "allAccess");
   ——————————————————————————-
    

10. 「文字コード指定保存」でUnicodeか（UTF-8）を選択して保存する。

    ※Terapadでの方法

    

    

    ※Terapadのダウンロードはこちら
    http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html

参考サイト：

• http://ameblo.jp/dslite/entry-10027396457.html
  
• http://ameblo.jp/po777/entry-10039251676.html
  

頂いたご質問・ご相談

当メルマガをお読みいただいている、山本さんからご質問を頂きました。

IDとPWをいれないとそのページに入ってみれないボタンというかウィンドがありますが、あれはどのようにすれば作れるのでしょうか？よろしくお願いします。

これは、「basic認証」という仕組みを使って実現できます。

basic認証とは

「basic認証」とは「基本認証」とも呼ばれ、「 .htaccess 」というファイルを用いて実現しています。

認証に必要なファイルは、この「.htaccess」と「.htpasswd」の2つです。

この認証の仕組みはレンタルサーバーであれば大体実現できます。
ですので、すでにレンタルサーバーをお持ちである前提で今回はご説明いたします。

※ご自身で借りられているレンタルサーバーで利用可能かどうかは、
　レンタルサーバー会社にお問い合わせください。

解説動画

「.htaccess」と「.htpassword」の作り方を動画でご説明しました。
ご参考にされてください。

参考サイト

動画内で説明している「.htaccess」「.htpasswd」が簡単に作れるサイトは以下になります。

• .htaccess ファイルを簡単作成「.htaccess Editor」
  http://www.htaccesseditor.com/

サーバーとは、こちらでご説明したようにデータをしまう「入れ物」でしたね。

その「入れ物」が世界には山ほどあるので、
そのサーバーがどこにあるか、そしてその中のデータはどこにしまわれているか。

それを表したのがURLです。

サーバの中にデータを格納する際には、
「ディレクトリ」という階層を区切って入れることが一般的です。

たんすにも引き出しがありますが、
その何段目の右側にしまう、などとルールを決めておかないと、
区切られていない一つの「入れ物」に何でもかんでも突っ込むと、
後で取り出しにくくなりますよね。＾＾

それと同様に、サーバーの中にあるデータを更新したり取り出し易いように、
ディレクトリという区切りを作ります。

そうすると、そのデータを呼び出すためのURLにも影響があります。
データの場所を示すのがURLなので、ご理解いただけるかと思います。

そのURLとサーバーの中のデータの相関関係を、
概念として、今日は簡単にご説明したいと思います。

解説動画

今回も手書きで図を書きながら、ご説明する動画を作成しました。
ご参考にされてください。

簡単に言うと、

あるところに「入れ物（＝サーバー）」があって、そこに、「データ」を入れると、
インターネットに繋がっている端末（パソコンなど）からその「データ」を見ることが出来る

というのが基本的な仕組みがあって、インターネットの世界は成り立っています。

誰かが、どこかのサーバーにデータを入れて、それを見るためには、どこにそのデータが入っているか、
それを表す「住所」が必要なんですね。

その「住所」がURLというもので、WEBサイトやブログを見るときに、
インターネットエクスプローラなどのブラウザの
「アドレス」欄に入力する「http://～」などがそれにあたります。

ブログで記事を書いていると、サーバーのことを意識することはありませんが、
実は、ブログサービスを提供している会社がサーバーを持っていて、
あなたが入力された記事データを保管・格納して、みんなが閲覧できる仕組みを作っているんですね。

これから、無料レポートの公開や ちょっとしたデータのやり取りをするためにサーバーを使ってみたい方は、
まずは、ざっくりとしたサーバーの概念を理解されていると、あとあとのつまづきが減ると思いますよ。

解説動画

手書きで図を描きしゃべりながら
サーバーについての概念をご説明した動画を公開します。

ご参考にされてください。

前提条件

当サイトは、ワードプレスを使用して構築しています。

今回解説するフォームの設置方法は、
ワードプレスの追加機能である「プラグイン」を利用したものになります。

頂いたご質問・ご相談

当メルマガをお読みいただいている、かっちゃんさんからご質問を頂きました。

この「ご質問・ご相談フォーム」について

「送信」ボタンをクリックしたら、下に
「あなたのメッセージは送信されました。ありがとうございました。」と
緑の枠つきで表示されました。

ソースを見ると・・・ajaxですか？

気がつくと、フォームもクリアされてますね。

かっこいいです。

ご質問・ご相談への回答

解説動画

使用方法の解説は動画でしておりますので、ぜひご覧ください。

ワードプレスプラグイン「Contact Form 7」解説動画

URL

このプラグインは下記のURLから入手できます。

Contact Form 7
⇒　http://wordpress.org/extend/plugins/contact-form-7/

色の組み合わせがイマイチ・・・
１色しか使ってなくて、なんか寂しい・・・
そうはいっても、どうやって色を選べばいいのかよくわからない・・・

そんなお悩みに役立つ、 サービスをご紹介します。

カラースキームデザイナー

無料で利用できるオンラインツールです。
直感的に動かせるので、楽しみながらお好みの色を見つけることが出来ます。

解説動画

使用方法の解説は動画でしておりますので、ぜひご覧ください。

カラースキームデザイナー解説動画

URL

このサービスは下記のURLからご利用になれます。

Color Scheme Designer 3
⇒　http://colorschemedesigner.com/

ワードプレスとは？

※WordPress日本語公式ページより引用（http://ja.wordpress.org/）

WordPress (ワードプレス) は、オープンソースのブログ／CMS プラットフォームです。
セマンティック Web、コードやデザインの美しさ、Web 標準、ユーザビリティなどを意識して開発されており、
無料でダウンロードして使うことができます。

つまり、わかりやすく言い換えますと、
ワードプレスは、レンタルサーバーを借りてそこに設置できるブログシステムで、無料で利用できます。

世界中の人が多く利用しているので、追加機能もいろいろと開発されており、
非常に自由度の高いブログを作ることが出来ます。

ワードプレスのインストール方法説明動画

ワードプレスのインストール方法を動画でご説明します。

 ※2009年8月22日現在の情報です。

ワードプレスのダウンロード

ワードプレスは下記のページからダウンロードできます。
⇒ ワードプレス日本語公式ページ

レンタルサーバーについて

ワードプレスをインストールするには、レンタルサーバーを借りる必要があります。

ワードプレスを動かすために、レンタルサーバーを借りる際には、
下記の要件を満たしたサーバーを選ぶようにしてください。

• PHP バージョン 4.3 以上
• MySQL バージョン 5.0 以上
  →　サーバーの仕様が4.0となっていても5.0でも対応できるようにしてくれる
  サーバー会社もありますので、すでにサーバーをレンタルされている方でしたら、
  一度借りられているサーバー会社にお問い合わせください。

また、私が利用しているレンタルサーバーは、ヘテムルです。

ワードプレスの記事データを格納するためには、データベースが必要になりますが、
ヘテムルは10個までデータベースを作ることが可能なため、
複数のワードプレスブログを運用することが容易に可能です。

また、ムームードメインと連携しているため、
ムームードメインで取得した独自ドメインを、ヘテムルのサイトやブログで利用できます。

動作も安定していますし、積極的に最新の機能を取り入れていたり、
マニュアルも解かりやすい上に、サポートもしっかりしていますので、
多機能なサーバーをお求めの方にはお勧めできます。

その他のサーバーについては、
私が作成したこちらのレンタルサーバー機能比較サイトをご覧ください。

単色で色を指定したい

背景に色を指定する場合は以下のようになります。

1

background-color:#★★★★★★（お好みの色番号）;

「★★★★★★」の部分は、色番号の数字が入ります。
具体的な番号については、下記サイト等を参考にされてください。
↓
http://www.as-net.com/color.html

背景に画像を使いたい

背景画像を指定するタグは以下のようになります。

1

background-image: url(画像のURL);

画像を使用する場合は、大きいサイズの画像一枚を貼り付けるのでは、
読み込みに時間が掛かり閲覧者に不満が出たり、
閲覧者のブラウザによって表示がおかしくなったりもします。

ですので、一般的には下記のように
サイズの小さい画像を繰り返して表示させる指定にします。

1

background-repeat: ★★★★★★;

「★★★★★★」の部分には、繰り返しの値が入ります。

そのほかの背景画像に関する指定は、下記を参照されてください。

• 背景画像の表示位置を指定する
  http://www.tagindex.com/stylesheet/page/background_position.html
• 背景画像をスクロールさせない
  http://www.tagindex.com/stylesheet/page/background_attachment.html

具体的な事例は以下をご覧ください。

頂いたご質問・ご相談

当メルマガをお読みいただいている、奥田さんからご質問を頂きました。

実は今、
JUGEMブログで、自由に使えるテンプレートを使ってブログを作っております。

トップ画像はなんとか完成し、
既存のテンプレートのトップ画像とオリジナルのものを入れ替えることは出来たのですが

元の背景色と合わないので
出来れば、色を変えてみたいと思い

背景の色を変えるために
HTML編集ホームとCSSをさがして

変えたいバックの色のカラーコードを見つけ
多分この色だと思います ⇒ (#999966・・・うすいウグイス色というか淡い黄緑色）

他の色のものと変えてみたのですが
更新をしても、全くテンプレートに
変化がありません。

やはり既存のテンプレート全体の背景色
（この場合、ページのトップから最下部へ・黄緑色のバックがだんだんと薄くなっている）
は、変えることが出来ないのでしょうか？

夏蓮さんおススメのアドオン・Firebugも
インストールして、いろいろいじってみたのですが

どこを触っても・・・出来ませんでした。

何が悪いのでしょうか？

ブラウザはIEとFirefox
両方で試してみたのですが。

いちよう、まだ作りかけで
お恥ずかしいですが

そのブログのURLを載せておきます。

http://happy-tenshi.jugem.jp/

出来るか出来ないかだけでも良いので
お教え頂けないでしょうか？

わがままを言いまして
本当に申し訳ありません。

どうぞ、よろしくお願い致します！

ご質問・ご相談への回答

教えていただいたURLのページを拝見しました。

仰っている背景の部分は、色番号の指定ではなく、画像で指定されていますね。

具体的には、下記のソースの、「background-image:　～」　のところです。

※jm_style.css　内

1
2
3
4
5
6
7
8

body {
margin: 0px auto;
padding: 0px;
background-image:url(http://hanatsukiyo.img.jugem.jp/20080311_88248.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
text-align: center;
}

なので、これをもし画像ではなく、
お好みの色番号で指定されるようでしたら、下記のように修正してみてください。＾＾

1
2
3
4
5
6

body {
margin: 0px auto;
padding: 0px;
background-color:#★★★★★★（お好みの色番号）;
text-align: center;
}

修正ポイント1

下記のソースによって、
背景部分に指定した画像が繰り返して表示されるようになっています。

なので、この部分を削除します。
↓

1
2
3

background-image:url(http://hanatsukiyo.img.jugem.jp/20080311_88248.jpg);
background-repeat:repeat-x;
background-attachment:fixed;

背景で指定されている具体的な画像はどれかというと、
この画像ですね。
↓
http://hanatsukiyo.img.jugem.jp/20080311_88248.jpg

修正ポイント2

上記の画像の代わりに色番号で背景色を指定すると、
お好みの色で表示されますので、下記のソースを記述します。
↓

1

background-color:#★★★★★★（お好みの色番号）;

　「★★★★★★」の部分は、色番号の数字が入ります。
具体的な番号については、下記サイト等を参考にされてください。
↓
http://www.as-net.com/color.html

もしも、いまのブログのように、色が変化するもの（グラデーション）がよければ、
画像を作る必要がありますので、

先ほどの「修正ポイント1」の画像を差換えれば、そのようにも出来ます。