-
00:00:00En este tutorial, voy a hablar sobre el widget Hoja de ruta.
-
00:00:03El widget de hoja de ruta es una forma sencilla de crear una hermosa hoja de ruta para su lanzamiento, su empresa o un proyecto de cualquier tipo.
-
00:00:11Entonces, si alguna vez desea mostrar una serie de pasos o una línea de tiempo, simplemente usaría la Hoja de ruta.
-
00:00:16Está ubicado justo aquí
-
00:00:18Una vez que lo crees, te pedirá que ingreses tus elementos.
-
00:00:21Ya tenemos este listo para que puedas ver cómo se ve y puedes ver que tenemos una serie de pasos a la izquierda.
-
00:00:26Y a la derecha, la vista previa podemos ver que cada uno tiene una imagen, un título, un subtítulo y algo de texto.
-
00:00:32Entonces, si desea agregar otro elemento, simplemente haga clic en el botón azul y agregue un nuevo elemento a la lista.
-
00:00:37Y es muy fácil ingresar tu título y tu subtítulo.
-
00:00:42Y luego tu texto iría aquí y luego pondrías una imagen o un ícono, así que tenemos una gran biblioteca de íconos gratuitos o bienvenidos a usar.
-
00:00:54O puedes utilizar nuestra biblioteca multimedia global o cargar tu propia imagen, lo que quieras.
-
00:01:00Y una vez que cargues una imagen y la guardes, se agregará automáticamente a tus hojas de ruta para que puedas ver que una vez que nos desplazamos hacia abajo, ahora tiene la imagen, el título, el subtítulo y el texto.
-
00:01:11Justo ahí, muy fácil de usar.
-
00:01:14Y puedes cambiar el aspecto y el diseño justo aquí debajo para que puedas ver que estamos en este primero donde lo organiza izquierda, derecha, izquierda, derecha.
-
00:01:21Si quieres usar el segundo, puedes ver que colocará todas las imágenes a la izquierda y luego verás todo el texto a la derecha.
-
00:01:27Entonces, si quisiéramos usarlo, se actualizará automáticamente.
-
00:01:31Así que ahora tenemos todas las imágenes a la izquierda y el texto a la derecha.
-
00:01:34Y lo hace todo por ti automáticamente.
-
00:01:37Y si quieres usar este en el tercero aquí mismo, esto en realidad haría uso de los pasos entre corchetes aquí mismo.
-
00:01:46Así podrás reorganizar estos elementos una vez que estén en tu lista.
-
00:01:51Puedes reorganizarlos como quieras.
-
00:01:52Entonces, si ves aquí, puedo poner el paso dos justo encima del paso uno y se actualizará.
-
00:01:58Ahora eso está arriba y puedo reorganizarlo como quiera.
-
00:02:00Y también puedes poner un elemento dentro de otro elemento.
-
00:02:03Entonces, si tomo este paso tres y lo coloco debajo y un poco a la derecha del paso dos, eso lo agregará a ese elemento en particular.
-
00:02:11Así que ahora actúa como una categoría.
-
00:02:13Entonces, puedes ver que el paso tres está dentro del paso dos y puedes hacerlo como quieras y reorganizarlos como quieras.
-
00:02:21Y es una herramienta muy poderosa para mostrar una hoja de ruta o una serie de pasos para un lanzamiento, una empresa o un proyecto y una manera fácil de mostrar también una línea de tiempo.
-
00:02:32Así que recomendaría jugar con esto y experimentar un poco.
-
00:02:36Y en cuanto a las opciones adicionales, al igual que todos los demás widgets, puedes cambiar esto a solo móvil o solo escritorio.
-
00:02:41De esta manera, puedes tener diferentes hojas de ruta para dispositivos móviles y computadoras de escritorio.
-
00:02:45Y los estilos adicionales son como todos los demás widgets.
-
00:02:49Puedes determinar el espacio en el escritorio
-
00:02:51Puedes agregar algo de CSS para la clase de widget personalizado e incluso puedes agregar un fondo o animaciones.
-
00:02:57Por lo tanto, es una herramienta muy simple y poderosa que creará automáticamente una hoja de ruta para usted de una manera muy fácil de usar.