画像

Braze Docsで画像を追加、変更、削除する方法を学びます。画像に関する一般的な情報については、「 コンテンツ管理」を参照してください。

前提条件

まだの場合は、Braze Docs への貢献のステップを完了します。

新しい画像を追加する

ステップ 1:画像ファイルを追加する

テキストエディタで、>imgを開きますassets。通常、新しい画像は、ページ上の他の画像と同じディレクトリに追加する必要があります。ただし、最善の判断を下すことができます。新しい画像が Braze Docsスタイルガイドに従っていることを確認し、PNGファイルを関連するサブディレクトリに追加します。

1
2
3
4
5
braze-docs
└── assets
    └── img
        └── DIRECTORY
            └── FILE.png

以下を置き換えます。

画像ファイルは次のようになります。

1
2
3
4
5
braze-docs
└── assets
    └── img
        └── contributing 
            └── github_home_page.png

ステップ 2:画像へのリンク

新しい画像にリンクする場合は、インライン構文または参照スタイルの構文を使用できます。インライン構文は明瞭さを優先し、参照スタイルの構文は読みやすさを優先します。

• in-line
• reference-style

1
![ALT_TEXT.]({% image_buster /assets/img/DIRECTORY/IMAGE.png %})

1
![The form for creating a new pull request on GitHub.]({% image_buster /assets/img/contributing/getting_started/github_pull_request.png %})

1
![ALT_TEXT.][REFERENCE_NUMBER]

1
![The form for creating a new pull request on GitHub.][10]

1
[REFERENCE_NUMBER]: {{site.baseurl}}SHORT_URL

1
[10]: {% image_buster /assets/img/contributing/getting_started/github_pull_request.png %}

イメージの更新

ステップ 1:元の参照を検索する

関連するMarkdownファイルを開き、次のような古い インライン または 参照スタイルの 画像リンクを探します。

1
{% image_buster /assets/img/DIRECTORY/IMAGE.png %}

ステップ 2:イメージを更新する

既存のイメージを更新する場合は、新しいイメージ ファイルを追加するか、既存のイメージ ファイルを置き換えることができます。新しい画像は、 Braze Docsスタイルガイドに従っていることを確認してください。

• 既存のファイルを上書きする(推奨):この方法は、元の画像が正確なコンテンツを表しているが、古いブランドを描写した画像など、視覚的に古くなっている場合に使用します。この方法により、Braze Docsリポジトリに保存される画像の総数が減ります。
• 新しいファイルを追加:この方法は、廃止された機能やワークフローを描いた画像など、元の画像に完全に古いコンテンツが描かれている場合に使用します。

• overwrite existing file
• add new file

1
2
3
4
5
braze-docs
└── assets
    └── img
        └── contributing 
            └── getting_started_with_github_select_start3.png

1
2
3
4
5
braze-docs
└── assets
    └── img
        └── DIRECTORY
            └── FILE.png

1
2
3
4
5
braze-docs
└── assets
    └── img
        └── contributing 
            └── github_home_page.png

イメージの削除

画像を削除するには、関連する Markdown ファイルを開き、 インライン または 参照スタイルの 画像リンクを削除します。リポジトリからイメージ ファイルを削除しないでください。