« [24] さあ!ブログを作ってみよう | HOME | [26] ブログの記事に飾りと変化をプラスしよう »

2004年11月30日

[25] ブログの記事に画像を貼り付けよう

前項の続きです。ここでは記事の中に画像(写真など)を貼り付けて視覚性を加味します。Movable Typeを終了させている場合はブラウザから起動してログインします。(前項参照)

手順は次の通りです。
 (1) ウェブログの管理画面から投稿したいブログの右の[エントリーの投稿]をクリック
    ※ 現在が「エントリーの編集」画面ならば左側の投稿グループの[新規エントリー]をクリック
 (2) エントリーの投稿画面で「タイトル」を入力⇒「主カテゴリー」をメニューから選択
 (3) 「エントリーの内容(body)」に記事の序文を入力⇒「追記(extend)」に記事の追加文を入力
 (4) 「投稿の状態」、「コメント」、「トラックバックを受けつける」、「作成日時」、「テキストフォーマット 」を確認
 (5) 次のように表示される⇒画像を挿入する箇所にカーソルを置く(赤色で指差している部分)


 (6) 投稿グループの[ファイルのアップロード]をクリック(または追記欄の右上のボタンをクリック)
 (7) 次のように表示されるので[参照]をクリック⇒貼り付ける画像ファイルを選択
    「アップロード先」で、[<ローカル・アーカイブ・パス>/]を選択⇒右の欄にimg/(全て半角)と入力⇒[アップロード]
    ※ imgという名前のフォルダがサーバーのローカル・アーカイブ・パス
      (C:¥WWW¥public_html¥mt¥par¥archives)の下に自動的に作成され、画像はその中にアップロード
      される。(このフォルダの名称は自由に付けられる)

 (8) 次のように表示されるので[アップロードしたファイルのHTMLを表示]を選択⇒[埋め込み]

 (9) 次のように表示されるので枠内のテキストを全て選択してコピー(Ctrl+AをしてCtrl+C)⇒[閉じる]

 (10) 追記欄の画像を挿入する箇所をクリック⇒貼り付け(Ctrl+V)⇒次のように表示される(赤線アンダーライン部分)

 (11) 追記欄に記事の続きを入力⇒次のように表示されるので[保存]

 (12) 確認のために[サイトの確認]をクリック⇒このエントリー画面を呼び出す⇒次のように表示される

上図では、空白領域(青線で囲んだ)の面積が広いため全体から見ると少しアンバランスです。そこで、この領域に下の文章が流れこむように修正をします。
 (a) エントリーの編集画面で追加欄を次のように修正⇒[保存]


 (b) [サイトの確認]⇒成功!

次項では、ブログの記事に飾りと変化をつける方法を説明します。
【 続 く 】

ブログ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 奮戦記

投稿者 messiah : 2004年11月30日 00:00

トラックバック

このエントリーのトラックバックURL:
http://go1by1.com/mt/cgi-bin/mt-tb.cgi/25

コメント

コメントしてください




保存しますか?


▲TOP   ■HOME