Searchフロントエンドテーマに画像を追加する

この項目の対象者

エンタープライズ・アカウント、パートナー・アカウント、スモールビジネス・アカウントのお客様。
すべての地域のアカウント。

例えば、検索バーのアイコン、タイトルバーのアイコン、またはカードに表示されるアイコンなど、サイトの標準アイコンにカスタム画像を追加すると良いかもしれません。これを行うには、画像をサイトに追加して参照できるようにする必要があります。

検索に画像ファイルを追加する方法

ナビゲーションバーにある[Pages]をクリックし、目的のサイトをクリックします。
[コードエディタを表示] ボタンをクリックします。
マスターブランチにカーソルを合わせ、表示される鉛筆アイコン（）をクリックします。
staticフォルダをクリックします。
assetsフォルダをクリックしてください。
images ファイルにポインタを合わせ、... アイコンをクリックします。
ドロップダウンメニューで [ファイルを追加] をクリックします。
/static/assets/imagesフォルダに画像ファイルをアップロードします。必ずこの特定のフォルダパスに画像を配置してください。そうしないと、サイトで使用できなくなります。
1. [新しいファイルを追加] を選択し、名前を付けます。これにより、コードを挿入するための空白の画像が作成されます。
2. [既存のファイルをアップロード] を選択します。次に、[ファイルを選択] をクリックして、デバイスから画像をアップロードします。
[ファイルを追加] をクリックします。
画像ファイルは/static/assets/images/filename.extensionというパスで画像フォルダの下に表示されますので、その構造で画像を参照する必要があります。ライブラリが画像URLを期待する場所ではどこでもこれを使用できます。以下は、検索バーの虫眼鏡の代わりにカスタムアイコンを参照する例です。

"SearchBar": {
  "placeholderText": "Search", // The placeholder text in the search bar
  "customIconUrl": "static/assets/images/magnifying_glass.svg"
}

0件のコメント

記事コメントは受け付けていません。