Crear un sitio de Portal Freedom

1. Desde SAP Cloud Platform, haga clic en Servicios desde el panel izquierdo para abrir los servicios disponibles para su subcuenta.

2. Desde el Categorías lista desplegable, seleccione Experiencia de usuario ver los servicios relacionados con UX.

3. Clickea en el Umbral mosaico para abrir la página de descripción general del servicio.

4. 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.

5. En el panel de la izquierda, seleccione Directorio del sitio.

6. Haga clic en el mosaico con el icono más al Crear un sitio mago.

   

7. 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.

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.

1. Selecciona el Encabezado Encabezado página.

   

2. Seleccione la crema Encabezamiento parte de la página y haga clic en el signo + para abrir la galería de widgets.

   

3. Desplácese hasta el Widgets de contenido web: carrusel sección y seleccione la Carrusel de titulares widget.

   

4. 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.

   

5. 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.

6. 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

   

7. 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.

8. Salvar sus cambios.

   

9. Ahora seleccione la parte central de la página y haga clic en el + icono para agregar un widget.

10. 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.

11. Selecciona el Tarjeta adjunta widget y haga clic en el icono de lápiz.

    

12. 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

13. Salvar sus cambios. Así es como se ve su widget de Tarjeta adjunta:

    

1. Seleccione de nuevo la parte del medio y haga clic en el Editar la configuración de la sección icono.

   

2. Sa Diseño pestaña, seleccione la Personalizado composición.

3. 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.

4. En la perspectiva móvil, el valor es Todos para cada widget.

5. Si el orden de los widgets no aparece como se describe, arrástrelos y suéltelos en el orden requerido.

   

6. Clickea en el Dimensiones pestaña e introduzca los siguientes valores:

   Gort	Valor
   Estoy enfermo	50 pixel
   Ancho del tema	1024 pixel

7. Salvar sus arreglos.

8. 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:

1. En la parte inferior de la Paginas panel de la izquierda, haga clic en el signo + para agregar una nueva página.

   

2. Sa Crear una pagina asistente, entrada Contact Us como el nombre de la página.

3. Selecciona el Página de inicio plantilla y luego haga clic en Finalizar.

   

4. 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.

   

5. Desde el Widgets de contenido web: básico área: seleccione el Encabezado medio widget.

6. 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.

7. Desde el Widgets de contenido web: tarjetas área: seleccione el Tarjeta de historia circular widget.

8. 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.

9. 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.

10. Salvar sus cambios.

11. Clickea en el Tarjeta de historia circular widget y seleccione el icono de lápiz para editar su contenido.

12. Ingrese el siguiente contenido:

    Gort	Valor
    Título	John Doe
    Texto	Gerente de Asociación de Proveedores
    Enlace: Mostrar texto	Contáctame

13. 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

14. 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

15. Salvar sus arreglos.

1. 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.

2. 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.

   

3. Del mismo modo, elimine todas las demás páginas del menú del sitio, excepto el Encabezado Encabezado página.

4. 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.

   

5. Repasar el Hogar ingrese a un menú y haga clic en el ícono + y seleccione Añadir artículo.

   

6. Mas o menos Llámanos como el Nombre para mostrar y seleccione el Llámanos página de la lista de páginas mostradas.

7. Hacer clic Agregar.

   

8. Salvar el menú cambia.

1. Haga clic en el icono de vista previa del sitio para abrir la vista previa de la página en una nueva pestaña.

   

2. Revise su sitio.

3. Cierra la vista previa.

4. Haga clic en el icono de publicación para publicar la última versión del sitio para que esté disponible para sus usuarios finales.

   

5. Hacer clic Publicar y abrir. Esto es lo que verá: