Desarrollo de sitios web con Odoo - no se requiere codificación

1. IMG 6581: Hola a todos. Bienvenido, y gracias por unirte a VRP para empezar, soy tu instructor, Azim, gran parte de cualquier matriz. Esta clase hará ERP para empezar. Vamos a concentrar el bloque externo, completamente funcional, seguro, sitio web receptivo. ¿ Qué es auto? Siempreun ERP de planificación de recursos empresariales, que ofrece mucho en un solo paquete, se utiliza para preguntarme, ¿Por qué una pequeña empresa o incluso una mediana empresano puede incluso una mediana empresa implementar en ERP dos respuestas, operaciones comerciales diarias, simples. La mayoría de ellos son demasiado caros, requieren soporte continuo por parte de los desarrolladores. Además, todos y cada uno de los módulos de personalización terminarían costando la pierna. Odu es un sistema ERP de código abierto en toda regla. Pero no está construido para grandes negocios o corporaciones, medianas, pequeñas empresas, autónomos, individuos para, pueden usarlo. Para gobernar de manera muy inteligente, ofrece una plétora de aplicaciones dinámicas. E incluso las empresas simples con muy pocos empleados pueden implementar UDL y operaciones de fila con bajo peso sin problemas mediante el uso de las diversas aplicaciones de la misma. ¿ Correcto? Este punto, dejo de describir a ODU. En cambio. Vamos a sumergirnos directamente en la plataforma de automóviles y experimentarla primera mano con el primer módulo de desarrollo. 2. Conoce el ERP: Bienvenido una vez más al viejo ERP para empezar. Although.com es simplemente de donde partimos. Este es su sitio web y todo está prácticamente hecho desde aquí. Este es el menú y punto de interés bajo o principal es el menú Apps, que volveremos a él más tarde. Hay primero saltado al enlace de la comunidad en el menú. Alu es una comunidad extremadamente poderosa vinculada a ella. Dado que se trata de un ERP de código abierto, los usuarios de todo el mundo aportan nodos de varias maneras. Principalmente, hay dos adiciones para la comunidad y la empresa. La versión comunitaria es totalmente gratuita, pero con limitaciones indefinidamente proporciona una base sólida para entender. Mientras que la edición Enterprise no tiene limitaciones, pero viene con un costo adjunto a ella. Nuevamente, también funciona como una edición gratuita. Sí, todo puede aprender y llegaremos ahí ya una concentración principal de diésel es versión empresarial. Si deseas descargar la versión de la comunidad, puedes hacerlo haciendo clic en el enlace. Solo puedes descargar la versión empresarial desde aquí. Si tienes dudas, shunt, que nosotros no tenemos, así que no pasaremos esa parte. Sin embargo, podemos desplazarnos hacia abajo y descargar las versiones móviles del virus, y eso significa que podemos usar fácilmente lesiones web o la versión móvil. Pero antes de eso, debemos desplazarnos hacia atrás y hacer clic en este enlace, lo que nos llevará a la página de la aplicación de audio. El enlace de arriba dos nos lleva a la misma base de aplicaciones ODU. Y esta es la página Francia. Aunque las aplicaciones, las aplicaciones se dividen en categorías. Ventas, operaciones, manufactura, marketing de sitios web, recursos humanos y personalizaciones. 3. Aplicaciones de Odoo: Muy bien. Puede seleccionar una aplicación en función de sus intereses sobre el clima del euro. Una vez que selecciones una app, te llevará a través de un sencillo proceso de aislamiento y estarás listo con ella en pocos minutos. Tomemos un momento para entender un aspecto importante, hospedar, dar espacio a esa aplicación. Por lo que el laboratorio se moverá brevemente a la página de hospedaje de ODU. Aunque puedes tener opciones para alojar un host con auto bajo ADA.com. O podemos adquirir su almacenamiento en la nube o podemos desplegar el sistema de agua en nuestro plan de estudios para saber. Todo depende de cómo planeas hospedar y de cuáles sean los presupuestos. Bueno, este es alguien con desarrollar la mejor opción sería alojarlo en audible.com. Ya que estamos ante un sistema que no es tan complicado, ni requiere de muchas características. Bien, entonces vamos a hacer esto. Seleccionemos la aplicación que desea instalar. Dice seleccionar una aplicación. ¿ Por qué? Es por ello que las ofertas más antiguas y una forma muy conveniente de usar sus aplicaciones con la condición de que solo puedas usar una aplicación a la vez. Perdón por eso. Implication select es el número gratuito de usuarios y si D va a ser alojado en. Así que estamos ordenados. No obstante, hay que tomar nota de una cosa. Hay aplicaciones que Google proporciona, que si se seleccionan, se vinculan automáticamente entre sí. Entonces eso significa que por ejemplo, si tengo un paquete contable, automáticamente los paquetes de facturación lo haré, o el paquete de facturación o una aplicación se vinculará automáticamente a él es ilegal hacerlo, se le cobrará por eso. Pero entonces tenemos una manera asegurarnos de que no hacemos eso. Llegaremos a eso más adelante. Pongámonos a descifrar esto por ahora. Ninguno con nuestra selección, aunque nos pide que proporcionemos algunos detalles básicos que eventualmente serán nuestra URL de inicio de sesión para nuestra aplicación. Asegúrese de elaborar cuidadosamente los literales de URL. Desde un principio esa será URL, cual podremos cambiar posteriormente. Por ahora, podemos ir con algo que sea similar a lo que estás apuntando. Genial. Bienvenido a hacer. 4. Cómo instalar la aplicación del sitio web: Muy bien. Así que después de la pantalla de bienvenida o do nos lleva a esta página. Desde que seleccionamos el sitio web como una aplicación que estamos utilizando. Te preguntaré esto si quieres como aludir a configurarlo. O podríamos hacer clic en el enlace en la parte inferior derecha y comenzar desde cero. Yo nos quiero, quiero hacer para asistirnos en esto. Entonces llegamos a esto. Dos preguntas. Puedo darles una idea de lo que trata mi sitio web. Sitio web de negocios. Podrías tener cualquier cosa, un comercio electrónico y una tienda online. Estas son solo opciones, pero también podríamos tener cualquier otra cosa más allá de eso . Una vez que seleccionas eso. Podríamos poner en la media llena de nuestro negocio. Al igual que me gustaría poner en algo relacionado con el diseño. Eso es lo que realmente soy. Entonces voy a poner esos diez Oscars u objetivo, como atletas. Y luego nos vamos a dar una paleta de colores. O podríamos elegir eso, o también podemos subir nuestro logo. Y ALU automáticamente recogerá o reunirá los colores del logotipo y creará primero un tema, que de nuevo, una vez listo, podemos cambiarlo, podemos alterarlo. Podemos cambiarlo totalmente si quieres. Pero demuestra que aunque hay un muy buen trabajo de extraer colores del logo y crear un tema. Seleccioné mi logo. Y ahí mismo puedes ver todos mis colores están seleccionados. Hemos seleccionado nuestro logo, tenemos nuestro calcio de ODU y avanzaremos ahí mismo. A continuación. Vamos a hacer nos da una selección de páginas y características. Cuenta con un conjunto de páginas y características confeccionadas. Entonces estableceremos los básicos sobre nuestros servicios. Seleccionar casos de éxito, estudios de caso, cobertizo vivo es porque trabajaremos en ello. Así que selecciona algunos de estos y sigue adelante y construye el sitio web. Una vez que seleccionamos Construir sitio web, aunque nos da la opción de seleccionar un tema. Ahora bien, estos temas que vemos aquí son más o menos son muy similares, pero una vez más, son muy dinámicos. Y aunque puede que no parezca algo que queramos, pero luego solo tenemos que seleccionar algo. En este momento estás vendiendo, estás viendo la combinación de colores que hemos seleccionado. Selecciona un tema, y vamos a seguir adelante. Vamos a dejarlo correr, editar y cambiar totalmente todo de esta manera ahora mismo, oh, Louise, construyendo nuestro sitio web. Está preparando los datos para nosotros en unos minutos. Ya lo veremos listo. Ahívas. Ese es un sitio web o quien ha seleccionado se construyen para nosotros en base a la información que brindamos. Todo parece sincronizado. Un esquema de color o logotipo. Tenemos un panel dinámico muy dulce a la derecha donde estaremos seleccionando todos los datos. Pero sí, ese es el que por ahora. Definitivamente podemos cambiarlo todo, lo que queramos. Esofue un backend. Vamos a la parte delantera. Eso lo vemos. 5. Cómo activar Odoo: Entonces así es como un sitio web. Antesde editar, tenemos que hacer una pequeña activación. Haremos requiere que confirmemos nuestra dirección de correo electrónico. Entonces vamos a ir ahí. Desdela etnia, recibimos una vez y solicitamos una reciente. Una vez que lo reciba, iré a mi correo electrónico y me lo comeré. Una vez hecho eso, estamos bien para irnos. Área en mi bandeja de entrada. Haré clic para activar mi base de datos. Y voy a hacer, luego abriré una opción para encajar en mi contraseña, restablecer mi contraseña. Entonces dije que mi contraseña me permite iniciar sesión dirección de correo electrónico. Y la contraseña. Me gusta leer la base de datos. Voy a guardar la contraseña. Ahí vamos. Todo está hecho. Puedo configurar durante White hacer filtraciones o saltar e ir al sitio web principal. Agárrate. Su base de datos. Se ha activado. 6. La aplicación del sitio web: Bien. Área. Ese es nuestro sitio web. Ya lo has visto antes. Lo veré muchas veces más. Bien, entonces ese es nuestro front-end. Salta rápidamente al backend haciendo clic en el pequeño icono, la parte superior izquierda. Tomadores al tablero de backend. A partir de ahí, veremos los ajustes. Algunas áreas serán holandesas. Antes de eso. Eso es un tablero de backend. Comenzará con la discusión. Puedo discutir es un módulo de chat interno. Puedes configurar varios canales con los miembros de tu equipo en la oficina o tu lugar de trabajo sobre donde te encuentres. Crea varias áreas y chatea con tus empleados, colegas y otras cosas. que puedas entregar mensajes para esto dentro de tu sistema internamente en la empresa u organización. A la siguiente, iremos a ver el Chat en Vivo. Live Chat es un módulo extra que agregamos. Afortunadamente, eso podría ser parte de la aplicación principal, podría crear varios canales y permitir que tus usuarios ajenos a tu organización puedan chatear. Esto conectará a tus usuarios contigo y podrías chatear dentro de ODU y entregar mensajes. Volviendo a la configuración. Esta es la zona del ábside. Todas las aplicaciones están aquí y se pueden instalar con un clic. Ayer, ignora la única cosa. Nuevamente, el nulo. Todas las aplicaciones van juntas como un módulo libre, esta aplicación como separada. Si tiene que ser libre. Si combinas el cargo por él por usuario, por mes. Entonces, cuando volvamos al icono, lo que nos llevará al tablero de instrumentos. Y a partir de ahí iremos a la configuración del sitio web. Esa es la página de configuración general del sitio web. Empezaremos con los usuarios. Alguna zona más importante para empezar. Vas a tener tantos usuarios como queramos, este origen. Entonces iremos con los usuarios. Solo ves a un usuario yo mismo, y haces clic en cualquier usuario si tienes más o crearías más. Un área de usuario puede crear un usuario aquí, conjunto de referencias, permisos. Sólo tienes que configurar algún nombre aleatorio. John lo hace, sí, lo hace. Solo tomaré este correo electrónico aleatorio que todos usan. La invitación al final no pasará, sino que es solo para fines de ejemplo. Podemos asignar las omisiones según corresponda. Entonces de esa manera, ya sea administración o derechos de acceso se pueden manejar aquí. Podemos darles un logotipo o una imagen. Ignorar los precios subiendo sus precios. Aviso. No importa siempre y cuando tengas una sola aplicación. Aquí dice que su invitación ha sido enviada. En caso de que no se reciba, podemos enviarlo de nuevo donde el mismo enlace de correo electrónico y podemos o bien no son perfectos, duplicados, eliminados, cambiar la contraseña, deshabilitar una autenticación de dos factores o enviar un restablecimiento de contraseña. Por lo que el usuario ha recibido su invitación y puede, una vez que accedas a ella, puede acceder a esa área en particular que hayamos especificado para el usuario. El usuario ha sido agregado. Ahora como no usamos un correo electrónico genuino, dice que nunca se conectó, pero eso está bien. Pero una vez que venga firmas, se ahorrará en granja si es un correo electrónico genuino, claro. Entonces volviendo aquí y veremos otro aspecto importante, la empresa, nuestra empresa, que está manejando o cuál para la cual estamos viendo la página web. Para. Esos son los detalles de la compañía aquí. Podemos poner en nuestro logo. Hay una diferencia entre el sitio web y el logotipo de la empresa. Lo que se pudo ver. Pero la compañía es la organización detrás del sitio web. Entonces cualquier dato de la compañía, cualquier cosa que tenga que ver con la compañía tiene que tener su propia información. Entonces volvemos. Volveré a la configuración general. Bien, vuelve a la Configuración General. Desplácese por ellos rápidamente. Has visto estas áreas de usuarios. Después está el área del idioma. Podríamos agregar un idioma. Podríamos ingresar a la empresa y también configuramos los documentos relacionados con eso. Entonces tenemos los pocos ajustes y la integración es con respecto al canal de discusión. Vamos a integrarnos sobre contextos. El área de permisos que ya hemos visto. Esta integración completa para correos electrónicos. Y claro, tenemos que capturar a continuación hay un menú respecto al modo desarrollador. Llegaremos a eso más adelante. Entonces a partir de aquí iremos a los sitios web. Creo que aquí tenemos el sitio web básico o diría que la configuración de sitios web específicos. Cambiar el nombre del sitio web. Voy a parar en Matrix. Podrías cambiar el icono. Set. Otra vez. También podemos cambiar el idioma aquí. Podríamos instalar uno nuevo. Podríamos poner en la opción de que cuando alguien se registra podría ser por invitación o registrarse gratis. Cuando obtienes una inflación, puedes aceptarla o rechazarla. Para guardar eso. Y vuelve al dashboard para el sitio web. Ahora iremos a la página web. Backend. Podremos modificar el sitio web para que se ajuste a nuestras preferencias. 7. Cómo preparar el Webiste en Odoo: Bien, entonces este es nuestro tablero. Actualmente está vacío y seguramente, porque no hemos conectado los detalles y los conectamos a este icono en nuestros datos y los conectamos con Google. Y en el momento veremos nuestro texto muy fácilmente. Así que vamos a ir rápidamente a través de estos menús aquí. Bastante parecido a lo que ya has visto. La configuración nos lleva de vuelta a nuestro inicio. X nos llevará de vuelta aquí. Esto nos mostrará los detalles de los datos de todos aquellos visitantes que visiten nuestro sitio web, es un descuido? Supongo que puedes ver la lista aquí. Nos dice el nombre, el país. Sabré como Shawn o ¿ cuánto tiempo nos has visitado? Apenas las páginas leídas son vistas. Y haz clic de nuevo en eso. Puedes exportarlo o eliminarlo. Puede cambiar la vista a gráfica. Obviamente es solo una persona a la que estamos viendo en este momento no es la diferencia. Pero tenemos varias opciones de visualización. Puede enviar un correo electrónico a todos y cada uno de los usuarios, directamente desde ODU, siempre y cuando su dirección de correo electrónico esté conectada, que en la mayoría de los casos siempre está conectada a nuestro nombre de usuario, que es nuestra dirección de correo electrónico. Puedes enviarlos por correo electrónico directamente desde aquí sin mucho. Soy consideración de ajustes. Nuevamente, también puedes volver a la página Judíos y ver qué ha visto cada usuario. Páginas de las páginas del sitio web que tenemos, que actualmente están disponibles en. Bien, entonces estás destinado a un análisis. Ahora iremos al sitio web. Esa es la parte delantera de nuestra ausencia. Aquí hay algunas áreas que tenemos que cubrir. Así que rápidamente pasaremos por eso. Pero antes de eso, iremos al menú. Vamos a asociar el discurso nos fue dado por todos sabíamos cuando lo estábamos configurando. Pero podemos cambiarlo si es necesario. Solteros con sobre nosotros. Si quieres. Incluso podemos eliminar esta página y crear una nueva desde cero. Luego hay una página de Contáctenos que en su mayoría planeará la mayor parte del tiempo u otra preferida a una nueva. Entonces también veremos estos menús aquí. Empecemos con este menú de edición. Nos muestra nuestros enlaces de menú que ya están ahí y todos los enlaces de nuestro menú en páginas establecidas, obviamente desde el backend, desde el botón Configuración. Nuevamente, puedes cambiarlo si es necesario. Podemos agregar un nuevo elemento del menú aquí. Entonces solo haremos un pequeño enlace para la prueba. Y vamos a establecer un eres. Cuando ponemos en hash, nos da el ancla para arriba y abajo. Así que vamos a tomar el elemento inferior del menú está ahí. Podemos movernos. Podemos eliminar el elemento del menú desde aquí usando ese icono de bin. Nosotros lo guardaremos. Y ahí lo podemos ver. pateas porque sólo estaba en mayor ancla a ella. Muy bien, en la parte inferior, menú de Páginas Administradas nos llevará a administrar nuestras páginas con configuraciones adicionales de retail. Te puedo ver, también puedo entonces replicar y eliminar icono. Puedes ir rápidamente con la configuración. Nos mostrará los escenarios, en parte de los cuales ya hemos visto. Pero nos permite seleccionar estas opciones, que nos permiten mostrar el puente en el menú de la página principal. Queremos indexarlo por Google o no, ya sea que queramos publicarlo o seleccionar la fecha de publicación, o asignar a un usuario en particular a la playa. Pero también duplicar la misma página aquí mismo. Ciertas configuraciones no se aplican en todas las páginas. Puedes cambiarlos si quieres. Este acceso vinculado directamente a esa página en particular. Y bajo las páginas particulares, una configuración cmos acogedora llegará a eso más adelante. Podemos duplicar la página aquí mismo, o incluso podemos eliminarla. A continuación, iremos al editor HTML y CSS y JS. Esto nos permite editar la playa usando el código y cada página y está en editor. Ahora mismo. Estamos en el lado del back-end, pero aún podemos ver un editor relacionado con esa página en particular. Por ejemplo, intentaré cambiar algo aquí. Tenemos los datos para Manage Pages, gestiona tus páginas o aburrimiento algo aquí, y guárdalo. Y ahí vemos los cambios. Entonces, si estás bastante familiarizado con la codificación, también puedes personalizarla por nuestra cuenta usando HTML CSS o Jess. Esa es la parte CSS, va a estar llegando a esa letra. Aquí podemos seleccionar todas las áreas, todos los módulos, y su sitio web, y cambiar el código en función de nuestras preferencias. En cualquier momento, si se equivoca en la codificación o todos no guardan el código. Y es realmente conveniente. No podemos decir que haremos una licuadora si el código está mal o no, guárdala de todos modos. Agregar características nos llevará de vuelta a las aplicaciones que vienen como una opción al sitio web, pero no las queremos ahora. Así que adelante. La opción de visitante de tráfico puede estar activada. Volveremos a la parte ASU y dominio. Están encendidos. 8. Cómo diseñar un sitio web con Odoo-Theme: Bien, estamos de vuelta. El front-end para el sitio web. Ahora es el momento de editarlo, aunque proporciona una forma muy conveniente de editar el sitio web. Todo está justo aquí. Al hacer clic en la parte superior derecha de la pestaña Edición, nos trae este panel. Cuenta con tres áreas, bloques, estilo y tema. Cada una, cada sección por separado. Por ahora solo pasaremos rápidamente por bloques. No llegues al estilo y al tema rápidamente. Estas son las áreas que realmente construirán el sitio web con las diversas estructuras. Puede hacer clic y arrastrar cualquiera de esos elementos desde la derecha en la pantalla. Y ahí va a estar justo de la manera en que lo veamos ahora mismo. Todos nosotros familiarizados con el diseño web estaríamos familiarizados con todas esas terminologías que existen. Pero nuevamente, ya que aunque proporciona un patio de recreo abierto, así siempre podemos hacer clic y arrastrar y ver cómo se ven los elementos. Si no, podemos eliminarlos. La estructura proporciona principalmente áreas o elementos que construirán el diseño del sitio web como pancartas, encabezados, galerías. Y luego llegamos a características que son más detalladas, como acordeones para más contenido, pestañas, líneas de tiempo. Luego hay un área para contenido dinámico como formularios, mapas. Pero luego también hay algunas áreas como eventos, noticias hicieron un pop-up, grupos de discusión. Estos están vinculados a aplicaciones adicionales que si instalas, se cobrarán. Así que ya nos mantendremos alejados de ahí. Y luego hay más contenido interno como separadores, alertas, compartir, buscar, redes sociales. Todas esas áreas también pueden ser, todos esos elementos también se pueden incorporar mucho. Entonces básicamente, todo el panel es mucho que están usando algunas áreas. Siempre podemos agregarlos. Cómo el bucle, y seguir adelante en consecuencia. Si nos fijamos en las otras secciones del mismo panel de edición. Esta vez, qué estilo es, es el elemento o el módulo que hemos arrastrado a la izquierda. Cuando seleccionamos es cuando obtenemos las opciones de edición para ese elemento en particular en el área Estilo. Así podremos ver todas las opciones que cubriremos más adelante. Podemos agregar más columnas. Se puede cambiar la imagen de fondo, un color. La posición. Podemos agregar filtros pueden cambiar pieles. Todo es posible por este lado una vez que seleccionaste elemento, que de nuevo iremos más adelante. Tan rápido otra vez, muévete a la zona femenina. Una vez que elegimos la pestaña Tema, tenemos opciones para cambiar o alterar todo el tema en función de nuestras preferencias. Añadimos color. Hemos seleccionado los colores y todo, pero de nuevo, tenemos miedo de cambiar lo que queramos. Estas son las opciones para cambiar el tema. En la parte inferior, en realidad podemos cambiar todo el equipo si es necesario, si es necesario. Regresa a estas secciones más adelante. Por ahora, sólo vamos a seguir adelante. Muy bien, así que antes de regresar al panel de edición, veremos rápidamente esas herramientas en el montante derecho. Este nos permite agregar en un curso de post de blog de foro extra de playa extra, que solo se especifica para mí cuando hago un sitio web para una plataforma de e-learning. Si se trata de un sitio web de comercio electrónico, puedes agregar un producto. Este es un icono móvil, y nos da una vista previa de cómo se verá el sitio web en un dispositivo móvil. Está muy limpio. Muyal grano. Todos los menús están ahí, todos los enlaces son su contenido de imágenes, todo está perfectamente alineado. Bien. Así que regresaremos al panel de edición y comenzaremos a editar el sitio web en función del diseño, el diseño y el contenido. Entonces este panel de edición, tenemos las tres áreas, bloqueadas, estilo y tema. Ya has visto los bloques. El estilo es ahora cuando seleccionamos un bloque en el tema, por supuesto, es el quid de todo el sitio web. Tiene todo eso Opciones, Opciones temáticas, estrellas, botones, visita los colores, los colores que ODU extrajo de un logo, y dáselo a nuestro tema. Podemos cambiarlos aquí. Estos son temas de color extra. Podría seleccionarlos todos, no, estropeó todo el aspecto de color. Así que no vaya por ahora mismo. Tienes opciones aquí. Hemos ido por el primero, podrías seleccionar más. Debajo de cada área de colores. Hay una explicación de selección de dónde están los colores, se usa cada color. Y también podemos cambiar ese color en particular. Por ejemplo, si no quiero un fondo blanco, podría cambiarlo por otra cosa. Enlaces, podría cambiarlos. Encabezados, podría cambiar esta bastante dinámica aquí. Puede seleccionar eliminar el encabezado. Pensaréque iré por ello. Entonces puedo traerlo de vuelta fácilmente. En este momento no vemos que el encabezado se haya ido. Pero en traerlo de vuelta. Entonces la capa base aquí nos da opciones útiles en caja, marco o postal, Boston enmarcada o evitar similares. Aparte de que hay un espacio en la parte superior e inferior, esta postal. Básicamente hay un espacio a cada lado. Visualmente útil es una mejor apariencia del sitio web. También cambia el tamaño de fuente principal aquí. A decir 12. Las fuentes son seleccionadas para nosotros, podrían cambiarlas, podrían agregar una nueva fuente de Google. Para solo mirar esto rápidamente. Puedes agregar el teléfono de Google a través de un enlace de Google. Solo trae el enlace aquí, copia pegada, y eso es todo. Estas son opciones en botones. ¿ Cómo son los botones? Los botones pueden ser rellenados o perfilados. Sólo voy a enlazar. Entonces tenemos tamaño de fuente, motivar, border-radius, efecto dominó, todos esos enlaces, estilos, selecciones de color. Entonces también cambia todo aquí mismo. Puede tener editar código y hacer clic en eso y cambiar nuestro tema. Esto nos permitirá seleccionar todo el asunto. Seleccionó el tema, el comienzo. Pero siempre podemos volver aquí y cambiar el tema. Podemos ver el tema que se ha utilizado como el primero. Se llama biblioteca. Todo el color se ve muy diferente. Nuevamente, aquí podemos cambiar el tema. Y curiosamente, qué contenido y maquetación se mantendrían de manera justa. De hecho, se mantendrá la totalidad de ella. Así que solo regresa. Queríamosque nos mantuvieran. Por debajo de eso. Tenemos la opción de incrustar códigos. Entonces, si tienes algún código analítico o algún código específico y gusta incrustar en el encabezado o pie de página. Eso lo podemos hacer desde aquí. Eso es muy conveniente y lo hace fácilmente todo lo que queramos. Súper, súper bueno. Bien, así que hemos visto sección temática. Terminaremos esta clase aquí y luego pasaremos a la siguiente. Comenzará a editar el sitio web a partir del hidrocarburo. 9. Diseño de un sitio web con Odoo-Header-Part 1: Chicos, bienvenidos de nuevo. Una vez más, llega al panel de edición y ahora empieza a levantar el encabezado. Iremos al área de bloques y empezaremos a trabajar en la cabecera. Y luego más abajo, vas tú. ¿ Bien? Entonces primero comenzaremos editando el encabezado. Al seleccionar el encabezado, se abre el área Estilo. Y lo primero comienza con un día de nodo de cabecera. Odu nos ha dado la opción de seleccionar todos los encabezados prediseñados o los han degradado aquí. El seleccionado es el que habían sido, que se ha establecido como predeterminado. Pero podemos cambiar que en el momento en que cambiemos algo, lo que respecta a siete elementos, veremos que van a tener esto. Así podremos guardar y recargar en caso de que haya realizado cambios. Si no, podemos seguir adelante de todos modos. Pero si has hecho cambios, bien podrías ahorrar y luego seguir adelante. Entonces ahora vemos ese nuevo encabezado que seleccionamos. Cambiemos. La parte superior se ha ido, todo está bajo un encabezado. Podemos regresar y seleccionar otra versión de las opciones de encabezado. Entonces vuelve a salir del patrón de edición. O vas tú. Así que parte seleccionada otra vez, cualquiera de las dos partes. Y ahora en realidad tomamos una opción si uno de los encabezados, veamos. Éste. Utiliza una idea de qué elementos hay. Enlaces de logotipo, el área de Logan. Dijimos que el área de Logan es específica para posiblemente un sitio web que requiera un inicio de sesión. Simplemente no lo estaba. Bien. Esta es una versión más sencilla. Probablemente voy a querer algo un poco más elaborado. Entonces iremos por otra opción. Normalmente me gusta ese particular que tiene todos los enlaces de redes sociales, escucha, correo electrónico y un número en el enlace espaciado muy bien, pero algo de altura a él. También. Una vez más lo he seleccionado. Ahora voy a seleccionar un encabezado que realmente nos dará algo que nos guste adecuadamente adecuado para el sitio web. Ahorraremos y recargaremos una vez más y tal vez iremos con ella. A mí me gusta. Tiene de todo. Número es el logotipo del correo electrónico está ahí, por supuesto, los enlaces y un botón de llamada a la acción incluidos. Parece que. Y aquí hay una pequeña impresora para incluirla. Bien, entonces ahora venimos a editar el encabezado. Estees el enlace de color. Podemos cambiar los colores del encabezado haciendo clic en cualquiera de esas opciones que están disponibles por ahí. El uso de opciones de tema, las opciones de color normales, color de enlace, sólido. Y luego también nos dan un gradiente, que cubriremos más adelante. Ahora mismo, y seleccionaste todos esos colores, los colores del tema. El encabezado cambia según el tema. Colores con enlaces y fondo, fusionando muy bien. El suborden. Puede seleccionar un borde. Voy a poner intencionalmente algo en orden para que podamos verlo muy visible. Podemos seleccionar la acuarela, podemos seleccionar el estilo de borde. Oh, guau. Son bastante manejables. ¿ Verdad? No hay problema. Por el bien de visualizarlo sólo va a pasar por él. Retirarlo de nuevo. La parte de sombra nos da una diapositiva. Sombra muy sutil bajo el Estandarte. Como pueden ver, ya está ahí. No podemos seleccionar ninguno. También podemos seleccionar el color. Y podemos seleccionar una sombra un poco más. Intereses empresariales. ¿Qué seleccionamos? veremos que te pueden dar todo ahí. Esos son cambios menores de inmediato, ahí mismo. Si es un cambio importante, como probablemente querrá cambiar el encabezado o algo así. Entonces tendremos que recargar después de guardarlo. Estas son las opciones de encabezado. Después de haber seleccionado el encabezado, nos dice qué sucede cuando te desplazas hacia abajo. Entonces tenemos todos esos encabezados regulares. Por lo general, en realidad se animan cuando seleccionas en ellos o pasas el mouse sobre ellos. Sólo lo intentaremos de nuevo. Danosuna idea de cómo se ve. este momento el encabezado aparece después de que nos desplazamos. Sí, ahí tienes. Entonces así es como, así es la antigüedad que tendrá el manejador cuando te desplazas. Podríamos seleccionar eso. Yodonaré, se comporta. Aquí es donde se posiciona el encabezado, fila de veces el contenido está justo debajo del encabezado. El fondo es transparente. Esa es una opción para la adopción del menú móvil para la fuente, para el encabezado. Y seleccione el teléfono, podemos agregar fuentes extra de Google. Puedes pegar el enlace aquí y guardar y volver a cargar, y veremos el formulario ahí mismo y sido seleccionado. Por lo que esa fuente particular se aplicará a la cabecera. Voy a dejar que esto siga y también cambiar el tamaño de fuente 16 es bastante enorme porque también. Luego está el estilo de enlace, el submenú. Hay un pequeño borde en este momento en la parte inferior del enlace de inicio que está resaltado, que es el que es una página en la que estamos. Entonces tenemos una pequeña frontera ahí. También podrías cambiarlo a todas esas opciones. Rellenar, perfilar o bloquear no los cambiará en este momento. Así que vamos a seguir adelante. Mostrar firma es el enlace que está ahí. Y tienes un e-commerce o un sitio web de e-learning. Todo a la acción es un botón Contáctenos resaltado ahí. Entonces tenemos el selector de idioma. Desde los ajustes que teníamos, instalamos más idiomas, hubiéramos tenido la opción de agregarlos todos aquí y poner una selección. Así que el usuario los seleccionaría muy fácil. Supongo que hemos seleccionado la parte superior del encabezado. Esto nos está dando el ancho del contenido. Ya sea que quisiéramos centralizados, queremos que la altura esté en cierto nivel. Siempre se puede cambiar eso. Esto es realmente interesante. Fue habilidad. El encabezado puede ser visible en ocasiones o condiciones específicas. Como si soy de EU, puede ser visible para mí. Basado en la selección aquí. Podría seleccionar todos aquellos países que me permitan ver esa pancarta en particular. Si soy de EU, es solo comida, pero alguien más es de Emiratos Árabes Unidos. Novan a poder ver. Entonces tenemos adopciones en láseres similares. La información repentina podría estar disponible para ciertos usuarios. Por lo que también podrías seleccionar la disponibilidad de esa información en particular en el banner para ciertos usuarios. Ya has visto la posición del encabezado. Arriba. El encabezado es un mini encabezado pequeño, pequeño, donde de nuevo, vamos a tener las mismas opciones de cambiar los colores basados en el tema, basados en el color sólido ya. Creo que voy a ir con eso. Tienes todos estos gradientes establecidos. También puede seleccionar uno personalizado y crear uno. Seleccionemos esto de nuevo. Vuelve a una pared ahora mismo. Sin embargo, algo realmente interesante, también podemos subir una foto en ese pequeño encabezado en particular. Y esta instalación o característica está incorporada en ALU. Esto es de Unsplash. Podemos buscar muy fácilmente imágenes, imágenes de stock de Unsplash. Estánahí mismo. Se pueden agregar con el clip. este momento busqué antecedentes y la opción lo dice todo, pero luego tenemos una selección por ahí. Dice mis imágenes. Ahora tengo mis imágenes son imágenes que he subido durante mi proyecto. Aún no lo hemos hecho, no hemos utilizado ninguna imagen de nuestra propia biblioteca. Entonces no hay nada ahí. Luego hay ilustraciones de Unsplash, pero luego las ilustraciones son muy mínimas. Y luego bajo esa opción particular de fondo, y luego hay fotos vía Unsplash. Entonces tenemos muchas fotos. Podrías buscar algo y no lo conseguiste. Entonces podrías agregar eso como fondo en la cama, pequeño banner, o debajo de cualquier elemento que agreguemos. Cualquier elemento podría tener un fondo, color o imagen. Pero la parte interesante es esta, aunque proporciona algunos diseños realmente bonitos. Sutil estática animada, muy similar a la animación, sutil animación que estamos viendo en la pantalla principal ahora mismo. Junto con sumergirse en nosotros originales es texto. Es una animación muy sutil que está sucediendo con todas esas manchas. Pero los cubriremos más adelante. Lienzos más grandes. Estas son las áreas para eliminar, copiar, guardar. Todos esos elementos a los que hemos ayudado. Quitar esto. Y luego lo guardaremos rápidamente y volveremos a la siguiente sección. 10. Diseño de un sitio web con Odoo-Header-Part 2: Bien, estamos de vuelta. Esta vez. Editaremos nuestro logo. Hemos añadido un logo de antes. Pero por si acaso deseas cambiar el logo, siempre puedes volver atrás. Sólotienes que dar click sobre él. Y el panel y abre el panel de pila. Y directamente ir por la parte inferior donde dice logo y luego medios de comunicación. Podemos reemplazar. Ahora de nuevo, si en todo queremos armar logo de la página web de fotografía de stock o algo lo podemos conseguir de ahí. Si no, vamos a subir nuestro logo. Ahora mismo. El logo es muy, se ve muy bonito. Asíy altura. Y esta es la altura de cómo se verá el logotipo cuando el sitio web haya estado desplazándose, cuando te desplazas hacia abajo. Entonces cambiamos la altura a la anchura, duplicamos en realidad, y entonces así es como se ve. Se ve de un tamaño bastante bueno en este momento. Son las formas de identificar cuándo el enlace está activo o resaltado. Este es el tamaño de fuente para esa barra de navegación. Seleccioné algo mal, solo volveré a aumentar el tamaño. Creo que 12 es un tamaño razonablemente bueno, va a mantener eso. Entonces creo que somos buenos para su logo o enlaces. Ahora, intentaremos agregar al cambio de los detalles de la barra superior donde están el correo electrónico y los números de teléfono. Para que podamos ir rápidamente y seleccionar la dirección de correo electrónico en la barra superior. Cambia los detalles a partir de ahí. Solo tenemos que seleccionarlo nos permite editar, copiar o cambiar el lingual, eliminar el enlace, y podemos cambiar eso igual. También podemos hacer algo similar para el número de teléfono. Ahora aquí sólo estamos cambiando el texto. Los enlaces principales que se adjuntan al correo electrónico y el número los obtendrán en el panel del lado derecho. Una vez que hayamos terminado con el texto aquí, haremos clic en ellos. Y luego voy a conseguirnos los detalles para que podamos cambiar esos detalles por allá. Entonces tenemos los detalles ahí, pero aún tendremos que asegurarnos de que esos cambios se reflejen en el back-end. Entonceslos seleccionaremos. Y en el momento en que los seleccionas, el panel de estilo, queda resaltado. Y tener opciones de copiar, editar o romper el enlace. este momento me muestra a info en tu empresa, pero no queremos eso. En el momento en que haces clic en esto aparece. Ahora aquí es donde podemos cambiar su dirección de correo electrónico. Cursos, métricas, Africa.com. Ahora cuando vuelvas y vuelvas, vamos a ver o dirección de correo electrónico. Entonces ahora vamos a ir al número de barra y cambiarlo de la misma manera. Podemos hacer doble clic o hacer clic en el enlace Editar. Ahí vamos. El número está ordenado. Me moveré al lado derecho del mismo encabezado, seleccionaré los íconos de las redes sociales y los terminaré. Mantener lo que requerimos. Quitar, que no lo hacemos. Una vez que haces clic en él, el panel lateral se abre, por supuesto. Y vamos a tener las propiedades. Entonces esas son propiedades para las redes sociales. Y que esa ficha nos siga. Podemos cambiar el tamaño de esos. Yo puedo. Al mirar el tamaño de la cabecera, estos íconos graban enormes. No ir por ellos ahora mismo. A lo mejor podemos quitar y eliminar o iconos que no necesitamos. A lo mejor los encajaremos. Por ahora listo? Las opciones podrían aumentar o disminuir el tamaño. La opción de color nos da los colores originales de seguimiento. Creo que sólo le dejaremos las calificaciones. Estas son las URL. Podemoseliminarlos. No te refieres a esa parte, así que la quitaremos. Se eliminará la herramienta de YouTube. Así se ve de nuevo en color. Podemos mantener el color del tema. Prueba el tamaño de nuevo. De nuevo, creo que está ocupando demasiado espacio. Las mejores cosas para vivirla tres días a menos que decidamos aumentar el espacio de cabecera, simplemente bien. Podríamos agregar un nuevo enlace a las redes sociales para elegir. O podríamos cambiar la ubicación. Instagram en la parte superior junto a Facebook. Vamos, hay todos ven esto. Ahora rápidamente echaremos un vistazo al menú. Se ve bastante aburrido. Sólo cambia un poco, hará que los enlaces y mayúsculas. Y aquí simplemente mirarás rápidamente el elemento del menú de servicios. Una vez que seleccionamos la URL, con un shock francés, podremos tener todos los nombres de las páginas. Bien, toma un hash y permítanos desplazarnos hacia arriba, en la parte inferior. Entonces esto funciona como un ancla. Así que ahorraremos esto ahora mismo. Y luego ir y más allá. Y de ahí los enlaces en este momento, se ven más como que son solo texto. Por supuesto. Podemos cambiarlos y hacer que se vean más como botones o pastillas. Editaremos el área. Y luego iremos a seleccionar uno de los enlaces. O en realidad cuando selecciones conseguirás seleccionado del área editable debajo de la barra de navegación. Puedes ver esas opciones bajo el estilo links. Y selecciona una de las opciones, guarda y recarga. Entonces así es como se ve. Puede seleccionar la opción para guardar y volver a cargar. Bien, ¿qué es lo que se ve? Apelando un poco esta zona. Dejaremos esto así y luego ganaremos el Doria. Um, bueno, primero quita el inicio de sesión, el botón de inicio de sesión. No necesitamos eso. Usuario de soda. Sitios web específicos plata, eliminar eso. Eliminarlo aquí. Aún así lo veremos porque has iniciado sesión como usuario. Pero una vez que miramos hacia fuera, desaparecemos y estaremos, no habrá forma de que el usuario pueda iniciar sesión o tener algún espacio para iniciar sesión. Después está este botón de llamada a la acción. También quítelos porque ya tienes un botón de Contáctenos, pero es una cosa opcional, no podría estar ahí. Entonces eso es todo por ahora. Una vez que cerremos la sesión, esa área particularmente de Logan, el enlace de inicio de sesión también desaparecerá. Bueno para ir. Esolo guardamos y seguimos adelante. 11. Cómo diseñar un sitio web con Odoo-Footer: Bien, bienvenidos chicos. Ya que terminaste con el encabezado, voy a mirar el pie de página. El pie de página también al igual que el encabezado, nos presenta las mismas opciones u otras yo diría opciones similares. Haremos click en él y ahora obtendremos adopciones. Nos presenta opciones de diseño similares. Los que este es el que actualmente, solo seleccionarán una opción y verán cómo se ve. Vamos a guardar y volver a cargar justo así donde hacemos con el encabezado. Ahí vamos, esa es nuestra vida. Logo o lo social aclara lo corporativo y algunos enlaces a otra opción, ya que este x dos plano. O tal vez simplemente lo llamaremos otra opción. ¿ Bien? Como este un poco mejor. Es muy céntrico, por favor, párese. Tiene toda la información en él. Listo, mínimo, se ve muy mínimo. No me gusta el encabezado con artículos Yukon. Podemos cambiar fácilmente los elementos en base a lo que sea que sea. Seleccione. Reemplazar eso. Ya que no hemos subido un logo ni nada. Sólo tienes que ir hacia atrás. El logo que habíamos subido era principalmente un logo, no como una imagen. Bien, entonces este logo lo hemos hecho aquí, esto, estas opciones y el ancho ofrece una opción para aumentar o disminuir el tamaño, momento o mouseover, cambio de uso. Estas son las opciones de edición. Esto nos puede permitir recortar el logo ahí mismo. La siguiente opción nos permite rotar o cambiar el tamaño. que podamos editar nuestro logo o una imagen para el caso ahí mismo, o restablecer las adopciones o restablecer los cambios que hemos hecho. Los marcos, los suministros, la sombra, el precio, el circuito lo mirará. La frontera. Esto le aplica la imagen, la imagen de fondo a la misma. Pero nuevamente, si tu logo es muy delgado y un PNG como los que he usado y la medida no estoy segura de todos modos, hay pequeñas animaciones que puedes hacer a todas las imágenes son muchos elementos. También podemos hacerlo este logo. Entonces, cuando pase el cursor sobre la animación, podemos ver cómo sucede la animación. Puedo seleccionar la cosa. De lo contrario podemos gastos generales. Seleccionaremos el texto aquí. Nuevamente, al igual que el encabezado. Podemos verificar muy fácilmente, cambiar el texto seleccionando, pondré mi dirección aquí. A continuación seleccionará la dirección. La dirección. Y nuevamente, lo cambiaremos. En ocasiones, los sonidos o la repetición de sonido entre los procesos que solo pueden tardar unos segundos aplicarse cambiarán rápidamente eso. Voy a cambiar el número de la misma manera otra vez. Bien, nuevamente, los íconos sociales y seleccionarlos, cambiar el tamaño, cambiar las cosas, y moverlos en más. Procesos. Bastante similar con cordón de riqueza temprano en el encabezado, el pie de página. En la siguiente sección, pasaremos al cuerpo principal. 12. Diseña un sitio web con el cuerpo principal de Odoo-Main 1: Hola chicos. Bienvenido de nuevo. Entonces aquí hay un sitio web. Otra vez. Trabajamos en el encabezado, el pie de página. Ahora trabajaremos en este cuerpo principal, que ya nos ha dado con su plantilla de tres escenografías. Han sumado todos estos elementos. Combinar todo junto, obviamente irá y lo editará. Estas son las áreas que definirán nuestro contenido o diseño. Todo por aquí, obviamente basado en cada página. Empecemos editando este control deslizante aquí. El deslizador consiste en un alelo de imagen sobre animación sutil, algún texto y selecciónalo y ve a editarlo y alimentarlo de acuerdo a lo que refiera Bree. Entonces en esa primera opción es que la imagen colocará, ésta, utilizará el directorio Unsplash dentro de ODU. Tal tecnología. Y solo especificaremos que queremos una imagen de unsplash. Y ahí mismo tendremos o fotos. Todo que tenga que ver con la tecnología de alguna manera u otra. Uno estaba un poco perdido cuando estoy seleccionando una imagen o imágenes para ser agradable. Nada así, tanto en la cara. A lo mejor lo seleccionaremos y veremos cómo se filtra la LEA o una almohada encima de la imagen en la parte superior de la imagen. Entonces se ve, no se ve mucho. La cara. Es el posicionamiento. Después hay algunos filtros que podemos aplicar, comenzando por el desenfoque, difumina la imagen. Para que puedas ver los textos y mencionarlos con mayor claridad que los otros filtros de color. Y solo dejaremos los filtros por ahora. Creo que mencionaron se cultiva. Ese es el ancho. Se puede aumentar o disminuir el ancho. Aumentar el ancho. Música, la imagen es más pequeña, pero está tomando un poco de espacio para la calidad. aumentos en también disminuyen o aumentan su calidad con base en el deslizador allí. Entonces tenemos el paralaje. Me encanta el producto, así que voy a seleccionar algunos paralaje permitirá que la imagen se desplace cuando estés desplazándote. Sophia aumenta la intensidad. El puntaje será más, pero luego la imagen se ampliará más. En este momento la imagen está desplazándose. Entonces a la escuela tienen que imprimir la imagen más hacia la pantalla. Hombro traer la intensidad era media. Incluiré esto o cambiaré este elemento de formas. Podemos cambiarlo ahí mismo, pero solo lo quitaré y lo traeré de nuevo. Para que podamos partir de la estrella. Retirarlo y nos asociamos de nuevo. Por lo que podemos seleccionar algún buen filtro aquí. Pasé por esto otra vez antes, así que volveremos a pasar por ello. Los marcados con a o animados. Así se puede ver alguna estimación de luz. Una vez que les debes, puedes verlas. La mayoría de ellos son bastante brillantes, sobre todo con nuestro color principal. Cambiará los colores. Como la lluvia y esas cosas. A lo mejor vamos a pasar al siguiente. Estos son sutiles. Estosno. Tal vez espacio hueco. Se ve bien. No tanto. Puede voltearlo de nuevo. Quiero decir esquina de la imagen. Sólodéjalo ahí. También puedo cambiar los colores, pero los colores son simplemente sacarlo y ver. No lo sé. Bien, creo que lo dejaremos como está. Pequeños. contenido en el medio puede volver a ser , resignarse a SAP, o se puede rociar. Y terminó ahí abajo el botón de desplazamiento. Al hacer clic en él, le llevará espacio a continuación. Nuevamente, ese botón puede estar disponible o ser visto era una visibilidad, puede estar ahí en función de nuestras preferencias. Ya hemos pasado por eso antes. Cambiaremos el texto. Bienvenido a coaccionar. Mira, oh, no, no, no, no, no. Cursos. Vamos a mover que va a cambiar el estilo del botón. lo que podemos averiguar cómo puedo poner un enlace o ahora mismo simplemente cambiaremos la forma en que se veía en función nuestros botones consistentes para alterar o principalmente en los enlaces. Cambia eso o guárdalo y veremos cómo se ve. Bien, así es como los cambios visuales que vamos a hacer es que iremos y editaremos más. Voy a ir más abajo y tratar de terminar o ayudar a más de unos bloques que se encuentran en el lado derecho. Paso este rumbo. Cada elemento viene con una simple imagen de Símbolo de Texto. Se puede cambiar. Entonces vamos a reemplazar esa imagen. Retira la imagen, y pondremos, una vez más, pondremos un diseño sencillo. Algo va a tomar algo casi más simple esta vez. Puede llevar esa animación a, eso. Se ve muy bien. Puede seleccionar un rasgo de tema o por algún degradado de color basado en nuestro esquema de color. Cerca o color. Bueno. No estoy seguro si me gusta aumentar la altura e ir con el tamaño más pequeño y disminuir el tamaño de la fuente. Bastante enorme para ese tamaño. ¿ Correcto? Cosa. Hemos cambiado el tamaño del formulario. C. Tan pequeño. Bien, eso suena bien. Lo voy a cambiar a blanco. Para ir y cambiar el color de fondo. El blanco no se ve muy bien. ¿ Hay? cuota de looks destacacuota de lookso guárdala y mira cómo se ve. 13. Diseña un sitio web con Odoo-Main Odoo-Main 2: Ahí vamos. Así es como se ve. Muy sutilmente y eso es bueno. Fresco. Bien, volvimos a ello. Slider o texto un poco de pensar y tienes el encabezado. Bonito fondo animado, y luego iremos adelante y algún texto debajo del mismo podría ser una pequeña descripción debajo del encabezado. El bloque seleccionará este elemento, que podremos venderlo y arrastrar en todos los periodos. Un área repentina en la página donde muestra ahí es donde irá. Pero entonces siempre y cuando hayas seleccionado y arrastrando y no lo dejes tomates y solo estés ahí y puedas colocarlo en cualquier lugar, o podrías recuperarlo y seleccionar otra cosa y volver otra vez y hacer el mismo proceso en todas partes. Entonces mendigo para la viga Tx, la viga es la altura es 5000. espacio de los estudiantes simplemente lo minimizará. Podría ser cualquier cosa, podría aumentarse, podría disminuir la escuela y decir seleccionar algo y ella me ayudó a ver esa caja de boxes ahí. Así es como sé que hay una caja de herramientas y seleccionarla para cambiar esos detalles. Tres columnas de las dos. Visibilidad la estás atravesando. Hay un metro seleccionado. Entonces cambiamos el color de fondo. Puff blanco preferiblemente, o podría poner una imagen de fondo, seleccionar algo de mis brazos, ir imagen ahí, o reemplazarlo. No tengo muy clara la cantidad. Los mismos filtros que teníamos antes, deslizador todas las imágenes van a jugar los bloques igual. En cuanto a vitamina a San Luis. Bordes alrededor de las esquinas. Vive las mismas formas aquí o podemos poner videos. Video enseguida. Dependiendo del tamaño del video y la optimización que será visible cuando realmente publiques el sitio web. Déjame seleccionar algo tan sencillo para este bloque. O tal vez simplemente lo dejaremos en claro. Veamos las opciones. Cuando seleccionamos todo el bloque, las opciones que obtenemos de cada bloque. Tenemos más opciones para cuando seleccionamos todo el bloque. Cada bloque tiene sus opciones justo en la parte superior. Y borra el bloque. duplicar el bloque. Usandoeste icono. Podemos conectarnos o desconectarnos de cómo se ve en un teléfono o tal vez no sea visible en espuma. Bloquear. Ese bloque se puede utilizar de nuevo con la misma configuración. Se puede aplicar un enlace en el mismo bloque. Entonces, en realidad se puede hacer clic en todo el bloque. Eliminado eso, y volveremos a ello. Una vez más. Lee algo aquí. Los números o la excusa podrían darnos una idea de cuántos cursos tenemos, cuántos alumnos han tenido. Básicamente los números que definen al estudiante o a la academia, entonces podemos tener esta pequeña área de precios, ¿verdad? Vemos estos sitios web. Puede seleccionar cada tabla comparativa. Y lo hice. Voy a aumentar las columnas, volver a cambiar los colores. Puede cambiar. Podemos sumar en todos los elementos que hemos visto antes. Algo muy básico aquí para que suene muy fuerte, bien, se ve bien. Esas áreas de sombra. Se puede poner en mucha animación. Has visto esa animación, pero el logo y el pie de página, misma animación. Los pedigríes vienen aquí. Yo estaba al tanto y ves la animación pasando. Feliz, puedes seleccionarlo. Eso es genial por ahora. Podemos leer algunas de las áreas que son CMO extra selectas. Solo veamos la posibilidad de lo que hay ahí. Esta, esta zona se llama mercenaria. Entonces vamos a seleccionar mi escenario. Tienes opciones para seleccionar todos los distintos bloques o cómo se ven los diversos bloques misioneros. Este estilo en particular podría aplicarse para un buen sitio web del curso, tal vez opciones de cómo son los cursos, un poco de texto por ellos. Eso podría verse bien y fácil dos cursos y luego podría haber un botón a continuación a los cursos pequeños. Yo sólo me desharé de ese bloque en particular. Podría o borrarlo de las opciones o podría leerlo ahí mismo. Por encima del tipo, se han ido. Tienes cosas extras ahí abajo. Puedo seleccionar ese bloque en particular y empujarlo hacia arriba. Usandoesa flecha. Puedo hacer clic y arrastrar esos iconos y empujarlos hacia arriba o por debajo. Entonces ahora mismo esa cosa ha surgido. Así que esos son nuestros textos brutos o completos de la biblioteca que ha surgido justo al lado del pie de página. Para que podamos empujarlo de nuevo o empujarlo por debajo. Vuelve a subir. Entonces lo que vamos a haceres vamos a hacer hacerlo sencillo. Y perdón por deshacerte de estos elementos extra. Sí, no creo que usemos una selección visual. Asegúrate de seleccionar el bloque correcto. Entonces sé que has seleccionado el bloque, lo borrarás de ahí. Pegado con eso, y seleccionarlo y eliminarlo, pasó de ahí. Ahora tenemos atractivo o página tan buena como las arañas y yo estaba en su lugar eso es incluso ver cómo se ve. Tal vez vaya a nuestra página de inicio está prácticamente lista. Haga clic en el botón, va a la página Contáctenos que ya estaba programada por fila, pero puede cambiarla. 14. Cómo editar contenido con Odoo: Bienvenida de nuevo. Esta página antigua que hemos construido hasta ahora. Vemos una gran cantidad de elementos aquí de módulos son todas las secciones. Todas estas fueron secciones relevantes y podemos importarlas o integrarlas fácilmente sin mucha molestia. Arriba, vemos un menú que siempre nos proporcionó. Estas son las páginas que has seleccionado. Primero construyendo un sitio web. Estas páginas solo están ahí para guiarnos más. Podemosutilizarlos. O de nuevo, como hemos visto, puede cambiar totalmente todo, todo el contenido o el diseño. Pero esto nos da un buen interior, una buena idea de qué o cómo podríamos construir la página. También voy a darnos la idea de cómo, qué tipo de imágenes podemos usar. El texto de la maquetación. Mira esa imagen allá arriba, la pancarta debajo del menú. Así que uno muy delgado. Se ve bien. Da el fondo del título. Todo está ahí, así que es una buena idea. A veces se podían levantar algunos elementos de aquí y utilizarlos. Ahora, sensoriales de trabajo en la primera página, iremos y trabajaremos más sobre cómo podemos editar contenido para hacer o para construir y desarrollar el resto del sitio web. Bienvenido y edita esto a Banner. Y podemos simplemente hacer clic en cualquier lugar y cambiar ese elemento en particular. Cambiarel tamaño. Un poco de fuentes extra grandes. Cambiar el tamaño de la fuente. Seis. ¿ Bien? Así que configura esa imagen y juega un poco de eso. Arrendamiento IP fuente buscar algo corporativo. Y nos aseguraremos de seleccionar la fotografía. Digamos. Nos llevaremos eso. Justo como lo hacemos con los antecedentes. Tenemos la opción de agregar animaciones y layouts a la imagen o imágenes. Puedes enviarle una forma muy adecuada, forma animada aquí. Debería hacer que la imagen se vea mejor dependiendo de dónde nos hayamos basado, podría haber sido no necesariamente aplicar a ti molesto que estás haciendo. Si estás trabajando en un sitio web corporativo que no encajará en absoluto, entonces podría hacer algo más sutil. De todas las huellas que viejo que nos ha dado. A veces puedes ponerte duro, pero estas son las opciones que estamos viendo ahora mismo. Seleccione cualquiera de ellos en el mirar algo realmente genial. Si se pone en el sitio web correcto. Muy, muy agradable. Los mismos filtros aquí. Hay en toda cantidad. Las mismas características de configuración, prácticamente terminaron esta animación. Entonces, cuando la página se está cargando, pero todo el contenido, las siguientes imágenes son probablemente algunos de los elementos que podrían desvanecerse al mover mi escape. Así que simplemente no te saquen de ningún lado. Así que cambia este botón para disparar resto de los botones y voy a enviar se moverá hacia adelante y disparará las piernas desde el costado. Ahora que has visto mayores nos proporciona imágenes y texto ya en su lugar. Quiero decir, parece perdido un poco, pero está bien. Una vez que lo guardes, vendrá en su lugar. El equipo Área Gerencia Área, Área de Equipo, podría llamarlo. Empleados o equipo de personal aquí. Pero luego solo volvemos a bajar. Reagan bloque de listas de referencia. El equipo volverá a ello, pero ya mismo traeremos el globo de referencia. Veremos logotipos. El uso podría ser logotipos o clientes o socios. Asociados con solo acompañar. Todos estos logotipos se ponen bajo un solo módulo. Pero nuevamente, podemos seleccionar este logotipo y editarlo por separado. Puedo seleccionarlo ese logo. En su lugar, traeré mi logo. Por ahora. Mi logo es realmente enorme aquí. Entonces tenemos toda la edición. Él está justo ahí. Se puede ver que parte de referencias, luego llega a la columna, luego a la imagen. Y aquí tenemos la imagen con esta más pequeña, aunque nos da una manera, pero luego tenemos opciones para sostenerla aquí mismo. Eso ya lo hemos visto antes. El racialismo sodas, así que cambia eso y en realidad va a redimensionarlo. Usando este medidor imaginario automático incorporado. Cambiar el tamaño de eso. Incluso puedo aumentar el número de logotipos aquí en la parte superior donde dice columnas. En la parte superior derecha ahí. Podemosincrementar las columnas. Entonces por ahora dejaremos eso ahí y volveremos a nuestra sección de equipos de la sección de gestión. Podemos tomar eso ahora mismo ves a cuatro miembros que pueden seleccionarlo y duplicarlo usando el ícono duplicado ahí mismo, pero es sabroso. Rehabilitación o duplicado. Todo el texto es imágenes editables y tabla. Puedes poner en toda nuestra inflamación, poner en las imágenes que son como. Entonces toda el área de edición es más o menos el flujo del proceso es exactamente el mismo debajo de cada elemento. Solo hay que ir a experimentar tanto como podamos el experimento cinematográfico, cuanto más trabajemos en él, más 0s se sentirán para construir nuestro propio proyecto. O imágenes de menor edad, efecto de desplazamiento. Siempre trata de utilizarlos. Eso es más de cuatro miembros y nuestro logo es que hubo una gran broma de todos modos. Genial. Bien, entonces nos desplazaremos hacia abajo. Ya que estamos usando bastantes elementos aquí con la universidad, solo los eliminaremos. Entonces la base se ve más limpia. Más sobre ese extra, su mayoría de todos los parálogos. Eliminar uno de los equipos. Mantendremos las referencias. Y en cambio traeremos un elemento más que no hemos tocado. Ahora. A ver. Vamos a traer los tribunales pueden traer los tribunales o referencias o CEO o testimonios que nos sean dados por nuestra clientela o socios. Arrastramos eso. Y eso es lo que nos da tiene tres deslizadores, sólo más ligeros. Se trata de tres deslizadores y lo que está ofreciendo deslizamiento está ofreciendo un diseño diferente. Podríamos seleccionar cualquiera de ellos. Entonces, una vez que nos desplazamos, desplazamos usando esta pestaña en particular en el lado de edición, lo desplazamos. Déjame ver que cada diapositiva tiene un área diferente. De nuevo, vamos a soplar todos esos cambios, todos esos botones de edición aquí a lo mejor que normalmente me gusta hacer es si sé, si lo sé, voy a tomar un diseño repentino y dejar el resto. Entonces es más fácil para mí editarlo a menos que si quiero, empezó a verse diferente. Prefiero que todos se vean similares. Entonces los borro usando esta área. Y mantengo uno De acuerdo a lo que quiero. Y luego duplico mi diseño de antena, que hemos estado usando desde la página principal. Más riesgoso que teníamos. Uno más y todo lo que sigue el diseño seguido. A menos que, de nuevo, queramos ir a esta diapositiva y cambiarla o ahí para que podamos cambiarla ligeramente individualmente. Y así es como se ve actualmente. Rápidamente, ve y edita este juego. Esta vez lo potenciaremos. Seleccionará el texto y lo cambiará a algo. Algo bonito, ¿verdad? Podemos poner todos esos detalles. Podemos cambiar todo lo apegado. Lo que me gustó el nombre, puede cambiar la imagen también. De la correa humana ahí. Nuevamente, se aplicaron los mismos ajustes para cada imagen. Puedo cambiar la caja azul. Puedo cambiar los colores. Se puede poner un inconmensurable ahí también. Tenemos plantillas confeccionadas para eso. Ampliar. Se ve bien, mejor para el olor del color. Y eso es todo mira hacia abajo. Entonces lo guardaremos y veremos cómo se ve junto con el resto. 15. Agregar Pages-Part 1: Bien, bienvenidos, chicos. Ahora miraremos las páginas, cómo agregar páginas. Si lo vi antes, pero voy a entrar en detalles. Ir al menú en las propiedades de la página nos dará esta propiedad de página en particular y luego podremos duplicarla fácilmente. Tenemos una página de tipo similar, Exactamente copia exacta. Puedo nombrarlo cualquier cosa. Por ahora. Deja eso y en el momento recibirlo. En el menú. Puedo ir y eliminar las propiedades y asegurarme de que mientras la página no esté activa no debería aparecer ahí. O tal vez Rolando aparezca ahí, está bien. Solo lo guardaré y luego volveré a la página principal. En ese punto, la página muestra inédito. Por supuesto que no lo ha publicado. Así que sigue trabajando en ello. O podrías ponerlo a disposición de la gente para que lo vea. Podemos publicarlo desde aquí, o podemos ir a Propiedades de la página y publicarlo desde allí. Así que ve allí y ve las propiedades bajo publicar, publicar, publicar. Así que tenemos la primera opción que nos permite eliminarla del menú superior. Entonces también podemos usarlo como página de inicio. El índice es a través de su SEO. Y obviamente alguna vez necesitamos seleccionar la fecha y hora en que me gustó para que se publique en el futuro anticonceptivo o B ahí. También puedes configurarlo para que sea visible para ciertos usuarios. Por ahora, lo dejaremos ahí. Simplemente deséchelo. Cualquier cambio como parte. Básicamente, así es como podemos agregar otra página. Después agrega también otra página tomando el nuevo enlace. Eso ya lo has visto antes. Entonces podemos agregar el patriarcado aquí, pero esta página o vulnerable ver una página vacía. Sólo le pondremos el nombre. Esaextensión de dos. Podemos cambiar el nombre o el título, la playa en el menú. Desde aquí. Lo dejaremos en el menú por ahora, para un fácil acceso. Pero ahora las páginas estaban vacías. Viejo que no nos ha dado nada porque nosotros no lo hacemos. No lo replicamos. La playa, tampoco la seleccionamos como plantilla de ODU. Entonces tomamos eso como una página vacía, lo cual está bien. Podemos construirlo por nuestra cuenta. Ahí tenemos todos los elementos. Así editada. Y empezaremos a construir la página. Lo que quiero hacer es concentrarnos en obtener una página Contáctenos, que nos permita ver varios módulos bajo el área dinámica. Además, nos trajeron imagen de paralaje. Deja que se desplace o cambie la imagen. Aquí. Mantengan esa. Escribí algo que ver con el contenido. Hace todas las categorías juntas. Entonces lo que haremos es seleccionar todos ir por fotografías que echamos de menos tiradas. Seleccione esa opción. Conducta significa diferente. Rara, bien, nos llevaremos eso. Bien. La imagen ya está cambiada, el back-end. Entonces vamos a disminuir la intensidad. Es un filtro de color Actualmente, al igual que la oscuridad. Y se puede cambiar un aplicado frente a ambos de estos. Porque vamos a seleccionar un color y luego disminuir la opacidad. Esta cosa hace que el degradado se vea mejor. Uso. Así que déjalo a eso. Muchas veces mantenemos ciertas áreas, por ejemplo, encabezamientos, texto, así que tienen que estar ahí. Así que solo mantendremos eso y jugaremos un poco con eso. Y tiene al paciente aquí, lo cual será sencillo. Entonces lo dejaremos así. Disminuir la caza. Incrementa eso. Mantenemoséste. Cambie ese texto a ocasionalmente la página Contáctenos. Impresionante. Así que límpialo. Bueno. Volveré a los bloques, arrastrando un formulario de contacto. Pero entonces creo que antes eso se tomaron de columnas. Normalmente traigo estas tres columnas dependiendo de mis requerimientos. Entonces ahora mismo necesitas dos columnas, así que las haremos también. Y también eliminar todo el contenido extra en cada uno de ellos. La imagen ahí, lo que hago, voy por debajo de columna particular, luego me desplazo hacia abajo hasta el módulo de imagen debajo de la columna, y creo esa imagen. Entonces no borro toda la columna, solo borro la imagen que es parte de la columna. Entonces digamos imagen. Haré lo mismo ahí porque no necesito las imágenes ahora mismo. Tengo este texto por allá. Iré y traeré aquí mi formulario para que pueda traer a ese capataz. Y esos son mi teléfono. Ahora se le pedirá que haga es editarlo. Nuevamente, selecciona el formulario completo o puedes seleccionar cada campo y tú seleccionas el formulario. Tenemos propiedades para el formulario ahí. En el lado derecho. Aunque las propiedades de forma regular, atributos vistos todas las formas presenta su muy simple. Pero visita de manera muy efectiva. Durante esa forma nuestra. Pueden cambiar aquellas propiedades que dependiendo de cómo lo uses. Los principales son los principales en la parte superior. Por ahora sólo seleccionaremos el texto para. La etiqueta es, digamos tu nombre de pila. Entonces podemos ocultar la etiqueta, la parte superior donde está ahora mismo, o podemos ponerla del otro lado. Prefiero esconderlo se ve más limpio. Y entonces lo que podemos hacer es podemos un marcador de posición. marcador de posición trae el nombre o el título dentro del campo y se ve mucho más limpia comparativamente. Eso es. 16. Agregar páginas-Part2: Lo que podemos hacer es poner en un marcador de posición. marcador de posición trae el nombre o el título dentro del campo. Se ve mucho más limpia comparativamente. Eso es. Siempre se puede agregar otro campo aquí. Digamos que agregaremos el texto que formará LastName. Esto sigue las mismas propiedades que el primer marcador de posición allí. Y también tienen pequeña descripción. Y si el campo no es muy autoexplicativo, puede hacer que sea necesario que podamos cambiar nuestra dirección de correo electrónico por ahí donde se enviará el formulario. Una vez que haces clic en el formulario, tiene que redirigirnos a la nada ya sea a la página o que aparezca un pequeño mensaje ahí mismo en esta página. Una vez que seleccionamos la base y ponemos un enlace aquí a la página actualmente, es ésta. Ahí es donde se llevará el formulario o el usuario después de años enviado el formulario. Para que podamos formar nuestra propia página. Puedes editar esa página. Y podemos dejar que las fórmulas sean mejores en ello donde queramos que vaya. Entonces guardaremos esa página y veremos cómo se ve. Imagen de paralaje aquí. Ahora lo que vamos a hacer es que los datos de contacto siguen siendo ver las páginas inéditas, editadas. Volver a editar los datos de contacto. Cambia el texto aquí. Perdón por eso. Voy a deshacer ese enlace de ahí. La parte superior. Al salir, enviarnos un correo electrónico, llevarnos al teléfono. Y luego aquí están mis datos de contacto y ponte en contacto con nosotros Al traer texto extra para poner un hasta detalles. Pero también podemos seleccionar ese texto en particular y puedes editarlo y ponerlo hasta detalles o cualquier otro detalle. Así que teniendo aquí dirección metálica, este slash delantero, para traer en otros lugares. Ninguno. Ahí vas. Algunas direcciones, son como Dave, yo aumento la fuente, cambio el formulario debajo de mi rojo. Ahí vamos. Y lleva ahí fórmulas de tijera. Veamos un poco diferentes y no siendo muy ruidosos. Algo muy lindo aquí. Puede seleccionar una de esas áreas y luego aplicar un color de fondo similar al elemento anterior. No deberías hacer que se vea sin problemas continuo. Salton esas líneas onduladas allá arriba. Mira, sigue a partir de ahí. Element cambiará el color aquí. Parece como si fuera contenedor, se ve pequeño. Entonces esa es toda la página de contacto y guárdala y mira cómo se ve. A lo mejor ir aún inédito. Pero hemos estado haciendo todos los cambios. Se ha ido ahorrando. Y también tengo un enlace en el menú. Entonces así es como se ve. Ypublícalo ahora. Hola, el búfer no hizo ninguna diferencia, pero está más disponible. Está publicado, y es accesible. Cambiando la mayúscula, en realidad, cambiando el nombre. El nombre puede ser el mismo o cualquier otra cosa, no importa. También vamos a cambiar el nombre principal y el menú. Neumonía porque no las necesitas. Más seguro. A pesar de que hemos eliminado oh, página del menú. Las páginas aún pueden ir a Administrar páginas y ver todas nuestras páginas que se crearon desde antes. Vamos a eliminar una página de aquí que no estará disponible. De lo contrario puedes ver todas las edades aquí mismo. Esta es una página de contacto que creamos que luego también podemos ir a la original y editar nuestras áreas o elementos desde aquí. Esta podría ser una opción más fácil. Todo está listo. Siempre puedo editar cosas ahí mismo. Volveremos al concepto de espacio que creamos y agregaremos un elemento más. Uno importante, mapa de ubicación. Acabo de copiar el código, que voy a incrustar usando este elemento embed code en el contenido dinámico. Así que haz clic y arrastra, haz clic y arrastra ese. Dice que reemplace esto con su propio código de transmisión. Entonces seleccionaremos eso y pegaremos nuestro código, que he tomado de Google Maps. Entonces lo que tengo que hacer es copiar este código de Google Maps. Voy a ir a pegarlo ahí. Ahora suele ser más viejo 640, el ancho es bastante pequeño, así que lo voy a cambiar aquí. Puedes cambiarlo a cualquier tamaño que quieras. Seguro que hay mucho de la página. Veremos que el mapa es tan fácil como eso. Otra vez. Poner algo de color en el fondo, algunos efectos. Pero el lenguaje correctamente. Pero creo que se ve bien. Entonces mapa de ubicación está ahí, rasga. Muy bien, establece esto a nuestro sencillo código. Y puedes incrustar cualquier cosa siempre y cuando el código esté bien presentado y sea compatible. 17. HTML, CSS y WhatsApp: Bienvenido de nuevo. Así es como he cronometrado el evento en las características. He visto a la mayoría de ellos. Ahora, volveremos a la edición central, al menú de páginas, pero iremos a la personalización. Primero. Miramos el área de visitantes del rastreador y hacemos clic en ella y luego la movemos. Está habilitado por defecto y puede traerlo de vuelta. Esto nos permite ver cuántas personas han visitado un sitio web y cuáles son los detalles básicos. Aunque nos proporciona algunos detalles básicos, que veremos en breve. Entonces llegamos al tablero y vamos a porque lo es. Por lo que actualmente solo vemos uno. Obviamente tenemos ahí arriba un criterio que dice últimos siete días por defecto, podemos cambiar eso. Pero actualmente porque no has comercializado el sitio web, solo me ves visitando. Puede de alguna manera a algunos buscadores. Alguien más lo ha visto. Entonces ese es el visitante del sitio web 20. Pero de nuevo, ese también sería yo porque el residual anterior soy yo. Eso lo sabemos porque me he encerrado. Pero aquí puede que haya visto el sitio web sin iniciar sesión. Así que muestra mis datos o lo que escogieran, mis datos solo en los que he iniciado sesión. Entonces aquí están los detalles adicionales, el nombre o el inicio de sesión. O simplemente podría decir que soy el número de visitante del sitio web, luego hay una página en la que estás visitando fecha para que podamos ver cuántos visitantes visitan nuestro sitio web, de qué país eres, y qué páginas son más interesantes. Volveremos a esta personalización y luego iremos al editor HTML CSS JS. Ya lo has visto antes. Pero ahora vamos a ver algo extra. Entonces, en el núcleo de la misma, este editor nos permite editar el sitio web usando código de edición HTML XML, CSS, JS. Si estoy familiarizado con ello, puedo hacer muchas personalizaciones. Estos son los módulos son, yo diría, páginas que podemos seleccionar y editar en función de nuestros requerimientos. Entonces, si ustedes están familiarizados, pueden seguir adelante y jugar con él. Entonces esa es la parte HTML. Entonces si haces clic en el menú, ves el área CSS. Por lo general, los únicos dos módulos que tienes que seleccionar. El segundo, una costumbre gobierna. Y podemos poner en todo el código CSS basado en el HTML. Los módulos de banco que tenemos. Actualmente, esta área de pie de página o un código de pie de página está ahí, pero siempre está ahí por defecto, pero está deshabilitada. Entonces lo habilitaremos y veremos lo que vemos al pie de página. Una vez que habilitemos eso. Habilite eso. Y voy a guardar esto. Nos desplazamos hacia abajo. Veremosel pedido. Están justo ahí. Entonces nuevamente, si tienes un código CSS, podemos eliminarlo o restablecerlo. Pero si tienes mucha personalización que no la restableces porque todo saldría mal. Simplemente deshabilitaremos esto, cancelaremos eso. Ya habíamos dicho algo de todos modos. Así que deshabilitó ese código. Guárdalo de nuevo. Una vez que lo guardemos, desplácese hacia abajo. Ya ves la frontera. Es, ahí, vas tú. Bien. Volveremos al editor HTML. Para eso, creo que pasará por la manera del código embed. Esoya lo hemos visto antes. Tomaremos el código de inserción. Y lo que veremos aquí es aparearse WhatsApp. Dentrode un sitio web. Ya tenemos código de WhatsApp, HTML y fuente CSS de un sitio web de terceros. Todos están disponibles en. Sí, Entonces stat Ahora lo que vamos a hacer es incrustar primero la parte HTML. Bien, aquí. Dice reemplazar esto con el código HTML. Entonces ya me llevé mi WhatsApp frío. Colócala ahí mismo, me permite agregar mi número ahí y un pequeño mensaje. De esa manera. Cuando un usuario toca lo que pasa de este sitio web, hay un mensaje automático, mensaje automático ya ahí. Todo lo que tengo que hacer es enviarlo. Y el ícono de WhatsApp ya está ahí. Es muy pequeño. Ohaga clic en él. Tiene todos los parámetros que otras imágenes o íconos tenían antes. Cambiemos el color. Tomaremosverde. Pero de nuevo, eso no es lo que está pasando, pero está bien. Puede cambiar con los demás. El fondo, puedo dimensionar, el estilo. Incluso se puede cambiar el icono en sí, que no creo que queramos cambiar. Así que guarda eso y vuelve a agregar la personalización de CSS. Ese código HTML ya está ahí y el liquen está ahí. Pero el CSS permitirá el WhatsApp, puedo flotar dentro del sitio web. Css nos permite editar todo aquí porque tamaño, posición. Pero cuando lo guardes, veremos que ahora puedo obviamente es más visible ahí mismo. Para que pueda está ahí. Ahora podemos tocarlo o hacer clic en él. Y nos permitirá, o cualquier usuario chatear con la persona asociada a ese número en WhatsApp. Muy bien. Muy bajo. 18. Etiquetado blanco: Así que al revés está hecho. Ahora veremos un aspecto muy importante. Bastante encantador. Generalmente con otras plataformas, no tienes que preocuparte por eso. Pero aunque es una forma muy profunda de poner su nombre en todas partes, pero también nos da una salida de eso muy fácilmente. Porque hemos encerrado en el sitio web, no lo vemos. Pero solo botón de cierre de sesión. En la parte inferior. El pie de página. veremos, aunque dándose crédito a sí mismos, que es lo suficientemente justo. Si creas un sitio web, no quieres verlo ahí. Especialmente si es un sitio web profesional tratando de promocionarte. No quieres mostrárselo a tus clientes. Entonces volveremos a mirar. No, no hay ningún enlace de inicio de sesión aquí. Entonces, ¿cómo inicias sesión? Terminaste inventado inicio de sesión a tu URL. Y así es como inicias sesión o tu clip a la pantalla de inicio de sesión. Entonces me siento en mis credenciales 0. Vuelvo al panel de mi sitio web. Una vez que iniciemos sesión de nuevo, veremos, no vemos impulsado por creador automático para tu sitio web, el pie de página. Una vez que inicias sesión, no lo ves, pero está ahí. Así que vuelve a la configuración de nuestro tablero y entramos en el estacionamiento. Y haremos clic en activar el modo desarrollador. Entonces, el modo desarrollador nos permitirá editar el sitio web una y otra vez, tiene muchas áreas, pero solo veremos esa característica. Ir al menú técnico. Justo ahora sube. No se hacía antes. Así que baja a la interfaz de usuario. Ahora, aunque metas, ese mensaje de promoción de marca. Entonces vamos a escribir eso y buscarlo. Voy a hacer clic en eso e ir al mensaje Ver arquitectura para promoción de marca. Y sólo hay uno que surge. Ella es excelente así que no tenemos que preocuparnos por nada más. Y ese es el código para ese mensaje de promoción de marca. Si estás familiarizado con XML en días de poca agua. Entonces está esa parte que es muy evidente. Aunque no lo sepas, XML muestra Power BI. Y luego hay un símbolo de código, ese símbolo cualquier cosa en el backend que siempre se asegurará de que no te muevas por esa ventana. Entonces el caso dice un error. Siempre puedes volver y cambiarlo. Así que lo guardaremos e iremos a una ventana privada u oculta e iniciaremos sesión en la versión de inicio de sesión del sitio web. Así que aquí no estamos loguados. Yo iré ahí y ellos van a esquiar. Hay dos se ha disparado. Ella puede regresar. Y ahora ver que la parte de arriba es blanca etiquetada. 19. SEO y idiomas: Ahora veremos un aspecto más interesante. Esto al icono del modo desarrollador. Ya has iniciado sesión. Por lo que nos muestra algunos detalles podemos ser activados. Lo dejaremos por ahora. El sitio web está listo, pero necesitamos comercializarlo en línea. Entonces vendremos a promocionar e ir al módulo Optimizar SEO SEO. Básicamente, aquí es donde ponemos un over como detalles del CEO. Lo que escribamos aquí, está conectado con qué, cualquier contenido que tengamos en la página. Voy a poner en mi título primero. Aprende el mío. Hay algunos de los aspectos que son buenos si es mejor si hay un flujo o conectividad entre el título y la descripción. Y claro, los demás aspectos de ACO que tiene que ser, hay que considerarlos como enlaces, imágenes, número de caracteres, tanto gravados. He intentado combinar algo aquí entre el título y la descripción. Ahora vamos a contenido en la página no es algo en conectividad o conexión indirecta con lo que estamos haciendo aquí. Tenemos textos sencillos en el sitio web, pero aún así intentaré mostrarte algo. Consulta aquí la descripción, las palabras clave y el título y el contenido de la página si todos tienen que tener alguna conectividad. Por lo que actualmente aquí la única palabra clave IC es aprender en línea. Y bienvenidos a tus cursos. Entonces lo que vamos a hacer es poner aquí una palabra clave. Aprender se encuentra en todas partes de la página, en la descripción y el título aquí, qué hacer nos da la posibilidad de dónde se encuentra. Entonces ya está ahí. Pero he estado mejor si hubiera puesto en la palabra clave aprender o el título, aprender todo eso en línea solo como encabezado. H1 o H2 poco mejor, cuanto más lleva, mejores días. Cuando lo ponemos en una palabra clave, hay que asegurarse de que se encuentra en muchos autobuses, en muchas áreas, en muchas áreas de la página. Y la descripción. Entonces auto nos da opciones extra también, podemos elegirlas o podemos eliminarlas. Entonces tenemos esas palabras clave porque ahora podemos agregar tantas palabras clave como queramos. O podemos dejarlos fuera. Y también nos da un pequeño adelanto de cómo se verá en los motores de búsqueda. Uno más. Ese se encuentra. Algunas zonas. Por lo que nos muestra que toma relacionados con esa palabra clave en particular, disponibilidad en la página o la descripción sólo cuando el título. Siempre es mejor tener esa conectividad entre varias áreas del sitio web. Entonces ya tenemos ahí el título. Como siempre mejor agregar en otros aspectos como enlaces, imágenes optimizadas, todas las etiquetas, descripción. Y va a marcar la diferencia en tu SEO. Ahora, veremos rápidamente el otro aspecto de esta sección en particular, los idiomas. Aunque hay muchos lenguajes instalados. Entonces iremos ahí. La opción de pie de página y silicio. También podemos conseguir el backend y conseguirlo. Pero también podemos ir aquí. Seleccionaremos el inglés, EE. UU., que es el idioma predeterminado y el idioma adulto. Y tendremos un menú de idiomas. Por hacer eso. Tenemos todos esos idiomas que auto nos ha proporcionado fortalezas. Y es algo que es muy evidente. realidad hay bastantes. Lo que voy a hacer es seleccionar italiano bajo los idiomas de auto para nuestro sitio web es traer cosas. Ahí vamos. Por lo que se activa el idioma italiano. Y en caso de que alguien que no entienda el inglés correctamente, entonces puedes elegir un conjunto de idiomas. Y puedes pasar por eso. Siempre regresa y cámbialo de nuevo al inglés o idioma que prefieras escuchar eso. Pero para desatar, volver atrás y agregar más idiomas tantos como queramos. 20. Copia de seguridad, dominio y soporte de Odoo: Bien chicos, bienvenidos de nuevo. Es la última sección de este curso. Hemos hecho un sitio web, lo hemos desarrollado, pero todavía tenemos algunas cosas que mirar. Muy importantes. Principal es el dominio parado en auto.com. Iniciar sesión. Para iniciar sesión iremos a nuestro panel de control, que a su vez nos llevará al backend automático. Ingresará y mirará otras opciones por ahí. A partir de aquí, ahora se conectará con el tablero automático. Ve ahí y ve a mis bases de datos. Cada aplicación, cada instalación es una base de datos. Para poder ver esto, no hemos iniciado sesión en el tablero, por lo que asignando conoce tu nombre de usuario y contraseña. Debes haberlo recibido en ese momento y firmar cuando configuras el inicio de sesión. Y esa es nuestra base de datos de cursos, cualquier matriz, muestra ahí un logo para que podamos pelear. Tiene ese botón conectado allá por si ingresamos directamente aquí. Y si tienes más de una base de datos y puedes conectarte con nuestra base de datos principal o con la que queramos trabajar. A partir de aquí. Si hago clic aquí, nos llevará de vuelta a nuestros cursos. Así que vuelve a una base de datos. Da click en la base de datos y veremos las opciones disponibles. Digamos base de datos y podemos duplicarla, cambiarle el nombre. Se puede descargar, que funciona como una copia de seguridad, pero no nos proporciona una forma de restaurarlo. Puedo descargarla y guardarla. En caso de que en el futuro queramos restaurar algo. Siempre podemos ponernos en contacto con ODU y proporcionarles ya sea definidos o decirles que es el respaldo que queremos. Y ellos lo restaurarán para nosotros. Nombres de dominio, muy importantes. Llegaremos a eso más tarde. Simplemente vamos a seguir adelante ahora mismo y mirar las etiquetas. Nuevamente, editar base de datos toma aquí, y compartir la base de datos o podemos eliminarla y ponernos en contacto con ODU. Accedes a esos y escribes usuarios y mueves usuarios. Ahora bien, el nombre de dominio, no creo que estés usando O2.com, digamos sus cursos, cualquier matriz staccato.com. Eso no queremos. Veremos a un profesional médico. No quiero usar en dominio. Entonces damos click en eso. Y o bien si no tienes dominio, dominio o dominio personal, entonces podemos registrarnos sobre por qué yo lo haría. O podemos usar dominio que está disponible con nosotros, como tengo mi dominio. Entonces voy a usar eso. Seacual sea el dominio que quiera usar, lo voy a poner aquí. Voy a usar mi dominio. He creado un subdominio en mi servidor, el nombre de los caballos o cualquier sistema matricial. Me comeré ese dominio. Un segundo bufete, Stan, aunque lo establece. Pero tendremos que repasar el panel de control principal y Agregar registros CNAME dominio apuntando a este sitio web en particular. Ahí. Sí. Estoy aquí bajo cualquier sistema de ductos matriciales como dominio principal. Entonces lo que voy a hacer es bajo los registros DNS, apuntaré el registro CNAME de este dominio en particular, la antigua base de datos. Entonces selecciono el registro CNAME. Pedí base de datos es por supuesto es cualquier matriz. Y quiero que mi dominio principal sea Cursos dot cualquier sistema de ductos matriciales. Estoy diciendo cursos o un sistema de puntos matriciales deberían apuntar a caballos y el metrics.com por supuesto es la matriz de sistemas ahora se apuntará a cursos y una matriz. Pero auto.com, una vez hecho eso, le daremos unos minutos antes de que inicie la función. Espera el dominio. La propagación de DNS mirará el área de soporte bajo el pie, al pie de página, el sitio web de ODU, puedo dar click en Soporte. Una vez que aterrizas en una página de soporte es bastante autoexplicativo. Cualquier problema, cualquier problema, cualquier consulta. Siempre puedes venir y rellenar los datos aquí. Son muy fáciles de decirnos cuáles son tus problemas. Y son muy eficientes. Responden en un plazo muy corto y tratan de resolver o problemas a corto plazo lo mejor que puedan, a menos que tengas algo que tenga las caídas bajo el área pagada. Bien. Entonces buscaremos ahora. Sólo voy a tratar de ver si el dominio ha sido propagado. Actualmente sus cursos y el matrix.com. Pero ahora voy a escribir en nuestros cursos de dominio que cualquier sistema de puntos matriciales, está ahí, se propaga. Entonces vemos los Cursos puntean en la matriz. El sitio web está ahora en ese dominio. Es desesperado y dominio Es mi dominio personal. Ya no es auto. El dominio auto está ahí. Pero si quiero compartirlo con mis usuarios, siempre puedo darles este dominio. No tengo que darles ese dominio. Por lo que se ve más profesional y más enero antes de que alguien se embarque en cualquier área de ODU. Odu nuevamente, proporciona una manera muy eficiente de aprender lo que han hecho. Siempre pueden volver a su sitio web y aprender cómo lo han puesto todo, cómo ofrecen diversas aplicaciones. Bajo nuestro modo demo, podemos ir a demoed en ODU.com y todas sus aplicaciones están ahí para probarlas. Podemos tomar cualquier implicación, intentar, meterse con ella. Allí se puede ver todo el código. Se pueden ver todas las implicaciones, todos los módulos. Cuando en algún momento puedes estropear tus errores. Y esa aplicación podría no funcionar bajo el modo demo. En pocos minutos se restablece y ya estás de vuelta a ello. Pero todo es solo posible demo.com y perder el tiempo con él. Si ya lo tienes instalado, puedes venir a demo, pero auto ven y juega con todas las aplicaciones. Por ejemplo, hace la aplicación contable. Toda la funcionalidad está ahí para ser reproducida en todas sus aplicaciones más antiguas están bastante bien hechas. Su aplicación de redes sociales también es muy agradable. Puedes vincular todas sus cuentas de redes sociales. Aquí. Estamos al final de esta clase ahora. Ha sido una gran experiencia. Espero que ustedes hayan disfrutado y aprendan tanto como yo. Ojalá, todos vamos a llegar a conocer más. Por favor dirígete a auto.com, aprende más sobre ello. Aplicacionesinstaladas. También puedes ir a demo.com y probar tantas aplicaciones como veas que ahora es gratis. Ponte en marcha y desarrolla sin desarrollar , sin desarrollar. Gracias.