ファイルと画像の表示

このページの内容

お困りですか?

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

コミュニティに質問

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

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

To upload a file, you'll need the Add Attachments space permission.


Pages in your site may use the new editor or the legacy editor. This page explains how to use both editors.

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

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

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

新しいエディタ

従来のエディタ

新しいエディタ

このセクションでは、新しいエディタを使用してファイルや画像を表示する方法の詳細について説明します。

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

ファイルや画像をページに挿入すると、それは添付ファイルとして追加されます。

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

  • ファイルをページに直接ドラッグすることで、挿入とアップロードを 1 ステップで行えます。
  • /files」または「/images」と入力し、[ファイルおよび画像] を選択して、ファイルまたは画像をアップロードします。

画像の挿入後は、画像をクリックし、いずれかの側のハンドルを使用して、サイズを変更することができます。画像ツールバーでは、次の項目を制御できます。

  • 画像の位置合わせ - 画像をページの左側に合わせるか、右側に合わせるか、中央に配置するかを決定します。
  • テキストの折り返し - 画像の左側または右側にテキストを表示できます。
  • アノテーション - テキスト、図形、線、ぼかし領域を追加します。

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

Note that while you can add images to a page, you can't add them to templates.

Currently, it isn't possible to add images from the web in the new editor. This also means you can't insert or add a smartlink to a file that is attached to a different Confluence page. Please add your vote to the following issues to express interest in these features:

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

ページの編集中にファイルを削除する方法はいくつかあります。

  • Select the  icon in the floating toolbar for an image
  • Select the X icon or the Delete key when focused on a file
エディタでファイルまたは画像を削除しても、添付ファイルは削除されません。 

ファイルをページから完全に削除するには、次の手順を実行します。

  • ページの表示中に [•••] > [添付ファイル] の順に選択し、[削除] をクリックします。

"読み込みに失敗しました" プレースホルダーが表示された場合、対象のページ (または別のページ) から添付ファイルが削除されています。

従来のエディタ

このセクションでは、従来のエディタを使用してファイルや画像を表示する方法の詳細について説明します。

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

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

  • エディター ツールバーから [挿入] > [ファイル] に進み、アップロード済みファイルのいずれかを選択します。
  • ファイルを直接エディターにドラッグすることで、1 ステップでファイルをアップロードして挿入できます。
  • !」と入力し、オートコンプリートのドロップダウンから添付ファイルを選択します。

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

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

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

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

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

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

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

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

  1. [挿入] > [ファイル] を選択し、[ウェブサイトからの画像] を選択します。
  2. 画像の URL を入力します (例: http://atlassian.wpengine.netdna-cdn.com/wp-content/uploads/AtlassianBushRegeneration-12January2012-083-trunc.jpg)。
  3. [プレビュー] を選択し、URL と画像が適切であることを確認します。
  4. [挿入] をタップします。

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

エディタでファイルまたは画像を削除しても、添付ファイルは削除されません。ページから添付ファイルを完全に削除するには、ページの表示中に [•••] > [添付ファイル] の順に選択します。

"不明な添付ファイル" プレースホルダーが表示された場合、対象のページ (または別のページ) から添付ファイルが削除されています。

ファイルのプレビュー

To preview a file, click on the image, thumbnail, or link while viewing the page.

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

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

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

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

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

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

  1. 他のファイルを参照: 同じページに添付されている他のファイルを参照します。
  2. このファイルを管理: ファイルをダウンロードし、新しいバージョンをアップロード、またはチームと共有します。
  3. コメントを追加: プレビューにピンをドラッグしてコメントを追加します。

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

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

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

Displayable file types

This section provides information about the types of files you can display on a Confluence Cloud page. For a list of all file types you can upload, see Accepted file types and size.

Office ファイルと PDF ファイル

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

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

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

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

画像ファイル

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

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

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

マルチメディア ファイル

ファイル プレビューでは、音声および動画ファイルもサポートされます。添付された音声および動画ファイルの再生には HTML5 を使用します。したがって、プレビューでユーザーが再生できるファイル タイプは、ブラウザがサポートしている音声および動画の形式に依存します。

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

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

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





最終更新日 2021 年 4 月 16 日

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

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