 Bueno, antes de empezar un poco con el taller, quería saber un poco el nivel de la pared. Bueno, antes de empezar un poco con el taller, quería saber un poco el nivel que tenéis vosotros con Word, si habitualmente trabajáis con él, tenéis vuestra propia web o tenéis la empresa que trabajáis para no enrollarme con cosas muy sencillas o no dejar atrás a alguien. Así un poco por encima, ¿quién trabaja habitualmente con Word 3? Profesionalmente, diseñáis con Word 3, ¿no? ¿Alguno que no tenga ni una web en Word, que no haya tocado alguien que esté muy atrás? No, no, vale. Es un constructor de páginas que permite maquetar contenido de forma visual. Además, es un plugin de código abierto, que significa, hemos estado viendo en las charlas, el código abierto significa que cualquier persona con conocimiento puede entrar en el código que forma el plugin, lo puede modificar incluso, puede volver a redistribuir con sus modificaciones. Y es gratuito, que no es lo mismo habitualmente esa polémica entre la gente que no es muy conocedora que se cree que por ser código abierto, necesariamente tiene que ser gratuito y no es así. En este caso, este plugin es código abierto y además es gratuito. Un plugin, como ya vosotros trabajáis con Word, es un conjunto de código que señale un programa para dotarlo de funcionalidades. ¿Qué es un constructor? Una herramienta que permite diseñar la estructura de la página web sin tocar el código con un sistema dragando. No tienes que estar tocando ninguna línea de código y te permite hacer una gran cantidad de modificaciones en lo que es la estructura de la página. Esta es un poco mi historial de uso de constructores visuales. Empecé con el Viso Compose porque viene incrustado en prácticamente todos los temas comerciales. Aquí tenemos la división entre los diseñadores que no quieren usar temas y los diseñadores que habitualmente trabajan con temas y los que no quieren saber nada de los constructores y otros que trabajamos con constructores. Depende un poco de cómo sea tu trabajo habitual, tu tipo de cliente, los tipos de proyectos y te compensa más o menos utilizar una serie de temas o una serie de constructores. Ya habitualmente trabajaba con Viso Compose porque viene incrustado, te lo ponen y ya está. Con cualquier constructor te quedas muy encorsetado. El día que tú quieras cambiar, si vas a cambiar de constructor, es fatal porque desactivas el constructor y te quedan todos los shortcodes, los códigos y fuera ahí. Digamos que te casas un poco con el constructor. Yo estaba casada con Viso Compose y un día descubrí Divibilder para un proyecto porque venía incrustado en una plantilla que me moló mucho. Entonces dije, hay vida más allá del Viso Compose. El Divibilder y el Viberbilder nos conocía así en diferentes proyectos. Divibilder también es visual y el Viberbilder, este se utiliza, tiene una parte visual pero a mí no me funciona muy bien, se me queda un poco. Siempre he trabajado en el backend y al final cuando pruebas probando los otros a mí me resulta bastante orthopédico. Divibilder está muy bien, el Viberbilder es el que más me gustó por la forma de que tiene funcionamiento visual, que puedes modificar todo el, como se dice, el padding y el margin, todo eso lo vas moviendo a lo largo de la página. Pero de repente un día conocí el elemento, pero además de una forma muy curiosa porque lo conocí a través de prestasio. Lo estaba comentando a todo el mundo porque todo el mundo me dice que tenía una idea que el elemento tenía algo para prestasio. De repente compré una plantilla para hacer un proyecto en prestasio que quería darle un poco de mejor presencia, empezamos con el 1.7 y encontré una plantilla que tenía un constructor de página para prestasio que los que conozcan prestasio es la revolución, tener algo que te permita modificar el tema. Y nada, me enamoré de aquello y no sé cómo dije, a ver, ¿esta gente quiénes son? Y de repente digo, Dios mío, si tienen un constructor para WordPress, y empecé a trastearlo y en una semana así le dije a mi jefe, hasta aquí hemos llegado, no pienso comprar ninguna plantilla más, voy a hacer todo con elemento. Fue así amor a primera vista prácticamente. Y mi jefe me dijo por lo que tú digas, que para eso haces tú las webs. Entonces, ya está, elemento, todos mis proyectos a partir de ahora son con elementos. Ups, he ido para atrás, ¿no? Aquí, vale, ¿no? Maquetador visual, ¿qué quiere decir esto del maquetador visual? Pues, al contrario de cuando estás en la parte interior de la web, en el backend, que estás ahí intentando adivinar qué es lo que estás haciendo, porque todo va por bloques con el nombre, con la cajita, y bueno, según cómo sea de constructor, no adivines muy bien cómo está quedando. Esto trabajas por fuera directamente. Esto es, nada más tú instalas elemento, esto es lo que te encuentras cuando vas a hacer una página web. Un lienzo en blanco, dependiendo de la plantilla que uses, tendrás algo por alrededor, pero básicamente tienes aquí tu espacio de trabajo, ¿no? Y directamente vas echando los bloques a... No voy a decir bloques porque los bloques son de Gutenberg y luego la leamos los widgets ahí, los vas tirando, ¿no? Elijer la estructura, en este caso dos, y pues, bueno, tiro aquí un texto, tiro aquí una foto, tiro aquí un mapa, un botón, un vídeo, lo que sea. Aprovechas todo lo que te ofrezca el plugin, ¿no? Y lo vas tirando ahí, y luego pues vas modificando. Aquí sí podéis ver. Aquí cuando estás, cuando tienes activo el elemento, pues ves aquí todas las características. Ahora lo veremos en vivo, ¿no? Tienes todo la imagen, le puedes modificar. Esto está muy bien. Siempre es mejor modificar una imagen antes de subirla a la web, optimizarla y todo esto. Pero luego llegado el momento que ya lo tienes ahí, pues aquí... Oye, que me han quedado cinco pixels que no me cajan, o quince, o un poquito más para arriba, pues lo puedes modificar directamente ahí y hay que tener cuidado, ¿no? Si coges una foto muy grande, la reduces mucho, o al revés te va a salir una caca, pero para cambiarnos con tus pixels es muy práctico. Cuando estás ahí diseñando a tope no tienes que volver a editar la foto y perder un poquito de tiempo. Ahí tenéis todo, aparte luego tenéis la pestaña de estilo y avanzado, que eso lo veremos ahora ya metidos en faena. Bueno, algunas de las características de elementos, la gran compatibilidad que tiene con la inmensa mayoría de temas de repositorio y de comerciales y sobre todo con los plugins, con los principales, con los que trabajamos casi todos, los que son así más famosos o más utilizados, es totalmente compatible. Ahí me ha faltado poner con bucomers también, pero luego veremos qué particularidades tiene con bucomers. El plugin gratuito nos da unos 30 widgets y se pueden ampliar con diferentes add-ons. Ahora veremos la siguiente pantalla. O sea, hay un montón de desarrolladores que están fabricando plugins exclusivos para trabajar con Elementor y le van dando más bloques, pues aquí le van dando más widgets. Tiene páginas prediseñadas, es decir que el propio Elementor te da una serie de páginas, por ejemplo, están sacando, que me parece ahora, una vez al mes o algo así, van sacando como un paquete que te dice para montar un gimnasio y te preparan las 5 o 6 páginas de quiénes somos, el inicio, el contacto y todo eso, pues ya tematizan. Para arrancar un proyecto está muy bien porque es como una especie de tema de lo de antes que nos comprábamos el tema, pues directamente nos ponemos lo que algunos llamarían a lo mejor un skin o algo así, como una primera capa de diseño. Bueno, para el diseño responsive, vamos los que sufrimos día a día que las páginas tengan que verse en cualquier tipo de dispositivo, pues yo he encontrado mucha comodidad, eso también ahora lo incorpora Wordpress de base. Antes, es que los que llevamos muchos años sufriendo esto, yo los doy en mecha de calcular y llevo ya 10 años a lo tonto con Wordpress. Y claro, cuando estás tirando de CSS para conseguir que se vea todo en todas partes. Cuando de repente Wordpress incorporó esa vista previa interna para cambiarle, ya empezó ahí. Pero bueno, ahora lo veremos. Yo es que ya lo hago súper fácil. A veces luego tienes que tirar un poquito de código en algunos casos, pero con la vista que tiene para verlo en formato en navegador, en móvil, muchas veces luego tiras de tu móvil. Y claro, con la cantidad de móviles que hay, pues evidentemente el tamaño que elige el plugin es uno muy concreto. Luego puede variar un montón, entonces a veces hay que tocar un poquito. Pero vamos, he ganado una barbaridad de tiempo en todo el tema de adaptar la web a lo que es las diferentes pantallas. Luego tiene una cosa muy interesante también que es el historial de revisión. Que tú te vas a un... Normalmente haciendo control z, lo típico, vas deshaciendo las naciones, pero además tienes un sitio especial donde tienes todo el historial lo que has ido haciendo, entonces puedes buscar, en el momento, si llevas como 4 o 5 cosas que ya te estabas equivocando por ese camino, pues dices, bueno, pues mira, hasta aquí, y le das y te deshace todo eso que has hecho. Todo esto se resume en ahorrar tiempo para luego utilizarlo en cosas a lo mejor que realmente necesitan más dedicación. Copiar y pegar elementos, pues súper práctico también porque lo haces si estás dentro de la misma web, no solo puedes copiar y pegar los widgets dentro de esa página que estás, sino que a veces otra pestaña y te lo puedes pegar en otra página diferente. Toda un bloque de lo que sea, una sola columna, una sección entera, copias y te la llegas o duplicas también. Y esto también es la bomba, copiar y pegar estilos. O sea, coges toda la sección, copias y te vas a otra sección y le aplicas todo el estilo de esa sección y se la aplicas a la otra, que es un ahorro de tiempo también, vamos. El navegador lo descubierto hace poco porque soy muy despistada y no me había dado cuenta que estaba ahí, y eso pasa por no leer las instrucciones, claro, pero yo soy el tipo de persona que me meto con algo y solo oigo las instrucciones cuando ya digo, pfff, me he perdido, no sé por dónde voy, había un simbolito, se me acaba de caer algo, no sé si es del... ¿Se sigue oyendo bien? Si no se han quejado... No hace ni caso. Esto estaba aquí. No sé dónde va, se me ha caído, esto es importante. No sé cuándo se me ha caído la verdad. No sé dónde iba, sé que iba por aquí, pero no sé dónde. ¿Puedes coger un pincel? Sí, vale. Perdón, me corré. Perdónad, el usuario te manda. Sí, perdido. Bueno, no importa. Me he perdido. Ah, el navegador. El navegador es un pequeño... otra cajita que te permite, tienes toda la estructura de la web, todas las secciones, las colunas, entonces está muy bien, cuando estás haciendo una página un poquito alta, a la hora de localizar, a la sección que quieres, el navegador está estupendo. Y luego tiene un buscador, que es mi último descubrimiento, que tienes una combinación de teclas, que tiene un buscador que te busca cualquier cosa en cualquier parte de la web, de la parte de dentro de la web. Luego lo probaremos. Y además se va actualizando continuamente y continuamente voy encontrando cosas. Luego os contaré otra cosa al que he encontrado, pero esa no era mi despistera, que era una actualización de esa semana, ¿vale? El tema de temas, pues el propio Elementor tiene este tema. Se llama Hello Elementor y ellos proclaman que es el más rápido del mundo, claro, porque no tiene nada. Tiene lo básico, la estructura, está pelado, pelado, pelado. Cuanto más vas aprendiendo el Elementor, la verdad es que empiezas a apreciar mucho que puedas partir de aquí, porque eso está muy limpio y no te enredas con cosas que te trae el tema. De todas formas, yo trabajo en algunos trabajo con este y en otros trabajo... Perdón, si está ahí debajo, estoy un poco ciega. Hello Elementor es el básico que lo puedes instalar, que lo trae el repositorio y el otro es el Astra, que también está la versión gratuita en el repositorio. Y que yo estoy encantada también con este... Este también fui a mi jefe y le dije, este me lo compras, porque a partir de ahora ya solo trabajo con Elementor y con Astra. Astra es uno de los temas que está especialmente diseñado para trabajar con Elementor con el Viver Builder, que también se lleva un castorcillo para cuando lo... el constructor. Y también tiene un plugin que creo que está en el repositorio que son bloques para Gutenberg. Entonces, lo han desarrollado ellos. Entonces, este tema tiene un montón de funcionalidades. A veces se van pisando las funcionalidades de los temas con las funcionalidades de Elementor, con las funcionalidades de Warpers, como que todos quieren darte lo mejor posible. Y al final ya teníamos un debate en Twitter de si utilizar Elementor para todo, utilizar Gutenberg para todo o combinar Elementor y Gutenberg. ¿Cómo os podéis imaginar? Pues cada uno... somos de nuestra madre, nuestra padre y hacemos... yo habitualmente lo que hago es que utilizo Elementor para las páginas y Gutenberg para el tema de los post-titles. Bueno, ya cada uno. Y Astra lo que está muy interesante es que tiene una biblioteca de webs ya hechas. Entonces, te instalas además tiene muchos que son gratuitos. Entonces, tú te instalas el gratuito, te vas a te preguntas si quieres utilizar su biblioteca. Te instala un pequeño, creo que es otro plugincillo que te instala. Y entonces entras allí y hay algunas que son de pago, pero hay un montón que son gratuitas. Y oye, para empezar un proyecto así, rapidito y no empezar de cero, está muy bien. Y son bastante bonitos, que es otra que a veces te dan las cosas gratis y son un truño, pero estos son bastante chulos. Y la verdad es que luego enseguida te apetece comprar todos. Pienzas a probar Elementor, enseguida quieres comprar el Elementor Pro la Astra Pro porque son unos precios muy buenos y si te dedicas a esto es una emersión... bueno, yo digo para convencer a mi jefe tan rápido que era baratito. Los ados, lo que hablábamos antes no se ve nada, pero es que son tantos que tampoco esto es de la página de Elementor, lo tenéis allí lo podéis consultar. Pero están por ahí algunos de Astra, luego hay algunos que están simplemente que son empresas que se dedican a hacer esos plugins que te añaden más funcionalidades de Elementor. O sea han encontrado ahí, digamos, su nicho de mercado y desarrollan funcionalidades para Elementor. Yo es que he sido muy chula y he querido poner todas las palabras ahí para que Adon a mi entender, ¿vale? Tú tienes un plugin porque esto, por ejemplo, por si solo no funciona necesita que Elementor esté instalado para entonces añadirle esa otra funcionalidad. Y eso yo digo, podía haber puesto porque las redes son plugins. O sea como físicamente son plugins, porque tú vas y instalas un plugin, pero como lo que hacen es añadirse a un plugin que ya tienes, ¿no? He hecho bien en ponerlo porque así te ha servido para un nuevo concepto. Y luego esto, si nos da tiempo luego, dime. Sí, por favor. Sí, ahora cuando, la verdad es que estoy un poco ovnubilada con tanto Adon, la verdad. Ahora lo vemos un poco. Si nos da un poquito de tiempo, al final del software activaré el Pro que tengo instalado para que veáis qué otras cosas puede hacer, ¿no? Porque me parece súper interesante que lo conozcáis. El Elementor Pro es un Adon de pago para el Elementor. Sí. Bueno, tienes unas licencias o la licencia más gorda que tiene es para 199 webs, así que quiere decir que te compensa si eres profesional de esto te compras la licencia Pro y tienes para un montón. Pero tú lo instalas en todas las webs. Ya depende de tú si te lo pagas tú, lo pagas al cliente, ese tipo de cosas. Entonces, Elementor Pro es un Adon que es de pago. Es decir, Elementor Pro no funciona sin el plugin Elementor. Pero ya no está en el gratuito, el que está en el repositorio. Y si luego quieres ir un poquito más allá, te compras el Pro y tienes que le añade unos 50 widgets, porque va cambiando de semana en semana tiene el Time Builder se ha vuelto todo un poco farragoso todos en inglés y tal, pero es que se llaman así, no los han ni traducido. El Theme Builder es lo que te permite entre otras cosas maquetar también el header y el footer la cabecera y el pie. Pasamos el día hablando en Spanish que eso es como es una revolución. Para los que son desarrolladores y tal, que están hartos de tocar código es una tontería poder modificarse van al código y yo también pues duplicarse esto, lo metes en el tema hijo y te pones ahí a trastear pero bueno, es un rollo y yo pierdo tiempo porque yo tengo más habilidades en el diseño que empezar a tocar el código directamente. Y esto que te hace pues que directamente coges el header de WordPress y lo mandas a la porra, el footer igual eso que siempre ha sido tan que ha estado ahí tan, como se dice como que no lo puedes tocar que solo lo podías modificar con widgets, pero siempre los widgets quedan como la capa por encima la parte de abajo del todo y la de arriba del todo, había que tocarla con código y ahora pues no, pues te vas al Time Builder y dices pues nuevo header y no solo eso que tú le dices dónde quieres que aparezca solo en los posts o solo en las páginas o solo en la página de contacto o solo en la tienda o solo en los productos o sea puedes tener puedes hacer una cabecera por cada cuando vi esto me empecé a ver proyectos anteriores que me tuve que matar por hacer ciertas cosas y dije ostras, podía haber hecho esto clic clic clic así me hubiera ventilado horas de trabajo para poder personalizar los headers pues header y un montón de cosas más que hace que no me quiero enrallar para que veamos primero lo básico el popup builder que está súper chulo de ver eso es, generar popups de cualquier tipo que además tienen un montón de reglas de cuándo tiene que aparecer como tiene que desaparecer aquí, si y aquí no más grande, más pequeño todavía no lo he explotado todo lo que podría eso sí, en internet explore tiene el otro día leían no sé si era el ceo de Elementor Care diciéndole a uno en twitter o en un foro algo así como que es que no sé qué coño haces utilizando internet explore o sea directamente le dijo quítate de ahí y no sufras claro pero es que los clientes sí que lo usan y lo todo día me pasó y entonces me no pude utilizar la funcionalidad en concreto porque el cliente usaba internet explore y él quería ver la web y entonces pues tuve que hacerlo de otra forma para eso está luego que seas diseñador y que cojas la herramienta como más complicada pero es que le da una vida en la web el tema de los popup y son en dos clicks también y no tienes que estar al otro plugin normalmente mis webs eran un plugin para esto un plugin para otro el modo mantenimiento el plugin no sé qué y ahora voy borrando tenía un plugin favorito para las galerías que era súper responsivo y súper chulo fuera, ya no lo uso la página de mantenimiento nada, la página de mantenimiento me hace Elementor le pongo ahí un este de aproximadamente cinco horas con los segundos y eso se hacen dos clicks pues como súper profesionales en un par de clips los widget globales son widget, esto lo comparte con otros constructores, no estoy diciendo que sea el único que hace todo esto lo del tembuilder hay plugins sueltos que si tienes el Elementor gratuito te instalas un plugin de otro desarrollador que te permite modificar el header y el footer y creo que el tema Astra también tiene una funcionalidad para para editar el header y el footer los widgets globales esto lo conocí por ejemplo en el Bibi esto es que tú por ejemplo quieres poner en todas las páginas de una sección quieres que en la parte de abajo de la página de toda la web si no el de esa página quieres añadir la suscripción la guardas como widget global y entonces tienes una instancia solo que se va a reflejar en diferentes sitios y solo tienes que modificar un sitio porque si no tendrías que ir a cada una de las páginas que está utilizando eso y cambiarle que el cliente ara no quiere rojo quiere verde entonces lo que tienes es una instancia y se refleja en un montón de sitios que es muy práctico también y el contenido dinámico es yo solo tengo que enseñar en vivo porque no sé ni cómo explicarlo es por ejemplo con un plugin que es que maneja como se llama Custom Fields pues trabaja hay bueno en realidad podría trabajar yo he probado el toolset pero que eso es una maquinarra que tiene un montón de cosas trabaja muy bien con el toolset aunque algunas cosas se pisan y el otro es el ACF que nunca sé cómo es Advanced Custom File directamente o sea como que te lo sugiere y hay otro que no he usado luego veré cómo se llama y lo que haces es que tú metes una línea por ejemplo que es un titular y ahora tú le dices contenido y dinámico pinchas y le dices que quieres que aparezca ahí los podes sabéis tienen su plantilla y entonces aplica en esa plantilla a todos los a todas las instancias de los post pues tú en vez de coger una plantilla así como que esto es así yo te voy a decir no pues mira ahora aquí yo voy a construir la plantilla como yo quiero y es aquí me vas a mostrar el título y eliges y le das a eso la imagen destacada no pero no va a ser la imagen destacada es un Custom File que yo a lo mejor tiene tres imágenes destacadas pues tienes la que trae WordPress más la que yo creo mi Custom File creo con el ACF creo el campo y el Elementor me lo va a mostrar donde yo le diga así explicado es un pocoso eso pero cuando la veáis en acción a mí me abierto pues otra posibilidad porque esto solo lo hacíamos con código y era una lata porque tenía que enredar a mi compañero más que es desarrollador pero digamos yo soy amateur y liarle cuando él ahora por ejemplo está haciendo aplicaciones de móvil que ahí sí que está ahí sí que hace yo no se dio para nada el acceso entonces yo lo tengo que enredar en mis tareas para que me ayude a hacer una serie de cosas que ahora ya no tengo que llamar a nadie ya me hago las web de arriba abajo el continuo ya digo lo vais a ver mejor cuando y aquí pues que quería hacer una mención a los mendas de Elementor que los he conocido también hace poco ya nos conocemos como si vamos a llevar a la vida esto es lo que pasa en WordPress no sé cómo los conocí no sé por dónde vi y apunté a los newsletes y compré en el cabeza y es que no me da tiempo a leer la información que me dan porque es que ahora también me apuntan el de telegram que voy a ver si por telegram me apaño mejor por la newsletter pues lo que dice recibe las novedades de tus plugins favoritos o sea te da todas las actualizaciones de Elementor, Elementor Pro más todos los plugins que tengan algo que ver con Elementor y pues pues les quería hacer una mención aquí porque si realmente os interesa Elementor yo os lo recomiendo además en español y esas cosas que no siempre tenemos información en español de hecho lo tiene aquí destacado 100% así que nada gracias que estoy aprendiendo mucho con los mendas y bueno ahora pues me voy a meter yo que veo que no tenéis mucho solo de nada pero yo sí me voy a meter por aquí y vemos un poco y esto es el gracia del final que como luego se me olvide a ponerlo quería decir, quería mencionar a Slides Carnival que hace plantillas para Google Drive o para usarlas en PowerPoint y luego le da cuatro vueltas y no se parece mucho al original pero me fui allí a inspirarme y también Android que son las ilustraciones que veis aquí estas ilustraciones son todas de la página las puedes adaptar con el color de tu presentación que mola más voy para allá espera que les saque la foto listo ahora cuando me meto en internet Android pero voy a dar un taller me pasó dos o tres días recuscando cosas guay y me encanta porque entre pues eso si os fijáis he puesto dos o tres y bueno gratuito completamente dime si no veo pero sí es que ya ya soy miope, tengo vista cansada ya necesito napa para todo Dios mío, soy muy vieja listo entonces os pongo aquí otra vez ahora voy a ver si soy capaz de meterme primero os voy a enseñar no debe ser un draw.com lo he escrito a mal perdón ah, .co claro lo he conocido la semana pasada me he votado la aquí te cuenta un poco el porque y luego te vas aquí y tienes todo el tema este y la búsqueda entonces aquí pues eliges el color predominante y lo adapta y luego pues te pones a buscar lo que te interesa y tienes ahí y está muy bien para darle una alegría a la presentación o a las webs donde sea decir con ¿cómo? no sabría decirte, no soy espertenseo me lo miro, ya porque me las preguntaba lo miro no sé basta convencionales y eso es lo único que piden para poder utilizarlo voy a entrar a veces nunca me sé tampoco la dirección la tengo aquí por esta esto es otra herramienta que he conocido hace poco no sé si la conocéis es un sitio donde puedes crear un WordPress de desarrollo en cuatro clicks a la vez que estás instalándolo te preguntan ¿qué plugins quieres poner? seleccionas todos los que quieras ¿qué tema quieres instalar? te pongo contenido de muestra en cuatro clicks entras y te creas con la cuenta gratuita, solo necesitas un email y tienes una web alguna limitación tendrá pero realmente ahora mismo luego te la puedes descargar o te la puedes llevar, tienen ahí una herramienta Asidegram, que lo menciono porque como es patrocinado de la Workam, pues lo digo está por aquí abajo entonces cuando tú puedes hacer la web completa, trabajar ahí tranquilamente y el día que te la quieres llevar si te la quieres llevar a otro sitio te la descargas y si te la quieres llevar directamente a Asidegram por lo que usted tiene un botoncito que hace y se lo lleva y eso está muy bien voy a ver si soy capaz de entrar aquí, que tengo mi contraseñas por aquí no se va a morir en cualquier momento tenéis preguntas porque no veas, yo tengo carril para rato qué éxito por allí fuera pues estoy sincera, no lo sé no lo sé porque no lo he mirado porque me da tanta satisfacción es que me importa poco y que empece pero no lo sé normalmente ya te digo que ellos dicen que es un plugin rápido pero claro, yo no no voy a poner la mano en el fuego el gelo elemento eso sí por ejemplo sé que va como un tiro porque es que no tiene nada es la estructura no está cargando nada, entonces pues trabaja muy bien con el elemento pero la verdad es que a la hora de esto no lo sé, a ver un segundito perdóname la experiencia que yo he tenido es ups, tocándome el micro ahora por ejemplo hemos cogido una web que venía hecha ya de otra empresa y que el cliente ha decidido cambiar y viene hecha en Divi por suerte había tocado Divi yo es que en mi casa conco todo, no todo lo que pruebo en el trabajo o en mi casa o todo, voy probando todas las herramientas y la conocía y conocía a Divi y bueno pues me manejo, pero me doy cuenta de que cosas que en elemento hago súper rápido en Divi me cuesta encontrar por ejemplo lo del responsive me tuve que ir a los foros en el soporte de Divi para encontrar cómo cambiaba el dichoso la dichosa vista de navegador a tal porque es muy rara es que no es nada intuitiva y además también por ejemplo lo que es el joven cuando en español no sé como lo decimos porque yo siempre digo joven, cuando pasas el ratón por encima de algo de color o hace algo pues eso lo han traducido al español y se llama flotar y entonces yo no sé si habéis visto la serie de los 100 pero flotares cuando te expulsan de la nave y te condenan y te dicen flotar, flotar, esto que significa resulta que es porque han traducido cuando todo el mundo creo que usamos joven y no sé como decirlo de otra forma pues esas dos cosas las tuve que buscar no tengo yo tiempo para estar buscando eso son tonterías que elemento me parece mucho más intuitivo pero es un gran constructor Viver, Bilder y Divi, yo os animo también a que lo probéis pero yo me enamora de elemento y ya no me sacan de ahí yo le preguntaría los de los mendas de Elementor que eso creo que me parece que lo tiene mucho más controlado no sé si de verdad porque es que no lo sé no tengo lezo técnico, no lo he comprobado leo conversaciones sobre eso y yo entiendo que hay herramientas que lo controlan pero cuando tú vas las conversaciones y las discusiones de la gente parece que no es tan cien por cien no es tan claro porque siempre está no porque si te carga esto no pero una cosa que si te evita es instalar un montón de plugins entonces por ese lado yo creo que liberas bastante la web pero sinceramente en temas de carga esa parte no la tengo controlada un segundo, a ver si me concentro y encuentro la contraseña perdón aquí y esto lo conocí porque nos llegó una web en la que el anterior desarrollador se había dejado las url no había hecho la limpieza después de la migración y la web estaba alojada en un sitio y todas las fotos las tenían lanzadas aquí y en internet no se veía nada qué ha pasado aquí y rascando las url digo que es esto de demonos que no sé cuánto y me parece una herramienta también súper chula este es el panel de administración y esta es la web que he creado y bueno porque quería que lo vayais así y nada simplemente la web accedes normal una vez que estás ya una vez que estás aquí ya es una web normal esto hay un fotillo de mi malaga de mi malaga querida es que claro yo iba a escribir yo voy a usar esto me digas que no tengo encogido esto aquí un momento que voy a entrar por aquí un segundo si va o no va bueno pues nada me cambio la contraseña ahora me sentaré porque estoy aquí haciendo el tonto de pie dejar el ordenador bueno pues este es un Word Prespelado que le he instalado le he instalado estaba probando cosas le he instalado el Elementor aquí está el Pro pero lo voy a desactivar para que no veamos las funcionalidades perdón y nada vamos a ir a ver el sitio que es el sitio esto es lo que hay no hay nada sino nos vamos a estar liando con lo que es el tema y vamos a ir por ejemplo a la página directamente a crear una nueva página aquí es por defecto lo que veis con el Gutenberg entonces directamente pues le damos a botoncito de editar con el Elementor para que nos lleve al constructor y esto es lo que he enseñado en la primera el ejemplo de la presentación aquí pues directamente yo no sólo empezar a decir siempre suelo empezar con alguna plantilla y tal vamos a ver aquí lo que podemos empezar es a hacer estructuras que son de diferente por ejemplo elegimos esta de 3 en el momento en el que estás aquí trabajando pues oye que de tres iguales no si quiero pues empiezas a manejar directamente el diseño así sin tener que pensar sin tener que pensar nada de código no vas manejando esto luego pues si quieres una nueva columna pues añades otra columna de forma infinita os voy a contar una tontería del Visual Composer y es que no existen las secciones de cinco columnas o por lo menos cuando yo la abandoné no existía hay de una, de dos, de tres, de cuatro y lo que parece una chorrada se convierte en un problema mayor cuando los elementos que tienes que mostrar son cinco pero claro, dile de tu eso al cliente cuando tiene cinco servicios entonces empiezas, lo pongo en tres y dos, lo pongo en... es una chorrada y cuando... aquí aquí no sólo tiene no tiene ninguna limitación de columnas y luego incluso tienes... voy a quitar unas pocas esto es una guarredía tienes las secciones las columnas y aparte tienes la sección interior que coge una columna y dentro de esa columna te hace otras dos columnas y en fin, así ya está el infinito voy a hacer una cosilla primero para ver un poco... aquí en este caso es tenemos la... oye, la palabra biblioteca se me atasca la biblioteca que os comentaba antes, uuh, esta es nueva que le van sacando, creo no sé si es un almés o así toda esta que se parecen esto es como un pack de plantillas que tenés, es verdad, la del fotógrafo entonces, esta, por ejemplo, no la puedo instalar porque es la Pro, ¿vale? vamos a ver alguna de estas claro, en cuanto tienes que conectar o sea activar el elemento de Pro, meterle la licencia entonces ya te deja instalar estas el funcionamiento es el mismo, así que vamos a coger cualquiera de estas esta es un poco diferente a lo que es el Astra, como funciona el tema Astra, tú le das a un botón y se pone a trabajar un buen rato y te prepara una web, te instala la web con todas las páginas todo el contenido, esta es lo que haces por ejemplo este es un pack de los que son iguales pero yo me puedo instalar solo esta página yo la cojo, pero esta no puedo esta vez que son así 3 o 4 iguales a ver, tiene que ver por abajo las otras espera, perdón, eso tiene que ver que tiene un filtro aquí porque no esto creo yo que tenía un filtro aquí de las gratuitas, tienes también le puedes decir que todas vayan con borde que todas vayan con, aquí por ejemplo ahora debería ves, sobre la marcha ya, todas las imágenes de tu web van a tener aquí probablemente tengan puesto algo personalizado y no le ha cogido pero aquí ancho sobre la marcha, ya sabes que todas las páginas todas las fotos de tu web están haciendo al final te agobias un poco porque no sabes donde has hecho la personalización si en el tema, si en WordPress si en Elementor pues ahora ya Elementor lo incorpora dejaré de hacerlo en el tema, para no perderme o sea, lo está cogiendo todo perdona túcese, se lo puedes poner en WordPress, te vas a personalizador de WordPress y tienes un espacio donde metes el CSS, por ahí sin problema, pero lo que tiene en Elementor es que cada cada uno de sus bloques, el otro día descubris que voy a sacar el navegador aquí es que claro, yo veía esto aquí y no sabía lo que era, hasta que le di, aquí tienes toda la estructura vez, te va llevando y puedes además ocultarla pero si, oye, me molesta para trabajar, eso por ejemplo cuando estás diseñando, soy diseñadora gráfica también, y a veces tienes mucho ruido en la pantalla y oye, me voy a mover el lienzo para acá me voy a ir en una esquinita, voy a seguir trabajando o el mismo que tiene WordPress en el constructor, tiene el modo como es te das un botón y desaparece todo y solo tienes el lienzo o sea, donde escribes el texto pues eso también tiene aquí todo este tema bueno, para ir navegando pues aquí el otro día leí, porque todo esto voy viendo así, a saltos, bueno aquí no lo puedes ver, pero que cuando tiene cuando ves cada uno de los bloquecitos, cada uno de los widgets, cada uno de las columnas cada una de las selecciones todo tiene su su cajita para meter CSS personalizado ¿Por qué hacerlo en un sitio? ¿Por qué hacerlo en otro? Imagino que los desarrolladores de mucho tiempo lo seguirán metiendo en el sitio genérico a mí esto creo que me va a servir para ser un poco más ordenada porque a veces te vuelves un poco loca metiendo CSS y tienes que ver muy metódica para tener tu hoja de estilo ordenadita al final luego dices, ostras he metido aquí de todo y aquí lo que haces es que vas metiendo en cada sección tú le puedes poner aquí tienes o le metes una clave y directamente aquí luego gestinas todo ese CSS y aquí en el navegador te aparece un simbolito que ahora no recuerdo cuál es que te indica en qué parte tú has metido CSS entonces cuando si tú estás aquí por ejemplo muchas veces estás trabajando en este y tú las aplicas a un CSS te tienes que ir al personalizador de WordPress buscar el código y modificarlo añadir cosillas, pero si lo tienes aquí lo estás viendo modificas, lo ves en el momento y no tienes que irte a otro sitio te quedas viviendo en Elementor todo la última modificación de Elementor es que antes tenías que irte a un sitio diferente para tocar el header o el footer porque son como plantillas la última modificación es que ahora ya no tienes que salir de la página yo vendría aquí, tocaría mi header y directamente lo estaría modificando aquí esto lo han hecho también la semana pasada lo que te digo, que tú estás aquí en la página y al final tocas todo, no vas a tener que ir a ningún otro sitio quieres cambiar los estilos del tema abres aquí estilos del tema modifica, quieres tocar el header aquí directamente lo voy a tocar quiero añadir CSS aquí o sea, vives aquí directamente entonces espera, me he empezado a enrollar y me he ido de medio del sitio lo estábamos viendo esta sección tienes la pestaña de esto cambia según si estoy tocando por ejemplo, esto es un encabezado pues el contenido viene su título si lo quieres poner un enlace aquí tienes las opciones esto tiene como por defecto unos tamaños estándar pero luego si quieres personalizar un poco más aquí tienes la pestaña de estilo dependiendo también de lo que estás tocando tiene una serie de opciones esto es nuevo me parece que no está ni implementado esto es pro, la etiqueta está dinámica que es lo que os decía antes ahora la han hecho para los colores de texto así que vas a poder tener por ejemplo que te digo yo en el blog tienes cuatro categorías le vas a poder poner los colorines por ejemplo, la categoría pasteles en un sitio de recetas, pasteles sopas, carnes no sé qué pues le vas a personalizar el color se lo vas a decir desde el post cuando tú escribas un post vas a decir por ejemplo, título texto, foto y el color de este post y le vas a meter el código exadecimal de ese aquí cuando utilizas esto vas a ir a buscar y vas a decir aquí muéstrame el código que yo tengo metido en el post esto es nuevo, está puesto el otro día lo puse en twitter decirme por favor que esto no lleva aquí mucho tiempo porque yo no me había fijado que los colores tenían contenido dinámico y entonces alguien me contestó y me dijo lo han puesto en el gratuito para que lo vayas viendo y estará implementado, me parece que es la versión 2.9 o así del pro, o sea, estamos todos ahí porque todavía no lo hemos podido tocar pero yo te lo han puesto entonces en este caso pues dependiendo del buche que estamos tocando pues tienes este por ejemplo es la foto con el texto, tu texto tu foto y luego en el estilo tocas cada una de las cosas pues el contenido quiero que sea de tal color muy que feo tiene también una funcionalidad el mentor en el que tú puedes subir los archivos aquí tiene las de google font miliones de google font pero si no sin una de esas son las que quieres usar tiene este lo tuve que usar por ejemplo en el del rock and roll porque tenía un tipo de letra muy específico a ver si soy capaz de encontrarlo espera aquí mira que esta fuente espesa es del pro, aquí lo que haces tú es, normalmente para utilizar fuentes que no son estándar o que no están incluidos por ejemplo, esta utiliza google font porque tiene las librerías esto ya no forma parte de mis conocimientos técnicos pero tiene las librerías de google se conecta con aquello y entonces puede tirar de allí elementos te permite subir los archivos y si nada de tocar código ella se va a entender y te va a permitir utilizar cualquier fuente que tú le quieras utilizar que te has descargado, que las comprado o lo que sea y sin tocar nada de código cosa que, para ponerlo en código es bastante entretenido de igual, tú no tienes que saber si eso antes era difícil o era fácil vas aquí, subes los archivos que has comprado, que te has descargado porque sea una fuente gratuita o libre y ya está, le dices usame estas y entonces automáticamente cuando estés aquí trabajando pues además de todas estas que te trae por defecto que la verdad es que son para aburrir y te da para mucho, pero si tienes un cliente muy concreto con un tipo de letra muy concreto sin saber nada de código te lo subes y te aparece aquí directamente y esto es para la idea era que tuvierais ordenador y pudierais trastear vale y en avanzado tenemos pues todo el tema de los párgenes aquí si os voy a enseñar aquí en este simbolito tenemos por ejemplo una cosa que se vea un poco mejor aquí por ejemplo que toca tocar al espaciador, yo también este es que le ha puesto de fondo aquí tenemos por ejemplo pues le voy a dar de margen 50 por aquí y 50 por allá por acera, pero 150 que así se ve más cantoso entonces luego digo vale a ver, si no toco nada la tablet y el móvil van a tener eso que le he hecho al principio en el móvil normalmente siempre se ve toda una mierda una vez que has tocado los párgenes pues le dices en el momento ya que empiezas a tocar aquí ahora mismo he limpiao le he dicho que cero todo normalmente en los móviles usas poquito margen porque intentas que ya por defecto la plantilla lleva unos márgenes mínimos para el móvil pero veis aquí ya he limpiao ya se ve todo perfecto o con el tema sobre todo con el tema de las letras de los textos tienes aquí por ejemplo pues lo mismo perdón estilo tipografía pues esta tiene tamaño 50 aquí sobre la marcha me voy al móvil y digo pues que esta aquí me queda muy chiquinino prefiero que se vea que sea más grande y bueno en un momento tienes perfectamente perfectamente ajustado todo lo que necesitas yo siempre recomiendo luego hacer algunas previllas en algunos dos o tres móviles porque claro no es lo mismo la pantallita que tengo aquí que mi compañero tiene una que eso ya eso le queda aún nada para llamarse tablet porque de verdad que es tremendo entonces bueno aquí te da una idea pasa lo mismo con el previsualizador este que tiene WordPress a mi me parece que es bastante pequeño por la este que tiene aquí te voy a enseñar apariencia personalizar ahí es donde tienes todo el tema de css y aquí tienes lo mismo que esto antes no lo tenía cuando esto apareció pues era una gozada por lo menos te da una idea este trocillo que da del móvil no lo veo muy realista pero bueno te ayuda a darle sobre todo con el tema del css no hacerte una idea pero bueno siempre hay que luego echar un vistacillo a sobre todo dependiendo del cliente que tengas si está muy orientado al móvil según como sea el proyecto es mucho más importante que se vea perfecto en el móvil y que luego en la web pues bueno que sea un poco más aquí tenemos el historial que es lo que comentaba antes que tienes todo todo lo que he ido haciendo todas las tonterías que he ido haciendo de todo el rato pues puedes ir deshaciendo exactamente deshacer todo lo que has estado haciendo desde el principio, edición iniciada ahora está exactamente igual vale entonces os quería enseñar una tontería pero que estuve comentando ayer en la charla para que no os asustéis como me pasó a mi cuando metes el editor de texto tenemos unos traduptores de WordPress muy cachondos que yo tengo que hablar yo con ellos los que trabajáis habitualmente con con diseño solemos meter el lore nipsum que tienes un generador que te parece un esto en latín y que entiendo que en la versión inglesa de este plugin pon eso yo como no lo hacía ni caso tardé bastante tiempo en darme cuenta que aquí teníamos el lore fistroom por la galoria de mi madre ese hard lag dije como le enseño un día a una web en desarrollo en cliente y me lea esto me va a decir que estoy con una cabra pero bueno, quería enseñar porque esto es gracias al equipo de traduptores que tenemos en españa que son Delban Majo que han puesto este sistema en vez del otro vamos a ver, creo que voy a instalar voy a activar que me queda por aquí vale, os quiero enseñar una página a ver si soy capaz de encontrarla que vio el otro día Elementor pro que vais a ver una cosa que han montado los desarrolladores lo difícil que es, estoy que hacerlo con Javascript y no sé que todo el tema del movimiento de los elementos a ver si soy capaz de si no olvido esta mañana buscar espera os lo pondré por ahí por twitter o algo porque es una página en febrero el 11 de febrero es cuando pusieron los estilos de los temas y a mi me pillaron y digo esto es nuevo me lo apunté luego os lo busco y lo paso por twitter voy a activar el plugin por dios, seguí un montón de páginas perdona eso es lo que quería enseñar pero es que se me ha olvidado se me ha olvidado apuntarla o era el de donde estaban explicando esto porque es una página como del espacio con un astronaute y una nave y todo se va moviendo y está hecho sin nada de código simplemente está puesto a ver si me concentro en un momento y busco un artículo que te está explicando la funcionalidad esto pero voy a activar por dios a ver si me salgo de aquí voy a activar Elementor Pro para incluso solo tenéis una web vuestra propia creo que son 40 dólares o algo así al año y es que es que no merece la pena ni pensarse y luego con las licencias no me llevo comisión el otro día me mandaron un tweet y me regalo a casa por dar el taller espero una camiseta de elementos y me la dar me daré una foto pero no me llevo comisión de las licencias ni nada de eso que quede claro les doy proporción gratis así de todo vamos a ver si soy... que me parece que que merece mucho la pena el coste si eres desarrollador el coste de la licencia es de 199 webs es de 100 y pico $1.000 esto son capaces de haber cambiado Elementor o por dios estoy del revés y no escribo bien 199... $1.000 web $1.000 web que lo estaba diciendo al revés por experiencia os digo que es que incluso para una sola web te merece la pena lo que te dan además que es una gente muy maja eso también hay que decirlo que parece una tontería pero tener un soporte técnico apañado y que... o sea que no solo te está solucionando sino que oye que son majo que se preocupan que tal, hay que hablar me pierdo de la plantilla Elementor pro aquí vamos a refrescar y entonces ya estarán habilitadas las cositas que lleva el pro sobre todo te lleva un montón de un montón de widget más de hecho aquí te los van organizando por básico y estos son los nuevos pro por ejemplo para el tema de por ejemplo hay que no lo encuentro no tendré post claro al escribo alguno voy a enseñar voy a borrar todo esto porque me mareo con el contenido lo que os decía del contenido dinámico aquí no es aquí estamos en el team builder tenemos una de las funcionalidades principales del Elementor pro que es crear si os fijáis aquí tenéis el header el footer, las plantillas para los single que son los post o los custom post y si tuvieran instalado bucomes que se me ha olvidado ahora mientras hablo lo instalo te aparecen también para los productos y tal vamos a poner bucomes no sé si soléis hacer tiendas online nosotros es que sobre todo hacemos con presta shop en la empresa pero yo como toco todo tengo un par de estas la de rocking race es con bucomes vendemos entradas reservas de hotel transfers para que esto nos lo vamos a asaltar así ya vemos todo han aparecido ahí todo lo que cuento es puedes crear un header, un footer y luego las plantillas las plantillas aquí te dice pues que para que lo vas a hacer para una entrada, para una página para el 404 por ejemplo pues vamos a la plantilla pues creamos la plantilla el problema es que no tengo ninguna entrada creada voy a hacer una sobre la marcha pues le añado una imagen destacada y le pongo aquí un poquillo de texto porque si no no vamos a ver nada a la hora de quizá queda el pobre un poco pillado estamos donde estamos antes de crear nada os voy a enseñar lo de las reglas aquí es no te dice como por defecto hemos arrancado con las entradas ya seleccionado donde lo va a mostrar pero podemos decir que lo muestren todas las entradas o en la categoría en la categoría tal en la etiqueta tal solo las entradas del autor tal puedes crear una plantilla para cada uno de los custom posts o autores o categorías o una personalización y luego además puedes hacer diversos filtros puedes ir añadiendo todas las condiciones que quieras en este caso tienes aquí para poder previsualizar puedes elegir uno de los posts en concreto que quieras previsualizar y para empezar puedes utilizar para empezar puedes si tienes el pro te trae plantillas ya hechas de lo que sería los posts de estas no hay ninguna gratuita no se si como tengo puesta la al final como me he conectado con la cuenta vale tengo que poner la licencia para que me deje entrar directamente pues ya tienes preparada yo lo que me pasa es que siempre utilizo un piezo con una de estas y luego la la desmonto entera digo no se para que empiezo por entonces vamos a empezar si directamente aquí te ofrece ya lo básico que suele tienes el post titel muy original el post que no tengo yo en este nuevo hecho la imagen destacada que más tomas le pongo el contenido del post que nos lo he puesto esto es la plantilla mira lo que estoy haciendo que lo estoy haciendo muy feo esto es las las normas que yo le estoy diciendo a gorpres para que me muestre el contenido del post de esta forma ahora está horroroso feo entonces pues por ejemplo añides una columna y ahora pues le pongo el título aquí y le pongo el contenido aquí y en fin puedo jugar con todo esto pero estos son como los que hay como por defecto pero como os decía antes yo puedo añadir simplemente por ejemplo un encabezado y aquí tengo etiqueta dinámica, entonces yo puedo crear infinidad de custom field de campos personalizados yo ahora voy a hacer recetas por ejemplo entonces el post normal de gorpres tiene título, imagen destacada, el contenido y luego si añades plugins te puedes añadir cajitas que puedes ir rellenando yo voy a hacer recetas por ejemplo entonces lo que voy a instalar es el plugin que se llama ACF la advanced custom field lo voy a hacer ahí sobre la marcha mira de verdad el teclado este tiene también su versión gratuita los plugins que no tienen versión gratuita no saben lo que se pierden de visibilidad así se lo digo puede que sea mucho trabajo para ellos pero estando en el repositorio de gorpres es como lo vas a aprobar es como lo vas a aprobar y luego te vas a animar a comprar entonces ahora que instalado se puede ser ese u otro se no tiene porque ser ese un momento que tengo que refrescar perdón si, eso es de hecho te voy a enseñar así ya lo ves perdón te me equivoco con la palabra te enseño este que ya está montado y así estos son productos que lo he montado así a trozos es decir todos estos son los trocitos que yo he olido metiendo no es la plantilla de bucomers habitual ni es la plantilla del tema que a veces los temas traen una plantilla para poder modificar que son adaptados esto directamente he ido echando aquí los bloques que me han dado la gana con el estilo que me han dado la gana y entonces aquí quería enseñaros yo lo que he puesto aquí es un título yo puedo escribir el texto del título y por ejemplo aquí este por ejemplo vamos a poner otros posts relacionados lo típico yo por debajo pongo lo que sea y pongo aquí mi cacharrito de los posts pero si yo lo que quiero es utilizar contenido dinámico que ya va metido en el post primero tendré que crear un esto aquí tenemos instalado el ACF y tenemos lo de los campos personalizados que es tan fácil como añadir un grupo llamarle posts por decir algo y creamos el primer lo decimos lo vamos a mostrar en los posts y aquí pues digo me invento un campo que va a ser segunda imagen destacada por poner algo básicamente aquí hay un montón de configuraciones pero básicamente es eso en este caso vamos a ir al post en si ahora voy al post claro y tengo mi post estándar que ahora en realidad se ha convertido en custom porque acabo de meter aquí que soy tonta y no le he dicho que es una imagen pero es imposible que me ponga el cacharrito para subir imagen aquí y lo que era un texto que lo había dejado mal pues ahora esto tengo la imagen destacada de Wordpress que va a ser la segunda imagen destacada entonces ahora vengo aquí publicar voy a guardarlo entonces ahora tenemos los posts que todos tienen título, imagen destacada segunda imagen destacada y contenido y eso cada post va a llevar su información y aquí estoy viendo cómo voy a mostrar todo eso entonces aquí digo pues no sé porque cada vez hago una sección que manía tengo voy aquí busco imagen y en este hueco de la imagen cuando voy podría subir una imagen que sería que se mostraría siempre la misma imagen en todos los posts pero aquí lo que quiero es mostrar la segunda imagen destacada me voy a etiqueta dinámica está por ejemplo me dice pues aquí puedes mostrar la destacada esa ya la tengo arriba puedes mostrar el logo del sitio me tira de todas las y aquí encontramos todos los campos que son de la CF entonces yo le digo si quiero mostrar un campo de CF y ahora vuelvo a pincharle y ya te dice cual quieres y te deja elegir ahora mismo no me está dejando me debería dejar pero no me deja aquí te parecería segunda imagen destacada voy a volver a guardar aquí por si acaso por si acaso no he grabado algo el que perdón para el contenido dinámico tiene que ser pro no sé por qué no me está dejando pero funciona así entonces puedes meter una imagen texto y ahora como habéis visto lo nuevo era que puedes meter ahora sí se ve que no había guardado en algún momento segunda imagen destacada parecería ahí pues en cada uno de los posts va a coger yo he hecho por ejemplo eso lo me vino muy bien el otro día en vamos a punto es creo que es que me estoy cargando el cacha claro yo tenía esta situación de un edificio en el que tenía toda la planimetría de cada una de las viviendas y de repente empecé a decir tengo que hacerla una a una y luego el cliente me dice no, a mí no me gusta esto por aquí y de repente dije pero si tengo el mentor y el tal y voy a hacer ahí, entonces aquí esto que se ve a la derecha son custom posts de hecho con otro plugin creé lo que es el custom posts porque lo que estábamos tocando hasta ahora era el post genérico de WordPress pero tú hay un plugin que se llama custom posts todo algo así, otro gratuito y es entonces tú, dices voy a crear un post que se llame planos de hecho es lo que hice y lo construyo desde cero porque los posts de WordPress son del blog no sé si me estoy explicando entonces yo he creado uno que se llama planos desde cero y a ese post le he dicho pues va a llevar el título, la descripción y la foto del plano y entonces luego me he ido al elemento y he creado la plantilla de para mostrar esos planos entonces me diría un día que me estaba bloqueando mogollón y de repente dije pero si estoy con el elemento es muy fácil y efectivamente pues si ahora el día de mañana el cliente me dice que quiere el título en verde o que quiere añadir un campo más por ejemplo, entonces yo iría y digo ahora me falta las calidades por ejemplo voy a poner las marcas y me iría a mi custom fill crearía otro custom fill que se llamaría calidades o lo que sea tendría que rellenar claro toda la información que me da el cliente relleno todos los posts y con el elemento le digo donde quiero mostrarlo pues en este agujito de aquí abajo para el que lo ha hecho con desarrollo y eso pues implica tocar un montón de código y crear la plantilla con el PHP y todo este tema que está muy bien pero para el tipo de trabajo que yo hago a mí me permite hacer esto web como vamos con una velocidad y luego me permite enseñarle al cliente a modificarlo porque depende de cómo sea el cliente algunos que no quieren saber nada de su web pero hay otros que quieren poder modificar todo y entonces yo ahora le puedo dejar al cliente que modifique vamos a hacer un header que modifique eso, su menú que sea espera que si no me concentro aquí estamos en el ten builder añadimos uno nuevo pues un gd un gd se llama gd y entonces ahora lo que vamos a hacer es la parte superior perdona para permitir que lo usen unos y otros no creo que sí que tiene veis que eso es lo que pasa que como no la uses pues claro sí que creo que tiene dime sí la de que se mueven las cosas guay ahora lo vemos porque me quedé fascinada el otro día creo que está mira aquí gestor de perfiles mira otra cosa que me gusta de Elementor que las cosas la llamamos un hombre aquí tiene yo tampoco la he tocado porque a los clientes en realidad no la he llegado a probar pero pues te dice más o menos no si tiene a lo que tiene acceso, no lo he probado no sé como le limite las cosas pero ya sale perdón no sé si había dicho alguien algo dimela barra barra claro es que era un post que encontré que explicaba una nueva funcionalidad y luego te daba el ejemplo esto tengo que ponerlo yo en el taller sí pero viene ah pero es que salen no es Action League es que motion era el creo que más motion effect este no gracias pues no sé si tenemos sonido aquí no sé si hay si no pero digo que es que es que está muy guay si podéis verlo en casa porque tiene el sonido tiene el sonido así como del espacio y tal y bueno te va primero tiene el parallax por ahí pero si os fijáis también está cambiando de tamaño el planeta y luego aquí esto es con el ratón esto es todo lo que podéis hacer con un par de clicks esta foto quiero que se mueva con el ratón te va contando hay historias con la musiquilla pues le queda muy chulo luego está aquí el ahora ha empezado la música ahí tenéis todo eso son elementos independientes que son simplemente fotos que se están moviendo gracias al efecto que tiene este habilitó ahí claro que también aquí tenemos que tirar de la creatividad una cosa es que plugin haga sea bueno pero la creatividad es nuestra está súper chulo se la incurra bueno y esto ya yo tengo que hacer esto y me da un soponcio porque aquí hay un montón de elementos que se están moviendo todos son fotos aquí te está explicando el movimiento por el vertical por el horizontal los efectos de opacidad de distorsión de rotación de escala cuando introdujeron esto aquí aquí por ejemplo en avanzado efectos de movimiento entonces tienes mil millones de opciones pues que te va cambiando ves ha hecho dos clicks y ya tengo un efecto que con código pues se lleva un ratillo con la combinación de todo eso tampoco nos lo damos locos los acordetes antiguas páginas llenas de GIFs todos los ratos en movimiento todo flash gracias a Dios flash murió cuando sacaron esto de definitivamente hemos acabado con flash todo twitter aplaudió bueno, estábamos en el contenido dinámico voy a quitar esto que no me asimaré estábamos eso, andíamos metido a ponerlo más chiquitillo esto entonces al final lo que tenemos es no sé porque estoy con el ejemplo de las recetas pero me sirve mucho porque puedes poner en cada receta la foto del final y luego como mejor cinco fotos para todos los pasos antes esto todo era comprate una plantilla que sea para hacer un sitio de recetas para llevar todas las funcionalidades integradas y que te quedas atrapado con esa plantilla el día que esa plantilla no la quieras usar pero quieras seguir teniendo tu sitio de recetas lo vas a tener bastante mal que iba a decir una palabra brota pero ya he dicho un par de ellas y es verdad que en este caso estás atrapado con elementos pero yo ya me quedo aquí entonces de esta forma puedes crear tus custom pods con un plugin gratuito creas los custom fields y con otro plugin que es gratuito pero tienes que pagar la licencia para que te permita usar el contenido eso son 40 dólares al año yo creo que merece muchísimo la pena coges todo ese contenido del plugin y lo vuelcas en tu plantilla lo que he dicho está el ACF que funciona estupendamente hay algunos plugins que se esfuerzan en trabajar con elementos es decir, les interesa entonces está la CF está el toolset que también he trabajado con él y hay otro que no recuerdo cómo se llama pods me suena de haberlo pero no llegaba a trastearlo y luego la cosilla así un poco que les gustará a los que andáis trabajando con bucomes lo voy a enseñar por dentro es poder tocar todo el tema de a ver, que me concentres David si hablo y gestor plantillas podemos modificar la plantilla de los productos y efectivamente, yo por ejemplo en la que os he enseñado de Rocking Race ahí tengo una plantilla para cuando los productos del hotel tienen habitaciones y otra plantilla para cuando los pongo en agotado porque no me interesa mostrar el hotel agotado y ya entonces le pongo las alternativas de los otros hoteles o cosas así tiene un pequeño problemilla no sé si con el ordenador o con el navegador si os fijáis, ya os aviso cuando encuentran el elemento le cuesta cargar porque tiene algún problema con la plantilla, con algún plugin o con algo te va a ofrecer cargar activar modo seguro que no sé qué es lo que desactiva y por lo menos puedes trabajar hasta que luego encuentras que es lo que te está molestando no sé si será la conexión en este caso ahí tengo puesto la música y ya decía yo digo estoy aquí toda relajada y es la música de estos no sé si es aquí si os fijáis, luego le he desactivado antes y ha funcionado bien entonces como estamos en un vamos a ver, tiene que estar por aquí bueno voy a ponerlo aquí directamente no sé si estoy en la que he abierto ahora pero no es esta aquí entonces pues tienes tienes por defecto que puedes directamente poner los elementos tienes los productos bueno que no tengo productos claro tienes dos formas de poner el contenido tienes los widgets propios de bucomers que ya te va a venir el título del producto, el nombre del producto el precio del producto y puedes soltarlo o puedes volver a utilizar por ejemplo a mí no me gusta como muestra la imagen es que a veces está en inglés y a veces está esto no tengo no por defecto la imagen del producto de bucomers tiene un zoom cuando tú la pones tiene un zoom integrado entonces si usas directamente el widget que se llama imagen product tiene ese zoom si estás vendiendo un zapato te viene bien pero cuando pongo yo la foto del hotel que es así la fachada y eso realmente hacerle zoom no tiene ningún sentido entonces en vez de utilizar directamente el widget que se llama foto del producto yo puedo coger la imagen joder que no la encuentro ya no veo nada aquí pinchar aquí pinchar en dinámico y aquí buscar product image directamente y esta por ejemplo no tiene zoom que son las que tengo puestas aquí que no tienen zoom porque no tenía ningún sentido que vas a querer ver la botella entonces tienes por defecto tienes los campos que son por defecto de WordPress el nombre de la página, el nombre del sitio el logo del sitio los de bucomers el título del producto, el precio del producto pero con el contenido dinámico puedes coger esos mismos elementos pero digamos con ciertas modificaciones otra cosa que tiene también el contenido dinámico es que a mí me ha servido que es que he cambiado esto ya no encuentro los cuando tú metes un contenido dinámico por ejemplo voy a coger cualquiera de estos tiene aquí unas etiquetas que te permite añadir me voy a salir aquí que es el de los productos y no tengo ningún producto este si yo voy a poner aquí el post-titel por ejemplo le puedo poner por delante bueno sería receta receta dos puntos y ahí me incorpora el título de la receta o le puedo poner algo por detrás depende de la categoría lo mejor si son dulces imaginaos que estoy tocando la categoría dulces, estoy creando una plantilla de categoría dulces pues le voy a meter aquí cuando haga la categoría pescados pues le añadiré por delante pescado y el nombre de la receta listo que más de contenidos luego ah vamos a ver los plugins no me pregunta bastante angel ¿no? estoy utilizando ahora bueno estoy utilizando el añadido que trae el Astra Pro que es ultimate si yo estoy desbordada de widget o sea con lo que tengo yo hay cosas que no uso depende mucho del proyecto que tengo pues voy incorporando cosas el otro día por ejemplo en eso quería comentar eso que si de momento no queréis comprar el pro tenéis este plugin ponéis en lo del repositorio Elementor y os va a salir de todo unos son más útiles que otros voy a cerrar pestañas porque ya parezco todos diógenes total el cual perdona ah si el el otro día lo estuve viendo pero el Elementor tiene ahora también el toque este toque que mal suena claro eso que estoy diciendo el que se llama headers este no? este por ejemplo es claro este es el de Astra porque Brine Stone Force son la gente que fabrica está muy bien porque tienen cositas gratis que te van soltando la vas usando y luego dices quiero más pero si tienes el Elementor y te pones este plugin ya puedes tocar header y footer sin tener que comprarte la versión pro y como eso hay tropecientas mil cosas hay un plugin que toca estilos también generales que por twitter alguien también me comentó este yo este no lo he usado pero alguien me lo claro es que ahora ya te lo han puesto en Elementor si os enseño me van a dejar de entrada de las actualizaciones de los vendas es que es constantemente no me da tiempo a leerme lo todo pero yo recomiendo ir a casa ponerte una crearte una web gratuita de desarrollo que ya digo que no tiene ninguna limitación si quieres usar más, si eres desarrollador y vas a utilizarlo para hacer montón de sitios pues te pones un plan pero para experimentar y tal como habéis visto es un WordPress que no está capado, que no es como un WordPress.com que es diferente esto es totalmente una web y se instala en dos minutos es un formulario que seleccionas todo lo que quieras te vas aquí y os aconsejo trastear pero de lo lindo además cada uno de los que utilizamos Elementor le sacamos un partido hacia algún sitio yo sé como van entrando los proyectos pues voy, no os he enseñado los popups le voy aprovechando lo del popup en el popup tuvimos ya es una cosa técnica pero no nos llegó a funcionar pero hay un código que se habilita en la web que es para que el internet explore funcione una serie de cosas que normal lo funciona y mi desarrollador estuvo mirando y el tema Astra ya lleva ese código explorado para facilitar que todas estas cosas que utilizan funcione Internet Explorer pero algo nos estaba chocando que al final este hombre no conseguía lo mismo tenía un Internet Explorer más antiguo del que creíamos que tenía que a veces pasa pero como él no consiguió verlo pues no lo usamos pero los popups es que son también los popups es que se hacen también con dos clicks popup aquí en este caso también suelo tirar empiezo con uno de estos pero como no tengo conectado a la licencia puedes conectar uno de estos o directamente aquí tienes ya el primer veis que ya no tiene la misma pinta que el otro porque va a ser algo que está flotando ahí y simplemente nada funciona es que puedes poner cualquier cosa funciona como esto funciona exactamente igual la fiesta está en por un lado la pinta que tiene es decir como te va a tapar o no te va a tapar el contenido aquí ves por ejemplo si va a tapar el contenido de atrás o va o no si tiene el nuevo botón tiene las animaciones de entrada quiero que aparezca de una forma y que se salga de otra cuando va a durar la animación y al final tienes aquí donde se va a mostrar esto lo puedes poner en una página esto lo puedes poner en una página tal cual que solo os hagan esa página y que sea por ejemplo dándole a un botón que te salga un popup y te salga una información le voy a preguntar al de rgpd si nos sirve para mostrar rgpd ahora que lo acabo de ver y luego tenéis también como una serie de lo que son los triggers pero que no sé como se dice en español acción cuando pase algo que me lance el popup entonces te dice aquí cuando se cargue la página cuando el cliente haga scroll cuando haga scroll en un estodo determinado cuando haga un click en este caso sería en la página esto es lo que te hace lo que te hace netflix cuando llevas 5 episodios de una serie te dice todavía estás viendo la serie pues sería un poquito esto cuando lleva un tío 20 minutos demasiado tiempo en una sola página le dice oye eso suele ser el tipio que te sale tienes dudas sobre lo que estás leyendo imagina que si en el bucomes la tienda y un tío se ha quedado parado en un producto entonces le puedes lanzar un popup diciendo oye tienes alguna duda mándame un wasa que te lo resuelvo y tal no si perdona el constructor de popup si lo tienes habilitado y eso son lo que se puesto en la el ten builder el popup, el contenido dinámico de todas formas las presentaciones las van a distribuir o sea que las tendéis ya las han puesto y luego hay un y bueno y aquí luego tenéis aquí tenéis las advance rules por ejemplo muy molesto cuando entras a una web y cada vez que recargas la web la página te vuelve a mostrar el popup oye acuérdate que tengo una newsletter oye que tengo una newsletter oye que te... oye o sea que memoria tengo poca pero entonces aquí te da la oportunidad de decir pues mira hasta que pase cuando haya hecho 15 veces que ha visitado la web otra vez se lo vuelves a mostrar o cuando se ha ido de la sesión y ha venido al día siguiente en ese momento para que no esté todo el rato o sea es ya digo yo no le he sacado todavía todo el provecho porque es que tiene una configuración terrible pero bueno me quedan dos minutitos o así así que nada os voy a poner otra vez mis datos pues si queréis no sé dónde estoy creo que no se hemos ido a la porra mi nombre es deliacarvallo pues deliacarvallo.es es mi web que no escribo es un blog pero infoarroba deliacarvallo.es me tenéis a disposición en serio para preguntarme lo que queréis lo que nos hayas quedado claro cualquier cosa o cualquier cosa guay que habéis descubierto del evento que me queráis contar también estoy disponible y en Twitter pues deliacarvallo también así que muchas gracias espero que os haya servido un poquito