「アットウィキの基本操作/ファイルアップロード/ページに画像を挿入する」の編集履歴（バックアップ）一覧はこちら

「アットウィキの基本操作/ファイルアップロード/ページに画像を挿入する」(2021/11/10 (水) 18:23:28) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

*画像ファイルをアップロードし、ページに設置するには
画像などのファイルを使用したい場合、ファイルをアップロードすることができます。
使用したい画像は、使用したいページに対してアップロードすることで、利用できるようになります。
ここでは、ページに対して画像をファイルをアップロードして、ページ内で利用する方法を2つ紹介します。
- [[編集画面からアップロードして利用する>#id_f7dd7c6b]]
- [[ファイルアップロード画面から画像ファイルをアップロードして利用する>#id_878e37a5]]

&bgcolor(#FDFA86){&bold(){注記}}：ページにアップロードする1つのファイルは最大で1MBの制限があります。それ以上のサイズの場合は管理画面内「ウィキ内共通利用ファイル」をご利用ください。

*方法１:編集画面からアップロードして利用する
編集画面から直接アップロードすることができます。
アップロードしてすぐにページで利用する際は、こちらのほうが手順が少なく、かんたんです。

**手順
1. 画像を利用したいページで編集画面を開き、画像を挿入したい位置にカーソルをあわせてから、上部ツールバーの&bold(){[画像]} → &bold(){[画像をアップロードして挿入]} をクリックします
#divclass(img_border){
&image(guide_pedit_image.png)
}

2. 表示されるモーダル内の領域に、ファイルをドラッグ＆ドロップするか、クリックしてファイルを選択する
#divclass(img_border){
&image(guide_pedit_image_modal.png)
}

3. モーダル右上の閉じるボタンか、背景をクリックしてモーダルを閉じる
#divclass(img_border){
&image(guide_image_complete.png)
}
アップロード完了時に、imageプラグインを利用した記法で挿入されています。

*方法2:ファイルアップロード画面から画像ファイルをアップロードして利用する
ファイルをアップロード後、ページに画像を利用したい場合はこちらの手順をご確認ください。

**手順
１．画像を利用したいページを表示した状態で、ヘッダーメニューの&bold(){[編集]} → &bold(){[新規ページ作成(その他)]} → &bold(){[このページをコピーして新規ページ作成]}をクリックする
#divclass(img_border){
&image(guide_menu_upload.png)
}

2． 利用したいファイルを、枠線内にドラッグ＆ドロップ枠線内をクリックしてファイルを選択し、アップロードする。
#divclass(img_border){
#image(https://img.atwikiimg.com/www1.atwiki.jp/guide/attach/2975/583/wpm5.png)
}
アップロードに成功すると、下部のリストに画像の情報が表示されるようになります。

3. 編集画面を開き、挿入したい部分にカーソルをあわせてから、上部ツールバーの&bold(){[画像]} → &bold(){[アップロード済みの画像を挿入]} をクリックします
#divclass(img_border){
&image(guide_uploaded_image.png)
}

4. 表示されるモーダル内で、利用したい画像を選択する
#divclass(img_border){
&image(guide_uploaded_modal.png)
}

5.  モーダル右上の閉じるボタンか、背景をクリックしてモーダルを閉じる
#divclass(img_border){
&image(guide_image_complete.png)
}
アップロード完了時に、imageプラグインを利用した記法で挿入されています。

*画像ファイルをアップロードし、ページに設置するには
画像などのファイルを使用したい場合、ファイルをアップロードすることができます。
使用したい画像は、使用したいページに対してアップロードすることで、利用できるようになります。
ここでは、ページに対して画像をファイルをアップロードして、ページ内で利用する方法を2つ紹介します。
- [[編集画面からアップロードして利用する>#id_f7dd7c6b]]
- [[ファイルアップロード画面から画像ファイルをアップロードして利用する>#id_878e37a5]]

&bgcolor(#FDFA86){&bold(){注記}}：ページにアップロードする1つのファイルは最大で1MBの制限があります。それ以上のサイズの場合は管理画面内「ウィキ内共通利用ファイル」をご利用ください。

*方法１:編集画面からアップロードして利用する
編集画面から直接アップロードすることができます。
アップロードしてすぐにページで利用する際は、こちらのほうが手順が少なく、かんたんです。

**手順
1. 画像を利用したいページで編集画面を開き、画像を挿入したい位置にカーソルをあわせてから、上部ツールバーの&bold(){[画像]} → &bold(){[画像をアップロードして挿入]} をクリックします
#divclass(img_border){
&image(guide_pedit_image.png)
}

2. 表示されるモーダル内の領域に、ファイルをドラッグ＆ドロップするか、クリックしてファイルを選択する
#divclass(img_border){
&image(guide_pedit_image_modal.png)
}

3. モーダル右上の閉じるボタンか、背景をクリックしてモーダルを閉じる
#divclass(img_border){
&image(guide_image_complete.png)
}
アップロード完了時に、imageプラグインを利用した記法で挿入されています。

*方法2:ファイルアップロード画面から画像ファイルをアップロードして利用する
ファイルをアップロード後、ページに画像を利用したい場合はこちらの手順をご確認ください。

**手順
１．画像を利用したいページを表示した状態で、ヘッダーメニューの&bold(){[編集]} → &bold(){[新規ページ作成(その他)]} → &bold(){[このページをコピーして新規ページ作成]}をクリックする
#divclass(img_border){
&image(guide_menu_upload.png)
}

2． 利用したいファイルを、枠線内にドラッグ＆ドロップ枠線内をクリックしてファイルを選択し、アップロードする。
#divclass(img_border){
#image(https://img.atwikiimg.com/www1.atwiki.jp/guide/attach/2975/583/wpm5.png)
}
アップロードに成功すると、下部のリストに画像の情報が表示されるようになります。

3. 編集画面を開き、挿入したい部分にカーソルをあわせてから、上部ツールバーの&bold(){[画像]} → &bold(){[アップロード済みの画像を挿入]} をクリックします
#divclass(img_border){
&image(guide_uploaded_image.png)
}

4. 表示されるモーダル内で、利用したい画像を選択する
#divclass(img_border){
&image(guide_uploaded_modal.png)
}

5.  モーダル右上の閉じるボタンか、背景をクリックしてモーダルを閉じる
#divclass(img_border){
&image(guide_image_complete.png)
}
アップロード完了時に、imageプラグインを利用した記法で挿入されています。

----
&link_parent(text=[ファイルアップロード]ガイドに戻る)