Es posible que desee añadir imágenes personalizadas para los iconos estándar de su sitio: por ejemplo, el icono de la barra de búsqueda, los iconos de la barra de título o los iconos que aparecen en sus tarjetas. Para ello, deberá añadir las imágenes a su sitio para que puedan ser referenciadas.
Para añadir archivos de imagen a Search:
- Haga clic en Pages en la barra de navegación y luego en el sitio deseado.
- Haga clic en el botón Ver editor de código.
- Sitúe el cursor sobre la rama principal y haga clic en el icono del lápiz (
) que aparece.
- Haga clic en la carpeta
static
. - Haga clic en la carpeta
assets
. - Pase el ratón sobre el archivo de
imágenes
y haga clic en el icono de puntos suspensivos. - Haga clic en Añadir archivo en el menú desplegable.
- Suba un archivo de imagen a su carpeta
/static/assets/images
. Tenga en cuenta que debe colocar las imágenes en esta ruta de carpeta específica, de lo contrario, no serán accesibles para su uso en su sitio.- Seleccione Agregar un nuevo archivo y asígnele un nombre. Esto creará una imagen en blanco en la que podrá insertar el código.
- Seleccione Subir un archivo existente. A continuación, haga clic en Elegir archivo para subir una imagen desde su dispositivo.
- Haga clic en Añadir archivo.
- Su archivo de imagen aparecerá en el archivo de imágenes con la ruta
/static/assets/images/filename.extension
, por lo que deberá referirse a la imagen con esa estructura. Puede usar esto siempre que la biblioteca espere una URL de imagen. A continuación, se muestra un ejemplo de cómo hacer referencia a un icono personalizado que sustituye a la lupa de la barra de Search:
"SearchBar": {
"placeholderText": "Search", // The placeholder text in the search bar
"customIconUrl": "static/assets/images/magnifying_glass.svg"
}
Comentarios
0 comentarios
El artículo está cerrado para comentarios.