スマホとPC両対応のホームページ作成、ご予約フォームの作成、
メルマガ配信、顧客管理機能までがまるっと一つになったリウムスマイル!

電話番号:06-6484-5445

営業時間:平日 9:00〜17:30

  1. ホームページパーツ本文中に画像を貼り付ける方法

ホームページパーツ本文中に画像を貼り付ける方法

2015/12/08

ホームページパーツ本文中に画像を貼り付ける際に知っておくと便利な操作手順についてまとめました。一度操作手順を覚えてしまえば、コラムなどの日々の更新が楽に、そして綺麗な仕上がりになりますので是非ご一読ください。

 

本文中へ画像を貼り付ける基本的な操作手順

画像を縮小する

画像に装飾スタイルを付ける

画像に文章を回り込ませる操作手順

既存の画像の差し替え操作手順

ドラッグアンドドロップ操作による、簡単画像貼り付け操作手順

 

 

本文中へ画像を貼り付ける基本的な操作

本文中への画像の貼り付けは、 

1.本文中の画像を貼り付けたい箇所をクリック

2.ツールバーの「画像挿入」ボタンをクリック

3.「ファイルをアップロードする」ボタンをクリック

4.貼り付けたい画像をPCの中から選択


正常にアップロードが完了すると下の画面のように、本文内に画像が挿入されます。 

以上で、本文中への画像貼り付け完了です。

 



画像を縮小する

アップロードして本文中に挿入した画像が、そのまま使うには大きすぎる場合もあるかと思います。

そういう時、簡単に縮小することができます。

1.縮小したい本文中の画像をダブルクリック(マウスの左ボタンを素早く二回クリック)

2.「画像プロパティ設定(画像の左右位置指定 / 説明編集 / 画像加工)」ボタンをクリック

3.「リサイズ・回転・トリミング・加工」ボタンをクリック

 

画像編集画面が開きますので、

1.リサイズバーを調整して画像を縮小

2.「元画像を上書きする」ボタンをクリック


他にもトリミングや回転など、簡単な画像編集も可能です。

 

元の画面に戻ってきますので、

1.「更新」をクリック

 

以上で、元の本文に挿入している画像が縮小されたものに置き換わります。




画像に装飾スタイルを付ける

本文中に挿入した画像を、元の画像を加工せずに簡単な操作で装飾することができます。

1.縮小したい本文中の画像をダブルクリック(マウスの左ボタンを素早く二回クリック)

2.「画像プロパティ設定(画像の左右位置指定 / 説明編集 / 画像加工)」ボタンをクリック

3.「デザイン」欄から、装飾スタイルを選択

4.「更新」をクリック

 

以上で、元画像に装飾スタイルが付きます。

各装飾スタイルは、次のようなスタイルが付きます。

これらの画像装飾機能は、元の画像を加工せずにブラウザの機能を使って装飾します。

古いブラウザなど、閲覧されている方の環境によっては、再現されませんので、予めご了承ください。





 

画像に文章を回り込ませる操作手順

貼り付けた画像に文章を回り込ませることができます。

 

1.回り込み指定したい画像をクリック

2.ツールバーの「画像プロパティ」ボタンをクリック

3.位置を「左」などに指定

4.「画像プロパティ更新」ボタンをクリック

 

以上で、貼り付けた画像に文章を回り込ませる設定が完了です。

 

 

 

既存の画像の差し替え操作手順

既に貼り付けられている画像を、別の画像に差し替える場合の操作手順です。

1.差し替えたい元の画像をクリック

2.ツールバーの「画像挿入」ボタンをクリック

3.新しい画像を一覧からクリック

 

以上で、既存の画像の差し替えが完了です。

本操作では差し替えた元の画像はアップロード画像一覧からは削除されません。今後も不必要な画像である場合は、アップロードファイル一覧から削除しておくと容量の節約になります。



ドラッグアンドドロップ操作による、簡単画像貼り付けの操作手順

お使いのブラウザが Internet Explorer10、Chrome、Firefoxなどのドラッグアンドドロップ操作に対応したものをご利用の場合、画像の貼り付け操作がさらに簡単に行えます。

 

1.本文中の画像を貼り付けたい箇所をクリック

2.貼り付けたい画像をPCの中からドラッグ(マウス左ボタンをクリックしたまま移動)し、「ここに画像をドロップすると…」の欄へドロップ(マウス左ボタンを離す)

 

以上で、画像のアップロードと本文中への貼り付けが一気に完了します。