アイセアブログのための解説

ブログに反映されるとこんな風に表示されます。

たまに真っ白なまま画面が止まってしまうことがありますが、こうした場合はあわてずに再構築用のウィンドウを閉じて、管理画面でもう一度リサイクルマークをクリックして再構築の手順を繰り返してください。サーバーやインターネットの環境によってもエラーが出ますので、どうしてもだめなときは時間を置いて再度行ってください。

「ブログの設定」というページになります。名前の箇所が「アイセアブログ」となっています。

ここでは新しいタイトルを「アイセアブログのための解説」と改めました。


名前の変更が終わったら下にある「変更を保存」ボタンを押します。さらに「再構築」を行います。

再構築が終われば変更がブログにも反映されています。

「画像の挿入」アイコンを押すと画像をブログに送るためのウィンドウが開きます。このメニューの一番左上に「新しい画像をアップロード」というテキストがあります。これをクリックします。

するとさらに「画像の挿入」というウィンドウに変わります。「アップロードするファイルを選択」とあります。「参照」ボタンを押すといま自分が使っているパソコンのファイル画面が開きます。

このウィンドウの名前は「ファイルのアップロード」となっているとおもいます。このウィンドウで、ブログに掲載したい画像ファイルを保存してある場所を探します。ここではあらかじめ分かりやすいように、デスクトップ上にその写真だけ用意しておきましたのでそのファイル名を選択して「開く」ボタンを押します。

画像が選択されたら自動的にウィンドウが「画像の挿入」に戻ります。「参照」の入力欄にはパソコン上の画像ファイルの場所が明記（これを「パス」といいます）されています。右下の水色ボタン「アップロード」を押します。

「ファイルオプション」というウィンドウに変わります。ファイル名は画像を作ったときや編集して保存するときに自分で決めているはずです（デジカメが勝手につけた番号の場合もあります）。


「ブログ記事に画像を表示」にははじめからチェックが入っていますのでこのまま。

「サムネイルを利用」は、画像サムネイルを表示するかどうかの選択が出来ます。サムネイルはブログ上では小さな画像で表示して、オリジナルサイズの画像にリンクを張る機能です。ここでサムネイル画像の大きさも指定できます。
たとえば、自分がブログに掲載したい画像のオリジナルサイズが横幅450ピクセルあるとします。通常ブログにこの大きさの画像をそのまま掲載すると横幅がめいいっぱいになるので他の文字を横や下に押しやったり、ひどいときではブログ自体のレイアウト構造をはみ出して不恰好になってしまいます。そこでサムネイル機能を使うとブログ上では自分が指定した大きさのサムネイルを表示し、さらにその画像をクリックするとオリジナルの大きさの画像を見ることが出来るようになります。これで全体のデザインを崩さずに画像を文章と調和させて配置することが可能になります。
ちなみに皆さんがご覧になられているこの説明の写真もサムネイル機能を使って、ブログ上では横幅１００ピクセルの画像を表示していますが、クリックすると横幅400ピクセルのオリジナルの画像を見ることが出来るようになっています。

「ポップアップウィンドウでもとの画像にリンクします」はサムネイル画像をクリックしたときに今見ているブラウザーとは別のブラウザーが開いてそこにオリジナル大の画像を表示してくれるものです。これをチェックしない場合は、サムネイル画像をクリックするとそのブラウザー内で表示が切り替わり、真っ白な画面にオリジナル大の写真が表示されることになります。

そのほかには、「位置」を選択すると、記事テキストと画像の配置関係を調節することも可能です（下に実例あり）。


「完了」ボタンを押すと記事の画面に戻ります。写真が挿入されています。

記事を保存してブログを見ると画像が挿入されています。

最後にサムネイル、ポップアップウィンドウ、配置などいくつかの実例を示します。


サムネイルなし　原寸大（はみ出しているので右側が切れています）


サムネイルの横幅200ピクセル（クリックすると同じブラウザー内で画像を表示）

サムネイル200ピクセルにポップアップウィンドウつき（別ブラウザーが開いてそこに表示）

テキストと画像の位置関係調整

左配置
私は日本語教師として外国で2年間学生の日本語能力向上に貢献しました。私は日本語教師として外国で2年間学生の日本語能力向上に貢献しました。私は日本語教師として外国で2年間学生の日本語能力向上に貢献しました。私は日本語教師として外国で2年間学生の日本語能力向上に貢献しました。私は日本語教師として外国で2年間学生の日本語能力向上に貢献しました。私は日本語教師として外国で2年間学生の日本語能力向上に貢献しました。私は日本語教師として外国で2年間学生の日本語能力向上に貢献しました。私は日本語教師として外国で2年間学生の日本語能力向上に貢献しました。


右配置
私は日本語教師として外国で2年間学生の日本語能力向上に貢献しました。私は日本語教師として外国で2年間学生の日本語能力向上に貢献しました。私は日本 語教師として外国で2年間学生の日本語能力向上に貢献しました。私は日本語教師として外国で2年間学生の日本語能力向上に貢献しました。私は日本語教師と して外国で2年間学生の日本語能力向上に貢献しました。私は日本語教師として外国で2年間学生の日本語能力向上に貢献しました。私は日本語教師として外国で2年間学生の日本語能力向上に貢献しました。私は日本語教師として外国で2年間学生の日本語能力向上に貢献しました。私は日本 語教師として外国で2年間学生の日本語能力向上に貢献しました。

（これはテスト用のサンプル記事です）

または各個別記事の右端にある「表示」というボタンでも、個別記事の表示を見ることが出来ます。

新しい記事を投稿した際に、上に緑の帯が出てそこにブログの記事を保存しました。ブログ記事を見る。という表示が出ます。その文字をクリックしても、自分が投稿した記事を見ることが出来ます。