MovableTypeでホームページ制作ubicastBloggerの使い方 > 画像の貼り付け法

画像の貼り付け法

ubicastを使って画像をアップロードしてみましょう。

ubicastを使い画像のアップロードをする場合、画像の貼り付けはとても簡単です。たとえば画像がマイピクチャなどにあれば、 保存されているフォルダを開いて、貼り付けたいところにドラッグアンドドロップするだけでOKです。

アップロードする際にubicastの方で、画像のファイル名が重複しないように、適当に名前を変更して、 アップロードしてくれますので、私たちの方で画像のファイル名を管理する必要はありません。

また、貼り付ける際に画像のテキストなども挿入できますので、とても便利です。

それでは、実際に画像を貼り付けてアップロードして見ましょう。

ubicastの画像貼り付け

ubicastにおいて、「新規作成」でも「過去記事を開く」でもいいので、記事を書く、もしくは記事を開きましょう。

また、開いたubicastの横に画像を保存したフォルダを開きます。私はマイピクチャを開きました。 画像はあらかじめリサイズをしておくとよいでしょう。

ubicastの画像貼り付け

  • 画像を掲載したいところにマイピクチャのフォルダより、画像をドラッグアンドドロップします。
  • 変なところに張り付いても、画像を選択して「Ctrl」+「X」で切り取り、貼り付けたい場所にカーソルを移動して「Ctrl」 +「V」で貼り付けることができます。
  • マウスで画像を移動したり、リサイズするのは、へんなHTMLタグが張り付くので、あまりおススメしません。

画像のタイトル

画像のタイトル

  • 画像のタイトルを入れます。
  • 表示法は「そのまま貼り付ける」でいいでしょう。

画像の変換

画像の変換

  • 画像の変換タブをクリックします。
  • リサイズの変更はしません。
  • またファイル形式も変更しません。
  • ここは一回、設定すれば次は設定の必要はありません。

レイアウト

レイアウト

  • レイアウトタブをクリックします。
  • すべてのチェックが外れていることを確認します。
  • 回り込みや余白、境界線にチェックを入れると、それにあわせたHTMLタグが挿入されます。
  • ここは一回、設定すれば次は設定の必要はありません。
  • 必要に応じて設定をしましょう。

余分なスペースを消す

 余分なスペースを消す

  • 画像の下に余分なスペースが入っていました。
  • バックスペースなどで、余分なスペースを消します。
  • 同様に記事の一番下などに、余分なスペースがある場合がありますので、バックスペースで余分なスペースを消します。

投稿

投稿

  • 完了をしたら投稿しましょう。
  • 投稿ボタンをクリックします。
  • 画像が張り付いたかを確認しましょう。

投稿

以上で記事に画像が張り付きました。

後ほど、ブラウザでソースを見て、どのようなHTMLソースになっているか確認するとよいでしょう。無駄なスペースや、 へんな装飾のHTMLがついているかもしれません。

上記の無駄なHTMLタグなどは、MTの管理画面に入り、該当するエントリーを修正しましょう。

ubicast上ではHTMLソースを編集することはできません。

このカテゴリの記事一覧

  • あなたの見ているこのページは画像の貼り付け法です。

当サイトについてと免責事項

  • MovableTypeに関してのご質問はSixApartにお問い合わせください。
  • 当サイト内の掲載情報をご利用された際に発生した、いかなる損害・トラブルについても、一切の責任を負いかねますのでご容赦ください。
copyright(c) 2007 MovableTypeでホームページ制作 All Rights Reserved.