ファイルと画像の表示

このページの内容

お困りですか?

アトラシアン コミュニティをご利用ください。

コミュニティに質問

Confluence にファイルをアップロードすると、ページ上でサムネイルかリンクのいずれかとして表示することができます。

ページでのファイルの表示方法を制御することはできません。利用可能なオプションはファイルのタイプによって異なります。 


ご利用のサイトのページでは、新しいエディタまたは従来のエディタが使用されます。このページでは両方のエディタの使用方法について説明します。

次のリンクを使用して、ご利用のエディタの詳細情報のセクションに移動できます。


ページで使用しているエディタの確認

ページの編集中にツールバーをご確認ください。新しいエディタでは、テキストのカラー ピッカーや絵文字アイコンの追加方法が異なります。また、新しいエディタでは [公開] および [閉じる] ボタンが右上に移動されています。

新しいエディタ

従来のエディタ


新しいエディタ

This section provides the details for displaying files and images using the new editor.


Insert a file or image into your page

Inserting a file or image into the page also adds it as an attachment. 

See Accepted file types and size for more details


There are a few ways to insert a file or image into your edited page:

  • Click the Files & images icon in the toolbar, and select any of the recent uploads.
  • Drag the file directly onto the page to insert and upload it in a single step.
  • Type /Files, choose Files & images, and upload a file or image.

After an image is inserted, click the image and use the handles on either side to resize it. The image toolbar offers you the following controls:

  • Image alignment - determine if the image is aligned to the left side, the right side, and is centered on the page.
  • Text wrapping - allow text to be shown on the left or the right of the image.
  • Annotation - add text, shapes, lines, and blurred areas

After a file is inserted, it appears on the page as a tile; the tile with the grey background is what users will see; tiles can't be resized.

別のページに添付されたファイルを挿入する

You can display the latest version of a file that's attached to a different page of the same Confluence site, if you know the name of the file. 

  1. リンクしたい添付ファイルを含むページの公開済みバージョンに移動します。

  2. Go to ••• > Attachments.

  3. Right-click on the file name of the attachment, and select Copy Link Address.

  4. 添付ファイルをリンクしたいページに移動し、編集画面を開きます。

  5. リンク ツールのポップアップに URL をペーストし、URL のファイルの拡張子に続く任意のテキストを削除して、必要に応じてわかりやすい名前を設定します。

ページからファイルを削除する 

If you delete a file or image in the editor, the attached file isn't deleted.  When viewing the page, go to ••• > Attachments to delete the attachment completely from the page.

Seeing a failed to load placeholder on your page? That means the attached file has been deleted from the page (or another page).

従来のエディタ

This section provides the details for displaying files and images using the legacy editor.

ここをクリックして展開...

ページにファイルを挿入する

ページへのファイルの挿入方法は複数あります。

  • エディター ツールバーから [挿入] > [ファイル] に進み、アップロード済みファイルのいずれかを選択します。
  • ファイルを直接エディターにドラッグすることで、1 ステップでファイルをアップロードして挿入できます。
  • Type ! and choose an attached file from the autocomplete dropdown.

ファイルがページにサムネイルとして表示されます。サイズを変更したり、リンクとして表示したりするには、サムネイルをタップします。 


別のページに添付されたファイルを挿入する

ファイル名を確認済みの場合、同じ Confluence サイトの他のページに添付されたファイルを表示できます。 

他のページに添付された画像を表示する方法

  1. [挿入] > [ファイル] に進み、[他のページの検索] を選択します。
  2. ファイル名を入力します。
  3. 検索するスペースを、現在のスペースまたは [すべてのスペース] から選択し、[検索] を選択します。
  4. 検索結果からファイルを選択し、[挿入] を選択します。

画像ファイルを web から挿入する

画像を Confluence ページに添付することなく、Web ページからリモートで表示させることができます。画像が表示されている Web ページではなく画像自体の URL が必要になります。この操作は画像ファイルでのみ利用でき、他のタイプのファイル (ドキュメントなど) では使用できません。 

Web ページの画像を表示する方法

  1. Choose Insert > Files, and choose Images from the web.
  2. 画像の URL を入力します (例: http://atlassian.wpengine.netdna-cdn.com/wp-content/uploads/AtlassianBushRegeneration-12January2012-083-trunc.jpg)。
  3. Choose Preview to check that the URL and image are correct.
  4. [挿入] をタップします。

ページからファイルを削除する 

If you delete a file or image in the editor, the attached file isn't deleted.  When viewing the page, go to ••• > Attachments to delete the attachment completely from the page.

Seeing an unknown attachment placeholder on your page? That means the attached file has been deleted from the page (or another page).

ファイルのプレビュー

ファイルをプレビューするには、ページの表示中に画像、サムネイル、またはリンクをクリックします。

ページに表示されているファイル (Web から取得される画像を含む) や、ページに添付されているが表示されていないファイルをプレビューすることができます。

プレビューでは次の操作を行えます。

  • 画像ファイルをダウンロードする。
  • 新しいバージョンをアップロードする (添付ファイルのみ)。
  • ファイルにコメントを追加する。
  • ブラウザ幅に合わせて画像を拡大、縮小する
  • [次へ] [戻る] ボタンを使用してスライドショーのように表示する。
  • ページに添付された他のファイルを見る、またはサムネイルをクリックしてそのファイルのプレビューを確認する。
  • フル スクリーンのプレゼンテーションモードに切り替える。

Office ファイル、PDF、音声、ビデオ、多くの画像タイプなどを含む、さまざまなファイルをプレビューできます。


Confluence の画像プレビューのスクリーンショット

上記の画像は、画像プレビューで行える操作を示しています。

  1. See more files: view other files attached to the same page.
  2. Manage this file: download the file, upload a new version, or share it with your team.
  3. Add a comment: drag the pin onto the preview to add a comment.

Office ファイルと PDF ファイル

ページにファイルを挿入することで、便利なドキュメント、スプレッドシート、プレゼンテーション、およびチームで利用可能な他のファイルを作成できます。 

すべてのファイル タイプと同様に、ファイルをリンクやサムネイルとして挿入することができます。サムネイルを使用すると、読者がファイルの内容をプレビューすることができます。サムネイルのサイズを変更したりボーダーを追加して他のページからオフセットすることができます。

Office ファイルまたは PDF を表示するには、リンクまたはプレビューのサムネイルをクリックします (Excel、Word または PowerPoint がインストールされている必要はありません)。プレビューを開くと、ファイルをダウンロードしてオフラインで表示できます。 

他のファイル タイプと同様に、Confluence で Office ファイルおよび PDF ファイルを表示したり、コメントしてチームで話し合うことができます。

画像ファイル

ページの編集中に、画像を選択し、画像のプロパティを表示します。このパネルでは、表示サイズの設定、ボーダーの追加、Confluence や他 URL への画像のリンク設定を行うことができます。 

画像プロパティ パネルでは、以下の操作を行えます。

  • 画像の幅を入力する
  • 画像用の 3 つのプリセット サイズのいずれかを選択するか、元のサイズに設定する
  • 画像の周囲にボーダーを追加する
  • 画像にページまたは URL へのリンクを設定する
  • 画像の上にカーソルを合わせたときに表示されるタイトルを追加する ([プロパティ] > [タイトル])
  • スクリーン リーダーで画像が表示されないときに使用される代替テキストを追加する ([プロパティ] > [タイトル])

マルチメディア ファイル

The file preview also supports audio and video files. It uses HTML5 to play attached audio and video files. This means the file types people can play in the preview depends on the audio and video formats their browser supports.

すべてのファイル タイプと同様に、音声または動画ファイルを挿入する際、サムネイルまたはページ上のリンクとして表示することを選択できます。

また、マルチメディア マクロを使用して音声および動画ファイルを埋め込む (ページ内で再生する) こともできます。 

ウィジェット コネクター マクロを利用すれば、オンラインの動画 (YouTube や Vimeo などのビデオ) を表示することができます。 

ページにファイルの一覧を表示する

ページにあるファイルの一覧をさまざまな方法で表示できます。以下の方法が可能です。

また、ファイル リスト ブループリントを使用して、ファイルの一覧をアップロード、閲覧、および管理することもできます。 

最終更新日: 2020 年 2 月 11 日

この内容はお役に立ちましたか?

はい
いいえ
この記事についてのフィードバックを送信する
Powered by Confluence and Scroll Viewport.