Puede crear sitios de estilo libre de portales intuitivos y fáciles de usar agregando páginas y aplicaciones al diseño y apariencia del sitio. Edite el contenido predeterminado con el suyo y, cuando todo esté en su lugar, publique el sitio para que todo el contenido esté disponible para sus usuarios finales.
Paso 1: Acceda al espacio de administración del portal
Desde SAP Cloud Platform, haga clic en Servicios desde el panel izquierdo para abrir los servicios disponibles para su subcuenta.
Desde el Categorías lista desplegable, seleccione Experiencia de usuario ver los servicios relacionados con UX.
Clickea en el Umbral mosaico para abrir la página de descripción general del servicio.
Sa Portal – Descripción general página, haga clic en Ir al servicio para abrir el Portal.
El espacio de administración del portal se abre en un nuevo navegador y está listo para comenzar a crear su sitio de estilo libre.
En el panel de la izquierda, seleccione Directorio del sitio.
Haga clic en el mosaico con el icono más al Crear un sitio mago.
Nombra la ubicación
Supplier Portal
, Selecciona el Disposición básica como plantilla para su sitio y confirme con el Crear botón.El nuevo caso de ubicación en el Diseñador de sitios se abre en una nueva pestaña del navegador.
Hecho
Inicie sesión para responder la pregunta
Paso 2: diseña tu primera página del portal
El sitio que creó se basa en el Disposición básica plantilla de sitio. Esta plantilla tiene cuatro páginas basadas en el Envío de ancla, Encabezado Encabezado, Página de inicio, y Encabezado alto plantillas de página. En este paso harás el Encabezado Encabezado página y agregar contenido.
Selecciona el Encabezado Encabezado página.
Seleccione la crema Encabezamiento parte de la página y haga clic en el signo + para abrir la galería de widgets.
Desplácese hasta el Widgets de contenido web: carrusel sección y seleccione la Carrusel de titulares widget.
Haga clic en el widget para revelar el menú del widget y haga clic en el icono de lápiz para editar el contenido del widget.
Seleccione uno de los elementos de contenido del carrusel y haga clic en el icono menos en la parte inferior para eliminarlo.
Ahora le quedan 2 elementos de contenido.
Haga clic en el primer elemento de contenido y haga lo siguiente:
Gort Valor Imagen Hacer clic Sustituir para eliminar la imagen predeterminada y seleccione SupplierPortaHeader1.jpg
(disponible en nuestros recursos).Título Bienvenidos a Velotics Sujeto Su camino para convertirse en una cadena de suministro acelerada Elija el segundo elemento del tema y haga lo siguiente:
Gort Valor Imagen Hacer clic Sustituir para eliminar la imagen predeterminada y seleccione SupplierPortaHeader2.jpg
(disponible en nuestros recursos)Título Hacemos negocios inteligentes Sujeto Únase a nuestra agenda de negocios inteligente hoy y aumente el volumen de sus entregas. Salvar sus cambios.
Ahora seleccione la parte central de la página y haga clic en el + icono para agregar un widget.
Agregue los siguientes widgets a la sección central:
- Desde el Widgets de contenido web: tarjetas área: seleccione el Tarjeta adjunta widget.
- Desde el Widgets de contenido web: básico área: seleccione el Video widget.
- Desde el Widgets de contenido web: básico área: seleccione el Encabezado con texto widget.
- Desde el Widgets de contenido web: lista área: seleccione el Lista de diseños widget.
Selecciona el Tarjeta adjunta widget y haga clic en el icono de lápiz.
Edítelo de la siguiente manera:
Primer elemento del tema:
Gort Valor Título Órdenes aprobadas Icono sap-icon://Fiori2/F0003
Texto Haga clic aquí para ver los pedidos que aún no se han entregado Segundo tema:
Gort Valor Título Historial de transacciones Texto Ver el historial interactivo de transacciones recientes con las que ha trabajado Tercer tema:
Gort Valor Título Mis próximos pagos Icono sap-icon://Fiori2/F0028
Texto Haga clic aquí para ver sus próximos pagos esperados Cuarto artículo:
Gort Valor Título Solicite una oferta Icono sap-icon://Fiori7/F0840
Texto Vea la lista actual de solicitudes de propuestas y escriba su solicitud Salvar sus cambios. Así es como se ve su widget de Tarjeta adjunta:
Hecho
Inicie sesión para responder la pregunta
Paso 3: Defina el diseño de la página
Seleccione de nuevo la parte del medio y haga clic en el Editar la configuración de la sección icono.
Sa Diseño pestaña, seleccione la Personalizado composición.
Desplácese hacia abajo para ver todos los widgets en esta sección. En la vista de escritorio y tableta:
- Escoger Todos para permitir el Tarjetas adjuntas widget para cruzar la sección de la página.
- Mostrar la Video widget en la mitad de la pantalla.
- Mostrar la Encabezado con texto widget en la mitad de la pantalla.
- Finalmente establezca el Lista de diseños widget para Todos.
En la perspectiva móvil, el valor es Todos para cada widget.
Si el orden de los widgets no aparece como se describe, arrástrelos y suéltelos en el orden requerido.
Clickea en el Dimensiones pestaña e introduzca los siguientes valores:
Gort Valor Estoy enfermo 50 pixel
Ancho del tema 1024 pixel
Salvar sus arreglos.
Haga clic en la flecha junto a la página ** Encabezado y pie de página y seleccione Establecer como página de inicio.
La estructura de la página ya está lista. Asegúrese de que tenga este aspecto:
Hecho
Inicie sesión para responder la pregunta
Paso 4: agrega otra página nueva con contenido
En la parte inferior de la Paginas panel de la izquierda, haga clic en el signo + para agregar una nueva página.
Sa Crear una pagina asistente, entrada
Contact Us
como el nombre de la página.Selecciona el Página de inicio plantilla y luego haga clic en Finalizar.
Sobre el
Contact Us
página, haga clic en la sección de la página y haga clic en el signo + para abrir la galería de widgets.Desde el Widgets de contenido web: básico área: seleccione el Encabezado medio widget.
Vuelva a hacer clic en la sección de la página y haga clic en el signo + para volver a abrir la galería de widgets.
Desde el Widgets de contenido web: tarjetas área: seleccione el Tarjeta de historia circular widget.
Ahora seleccione el Encabezado medio widget que acaba de agregar y haga clic en el icono de lápiz para editar el contenido del widget.
Pegue el siguiente texto en el Título área:
Below you can find contact details of key position holders at Velotics. We will be happy to assist with any issue.
Salvar sus cambios.
Clickea en el Tarjeta de historia circular widget y seleccione el icono de lápiz para editar su contenido.
Ingrese el siguiente contenido:
Gort Valor Título John Doe Texto Gerente de Asociación de Proveedores Enlace: Mostrar texto Contáctame Haga clic en el segundo elemento de Contenido de la tarjeta e ingrese el siguiente contenido en cada uno de los elementos de contenido:
Gort Valor Título Sam Lynn Texto Asociación de vicepresidente Enlace: Mostrar texto Contáctame Del mismo modo, seleccione el tercer elemento de material de la tarjeta y pegue el siguiente material:
Gort Valor Título Carly Nelson Texto Asociación de vicepresidente Enlace: Mostrar texto Contáctame Salvar sus arreglos.
Hecho
Inicie sesión para responder la pregunta
Paso 5: edita el menú de configuración
Sa Paginas seleccione el panel de flechas junto al Encabezado Encabezado página y seleccione Agregar al menú.
El Editor de menús se abre con el Estructura pestaña en foco.
Repasar el Envío de ancla en una fila y haga clic en el Borrar icono para eliminarlo del menú. Confirme la ventana emergente y elimine la entrada.
Del mismo modo, elimine todas las demás páginas del menú del sitio, excepto el Encabezado Encabezado página.
Repasar el Encabezado Encabezado fila y cámbiele el nombre a Hogar haciendo clic en el icono de edición en el Encabezado Encabezado en una fila y cambiando el Nombre para mostrar.
Repasar el Hogar ingrese a un menú y haga clic en el ícono + y seleccione Añadir artículo.
Mas o menos Llámanos como el Nombre para mostrar y seleccione el Llámanos página de la lista de páginas mostradas.
Hacer clic Agregar.
Salvar el menú cambia.
Hecho
Inicie sesión para responder la pregunta
Paso 6: previsualizar y publicar el sitio
Haga clic en el icono de vista previa del sitio para abrir la vista previa de la página en una nueva pestaña.
Revise su sitio.
Cierra la vista previa.
Haga clic en el icono de publicación para publicar la última versión del sitio para que esté disponible para sus usuarios finales.
Hacer clic Publicar y abrir. Esto es lo que verá:
¡Felicidades! Ha creado un sitio de estilo libre en el Portal.
En el siguiente tutorial, editará el contenido web de este sitio en una herramienta llamada Web Content Editor.