WordPress: Astra. Personaliza Cabeceras (con Elementor + plugin especial)

[@Joanmorci]

Este videotutorial *forma parte de la LISTA DE REPRODUCCIÓN - WordPress Tema Astra (Gratis):* kzbin.info/aero/PLU_WUQu6U_FmdEOAidR6OiyTqXX_jjBoD ▶ *ÍNDICE VIDEOTUTORIAL* *En este vídeo te muestro principalmente lo siguiente:* 0:00 - Presentación *0:24** - Duda usuario Richard:* sobrecabecera en Astra con Elementor *1:33** - Sitio web demo es Plantilla Prediseñada (Starter Templates)* - WordPress: tema Astra + Starter Templates 2.0 (Plantillas Prediseñadas) kzbin.info/www/bejne/gHvdeGiEjMafm9E 2:08 - Explicación de dos demos que realicé. Me quedaré con la 2ª *3:39** - Crea páginas fuera del menú para esta demo* - WordPress: entradas y páginas con contraseña, privada, no SEO kzbin.info/www/bejne/rpjEk2ubl9-dpbs 5:36 - Tema y Plugins elegidos para lograr demo 6:29 - Pagina creada fuera del menú sirve para demo *6:40** - Comprensión tema prediseñado vs personalizado (framework)* - S1 - Temas: Prediseñados Vs Personalizados 100% (He añadido a descripción y comentario fijado: artículo relacionado con porqué no siempre es buena idea tener un tema personalizado 100%) kzbin.info/www/bejne/nmjSXnmFi7qXasU 7:41 - Escritorio WP → Apariencia → Temas *8:05** - Recomendable tener tema hijo* - WordPress: tema hijo Astra. Qué es. Crea. Instala kzbin.info/www/bejne/qJuudX-Yrqqta6M 8:16 - Plugins necesarios (2) 9:18 - Apartado menú WP donde aparece plugin especial 9:30 - Apartado menú WP donde aparece plugin Elementor 9:44 - Selecciona opciones del plugin especial (tipo plantilla: Cabecera) 13:49 - Publicadas las opciones puedes editar con Elementor 14:00 - Adiós escritorio de WordPress. Hola escritorio de Elementor 14:16 - Cuadrícula izquierda. Elementos / widgets gratuitos (o de pago) 15:50 - Cuadrícula derecha. Arrastra aquí el widget + 3 iconos 18:30 - Curiosea página demo. Crea tu propia plantilla de cabecera 18:51 - Icono + para añadir estructura (nº columnas) a sección 19:37 - Solución duda usuario Richard 19:59 - Cambia color fondo de cada sección (cabecera y sobrecabecera) 21:36 - Guarda borrador (sirve igual para Guardar plantilla o Actualizar) 22:12 - Consigue un degradado de color en la sobrecabecera 22:51 - Guarda borrador. Explico dónde se ve Guardar plantilla 23:11 - Repaso lo fácil que es crear sobrecabeceras con Elementor 23:30 - Cómo eliminar secciones de Elementor 23:47 - Añade elementos a cada columna de cada sección 23:57 - Logotipo del sitio 24:20 - Menú de navegación (en cuadrícula izquierda lo seleccionas) 24:43 - Botón 24:55 - Qué elementos añadir en la sobrecabecera 25:06 - Iconos sociales (Buscar widget...) 25:34 - Listado de iconos: para móvil / email 27:55 - Editar Columna → Disposición → Alineación vertical: Medio 28:17 - Duplicar elemento (para no trabajar dos veces con lo mismo) 28:36 - Editar Columna → Disposición → Alineación vertical: Medio 29:35 - Editar Contenido de Elementos → Alineación (Izq / Me / Der) 30:45 - Editar Sección para verla bien en cualquier dispositivo 31:32 - Guarda borrador (sirve igual para Guardar plantilla o Actualizar) 31:41 - Menú de navegación hay que arreglarlo para verlo bien 33:00 - Elemento email hay que arreglar (aún se ve como móvil) 33:41 - Algunos ajuste a los elementos móvil y email 34:14 - Iconos sociales. Modificar Contenido y Estilo 36:03 - Botón. Modificar Contenido (Tipos) y Estilo (Color personalizado) 37:45 - Consigue un degradado de color en la cabecera 38:12 - Iconos sociales y Listado iconos. Modificar Estilo (Tamaño) 39:20 - Actualizar. Cómo se muestra en la página demo 39:39 - Enlace a email y red social Twitter 41:16 - Espacio extra entre cabecera y contenido. Cómo solucionarlo 43:00 - Pantalla de Móvil. Qué debes modificar 46:54 - Pantalla de Tableta. Qué debes modificar 49:56 - Pantalla de Escritorio. Menú principal. Modificar Estilo (Color) 50:22 - Actualizar. Cómo se muestra en la página demo 50:29 - Adiós escritorio de Elementor. Hola escritorio de WordPress 50:41 - Parámetros a cambiar para Cabecera (Mostrar en: Toda la web) *52:02** - Fijar cabecera con plugin (visto en videotutorial anterior)* - WordPress: tema Astra. Fijar Menú Cabecera (Sticky Header) kzbin.info/www/bejne/mJfZkmSBj6ZqftU *54:39** - Duda usuaria Solmary:* acceso desde web a app TeamViewer 56:09 - Sitio web demo anterior ahora añadí icono TeamViewer 56:20 - Práctica con icono TikTok y TeamViewer 1:06:05 - Adiós escritorio de Elementor. Hola escritorio de WordPress 1:06:30 - Despedida canal KZbin. Suscríbete. Mira COMUNIDAD ▶ *COMUNIDAD* Hablo de un error con Elementor y su solución: kzbin.infoUgx6QYtEpp6pF_uKBf14AaABCQ

[@lukelennon548]

@Adan Jayce instablaster :)

[@lukelennon548]

@Adan Jayce Glad I could help :D

[@TheYonper]

TREMENDO!! Todo lo que venia buscando y encontraba de forma incompleta, lo conseguí contigo en esta master class. Muy bien explicado, no queda nada al azar con tus comentarios. Te agradezco de verdad. Gran saludo desde Uruguay!

[@Joanmorci]

Gracias por tu comentario *Yonatan* Espero que te fuera útil .

[@douglasrivas4037]

Muy buena explicacion y lo mejor es el indice que colocastes a mi me a servido de mucho. Felicitaciones.

[@Joanmorci]

*Gracias Douglas.* El índice aunque me resulto pesado de hacer es indispensable para vídeos de este tipo tan largos. Si consideras le puede ayudar a alguien más este vídeo te agradecería que lo compartieras. Saludos ✌😅.

[@alonsogomez503]

Excelente video todo muy bien explicado y detallado. 100% recomendable. Felicitaciones

[@Joanmorci]

Muchas gracias *Alonso* Saludos ✌😉.

[@lautarolucasmoralesmoreira7332]

Espectacular gracias Joan , muy bueno el video, mira que domino Elemntor ,y lo manejas muy bién. abrazo. Lautaro

[@Joanmorci]

Me alegro te sea útil *Lautaro* Si consideras le puede ayudar a alguien más no dudes en compartirlo. Saludos ✌😉.

[@lautarolucasmoralesmoreira7332]

Lo haré ,gracias

[@saulgutierreztv]

Yo lo llamaría clase magistral🙌 justo estaba sufriendo por hacer una cabecera de menú millones de gracias

[@Joanmorci]

*Me alegro* te haya sido de utilidad *Saul.* Saludos ✌😉.

[@edeltraud3098]

Muchas gracias Joan, me estaba volviendo loca para dejar la web adaptada a cada dispositivo, y gracias a tu curso lo he conseguido. Ademas de personalizar los iconos del menu, en fin, gracias. Es mucho curro si, pero en tiempos de crisis es lo que toca ;)

[@Joanmorci]

*Gracias* por tu comentario *Edel Rzepka.* La verdad que no sé si llamarlo curso, masterclass, clase magistral o qué. Pero bueno me alegro que al final esté ayudando a tanta gente 😅. Por cierto, por si te interesa, próximamente el tema Astra gratis va a incorporar un constructor personalizado de cabecera y pie de página totalmente integrado en su tema gratis. Lo comento de pasada entre las nuevas actualizaciones que han hecho hace poco: - *WordPress: tema Astra 2.6 más Rapidez y más Colores* kzbin.info/www/bejne/eYCYY4Goq5WopJI La realidad es que hay otro tema gratis, llamado Kadence, que acaba de aterrizar en el repositorio de WordPress y ya tiene incorporada esa característica. Viene pisando fuerte y ha hecho que los creadores del tema Astra gratis piensen actualizar próximamente éste con características que tenían en su versión Pro. Recién hoy dejé un post en mi pestaña COMUNIDAD de KZbin para informar de ello: kzbin.infoUgx37ac8zLqwt6MbF7p4AaABCQ Saludos ✌😉.

[@edeltraud3098]

@@Joanmorci :) genial, voy a mirar las novedades del nuevo Astra y ver si compensa realizar la cabecera y el pie de pagina con esta nueva versión, gracias :)

[@Joanmorci]

@@edeltraud3098 en la *versión 2.6 del tema Astra aún no han incluido* esa opción de *constructor personalizado de cabecera y pie de página, están próximos a incluirla en una versión posterior.* Lo que pasa es que ya *vienen anunciándola porque* sabían que el *tema Kadence* estaba próximo a ofrecerse gratis en el repositorio de WordPress con *esa característica ya incorporada.* Se desconoce cuando la tendrá el tema Astra, de momento están puliéndola, dado que vendrán más opciones (sticky menu, mega menú) que solo se veían antes en su versión Pro. Saludos ✌😅.

[@solmarymadrid5533]

Uffff Joan 1 hora quedó corta, en serio, Gracias por este SúperHiperMegaExcelente vídeo. Agradecida 🤗💪 ÉXITOS. Seguiré muy atenta de tus próximos tutoriales, aprendí muchas cosas que no me había detallado en la herramienta Elementor.

[@Joanmorci]

*Hola Solmary.* Yo también aprendí mucho del plugin especial y Elementor, muy sorprendido que su versión gratuita profundicé en tantos detalles incluso de los diferentes dispositivos móviles donde se verá nuestro sitio web. La verdad que tenía un poco demonizado este maquetador visual pero me alegro de haber cambiado de opinión. He sufrido para sacar el vídeo adelante tanto por estudio rápido de Elementor como por mi PC que se quedaba colgado con un vídeo tan largo y tantas animaciones de zoom (aumentar tamaño pantalla) realizadas con Camtasia 9. Para editar vídeo se recomienda 16 GB de RAM y yo tengo 8 GB de RAM y gracias debo dar. Pero al final me siento satisfecho con el resultado, no se te ha hecho pesado de ver, que es lo que más temía 😅. Saludos y gracias por tus palabras ✌😉.

[@camilalazodonoso9072]

Gran video, muy bien explicado. Muchas gracias.

[@Joanmorci]

Gracias *Camila* Saludos ✌😉.

ME salió un truño pero aprendí cantidad... muchas gracias

[@Joanmorci]

Jajaja ok *Sayde* No te preocupes cuando encuentres un proyecto que te motive lo suficiente como para sacarle partido seguro que te queda muy bien. Por cierto, la versión 3.0 del tema gratis Astra, ahora te permite maquetar la cabecera y pie de página como quieras, de forma más sencilla que lo visto aquí. Te lo comento por si quieres echarle un vistazo: - *Astra 3.0 ✚ Rápido 🚀con Header & Footer Builder* kzbin.info/www/bejne/fnvahoyEfbZ0kLc Saludos ✌😉.

[@emanueldisanti]

Hola, espectacular, muchas gracias, muy detallado, estaba buscando justamente poder hacer esto... y vi muchos otros videos interesantes, muchas gracias, saludos desde Argentina.-

[@Joanmorci]

*¡Me alegro* que te haya resultado útil *Emanuel!* Saludos ✌😉.

[@leomatias0747]

Hola Joan! Simplemente paso a saludarte! Buenísimo el video! La verdad pasó volando! Mas tarde seguramente avance con tu curso "Maqueta sitio web wordpress" que la verdad recomiendo muchísimo a quienes, como yo, recién iniciamos! Espero con ansias el siguiente video sobre el tema Astra y Elementor (que se lo ve un poquito complejo) Un abrazo, saludos!

[@Joanmorci]

*Buenas Leomatias.* Gracias por pasarte a saludar por aquí. Me alegro que se te pasará volando. Me tomo en serio la edición porque soy muy de "irme por los cerros de Úbeda". Tenía un profesor de ciencias naturales que cuando hacíamos examen y era de desarrollar respuestas... si me enrollaba mucho me tachaba todo y literalmente me escribía "paja". Por eso cuando edito un vídeo grabado y veo me he excedido en el tiempo procuro eliminar lo que se vaya por otros derroteros que no vienen a cuento o las equivocaciones. No sé si el próximo vídeo sea de Astra y Elementor porque debo acabar una landing page acogiéndome a los consejos de posicionamiento SEO del Sr Romuald Fons. Y de paso os puedo enseñar un plugin (hay 2 que yo sepa) que permite modificar cada página o entrada como nosotros deseemos en un tema prediseñado. No cambios a nivel de estructura pero sí hacer desaparecer elementos o cambiar ciertos colores o fondo. Bueno en el primer curso ya hablo de uno de esos plugins y de hecho escribí a su autor a ver si lo pensaba actualizar pronto, me contestó que en breve, en sus vacaciones dedicaría 2 días para actualizarlo debidamente. Saludos y gracias por recomendar mi curso ✌😊.

[@legacyservicios]

Gracias amigo... te mando saludos desde Guatemala... Bendiciones

[@Joanmorci]

*¡Me alegro* te haya sido útil *David Zepeda!* Si crees le pueda ayudar a alguien más no dudes en compartir el video ✌😉.

[@javierargueta9241]

Te has ganado un nuevo seguidor

[@Joanmorci]

*Gracias Javier Argueta.* Si crees le puede ser útil el vídeo a alguien más no dudes en compartírselo/a ✌😉.

[@danielacampos764]

me encanta como explicas, e entendido todo lo que dices con sus pros y contras de hacer alguna acción, muchas gracias por tu aporte, yo ando buscando como editar el desplegable de un menu para que que no se abra solo, sin dar clic que un cliente me pidió cambiarlo y nadie explica como editar ese detalle

[@Joanmorci]

*Hola DANIELA.* Por defecto todos los temas (themes) tienen activada esa función para los dispositivos de sobremesa (ordenador), no así para los dispositivos de tablet o móvil donde se hace obligatorio pasar el dedo o lápiz táctil por encima, el cual hace las veces de cursor / puntero del ratón. Es por motivos de accesibilidad, hasta donde tengo entendido. Siendo una función que viene definida (prediseñada) ya por el autor del tema lo único que puedes hacer es ponerte en contacto con dicha persona, y preguntarle de qué modo puedes desactivarla. Para que la función de abrir menú solo funcione al hacer clic sobre dicha pestaña del menú. En cualquier caso si estás usando el tema Astra puedes preguntarles tu misma al formulario del equipo de soporte para sus productos gratuitos (escríbeles en inglés, puedes ayudarte del 'traductor de Google'): wpastra.com/support/free-support/ Saludos ✌😅. _Pd.: yo entiendo de diseño algo pero de programación nada (funciones)._

[@natialmonacid2724]

Hola, vengo a agradecer este video. Realmente me sirvió mucho y esta todo súper bien explicado!!!

[@Joanmorci]

Gracias *Nati* espero que le saques provecho

[@laremedios3707]

EXCELENTE VIDEO fíjate que yo ya he trabajado alguito el elementor y aún así he aprendido nuevos detalles. Me estoy hinchando a golpe de tutoriales de JM jajajajajajajajaja.. Saludos y gracias

[@Joanmorci]

*Gracias BARBARA.* En mi caso era mi primera vez, estuve 2 días estudiando esta función a fondo tanto al propio Elementor como el plugin especial. La verdad que visualmente hablando Elementor es más intuitivo que Gutenberg, ya lo comprobarás al editar. Además que Gutenberg necesita de un complemento* para ponerse a la altura de Elementor incluso en su versión gratuita. _*: Gutenberg Blocks - Ultimate Addons for Gutenberg (Por Brainstorm Force) __es.wordpress.org/plugins/ultimate-addons-for-gutenberg/_ Saludos😊.

[@rotterdam19]

Gran tutorial. Detallado y muy bien explicado. Gracias!

[@Joanmorci]

*A ti Eric, por se agradecido* ✌😊. La verdad que me llevé 1 semana para editarlo convenientemente 😅.

[@semillastantricasconcarmen3217]

¡Hola! A todas las personas de la Comunidad de Joan Morci, me instale este plugin y me gusto mucho trabajar con el, gracias a este tutorial que nos ofreces con tanta claridad. Hace unos días que tengo problemas con mi web, a la hora de editar con elementor, hasta que desactive este plugin y he podido continuar con mi labor pero os quería preguntar si os funciona correctamente este plugin? Me gustaría poder recuperar la opción de poner un video en mi cabecera, etc.. Muchas gracias

[@Joanmorci]

Buenas *Carmen* Si no te contesta nadie más lo mejor es que te pongas en contacto con los creadores de este plugin y les hables de tu incidencia con Elementor. Tiene soporte gratis (pero en inglés): wpastra.com/support/free-support/ (tardan un media de 2 días en contestar, ayúdate de la herramienta online Google Translate). Por otro lado, si te urge podrías probar la nueva forma de maquetar la cabecera (y pie de página) presente en el tema Astra en su versión 3.0: - *Astra 3.0 ✚ Rápido 🚀con Header & Footer Builder* kzbin.info/www/bejne/fnvahoyEfbZ0kLc (echa un vistazo al índice). Siento no ser de más ayuda. Aunque he probado a activar el plugin especial y maquetar con Elementor una página y sí que parece ir bien: demo2.joanmorci.com/casa/ ¿Estas 100% segura que el problema lo causa este plugin especial? Quizás el problema reside justo en el elemento que usas para implementar el vídeo. No sé, esta clase de detalles se lo tienes que mencionar al soporte gratis que te pase más arriba. Saludos ✌😉. _Pd.: vi el mensaje ayer pero andaba liadísimo con el Directo de Javier Gauna. Creo que te vi por el chat, gracias por pasarte a saludar 😊._

[@semillastantricasconcarmen3217]

Hola @Joan Morci muy agradecida por tu respuesta. Te cuento que probé la opción que me comentas y no me acabo de gustar, la historia es que me gustaba la idea de poner un mini video en la cabecera pero me adaptare a poner una imagen, iré probando con el tiempo, no quiero dedicarle más tiempo, me esta bien así. Pd: sii Joan estuve un ratito con vosotros en el directo, me gusta seguir lo que nos ofreces :) Muchas gracias por todo 😊

[@jekkyll]

Gran tutorial, muchas gracias Joan.

[@Joanmorci]

Gracias Alberto :)

[@pogamar2140]

excelente video , te agradezco mucho !!!!

[@Joanmorci]

Me alegro que te resulte útil *Pedro* ✌😉

[@josecalcagni8472]

👉👉👉Joan, excelente tutorial, muchas gracias, muy claro y bien explicado. 😃👌👍 Al día de hoy con la disponibilidad del nuevo constructor de cabeceras que ofrece el tema Astra (y también Blocksy), desde el punto de vista del rendimiento de la página, que será más conveniente hacer la cabecera sticky con las herramientas nativas de Astra o la combinación que aquí se muestra, es decir, Elementor Header & Footer Builder junto con myStickymenu??? Muchas gracias de antemano por tu atención y comentarios.

[@Joanmorci]

Hola *José* A nivel de rendimiento en la carga del sitio web no se recomienda usar Elementor sino editor Gutenberg nativo (aunque muy básico, el cual necesita "vitaminas" con otro plugin de los creadores del tema Astra). Ahora bien como Gutenberg tiene una curva de aprendizaje avanzada, la gente opta por Elementor que es más fácil de trabajar. Este videotutorial sigue siendo operativo dado que a nivel gratuito ofrece más flexibilidad que lo que traigan de forma nativa los temas gratuitos que mencionas, al menos en el caso de Astra ya que Blocksy no lo he tocado nunca. En el caso del tema Astra gratuito te da un máximo de elementos a colocar en cabecera o pie de página y en el caso de los medios sociales no están todos los que gustaría (ejemplo Tik Tok o TeamViewer, al momento de hacer este videotutorial). Por otro lado, por lo que he podido ver del tema Blocksy no se recomienda que un tema integre un page builder (maquetador visual), siempre se recomienda que esté sea independiente del tema. Porque si cambias de tema... pierdes todo el trabajo hecho para el siguiente que elijas. Pero eso ya depende de ti y del proyecto donde lo quieras incorporar. Saludos ✌😉.

[@josecalcagni8472]

🎅🎅@@Joanmorci, muchas gracias por tus comentarios. 🎅😃👌👍

[@Joanmorci]

De nada @@josecalcagni8472 que pases felices fiestas! 🥳.

[@ainhoazapata1217]

Hola amigo Joan muy buen tutorial 💯💯💯 eres un maestro.... Mi pregunta es si se podría cambiar el color de las 3 rayitas del menú hamburguesa que sale en el móvil y en la tablet... Gracias por compartir estos tutoriales 💯💯💯

[@Joanmorci]

Hola *ainhoa* Sí que se puede. Como explico en el tiempo 43:00 lo que sucede que ya no ves las 3 opciones (Escritorio, Tablet, Móvil) como se ve en el vídeo. Ahora te aparecen en una barra en la parte superior con los iconos de cada dispositivo. Si eliges el de móvil lo que hagas en él repercute en el de tablet (acabo de mirarlo). Básicamente te pones sobre el elemento o icono de menú móvil, te saldrá el icono del lapicero para poder editar, clic en él, automáticamente el panel izquierdo cambia a 3 opciones, elige Estilo > Activador del menú e icono de cierre, y ahí ya *Color* o *Color de fondo* te permite jugar con lo que deseas. - Yo hice la prueba con esta página: demo2.joanmorci.com/jardin/ (mírala desde móvil o tablet). Saludos ✌😉.

[@ainhoazapata1217]

@@Joanmorci ammm vale, lo voy a probar a ver si me aclaro,,, tocaré en las opciones de laptop, tablet y móvil a ver que hace.... Muchas gracias Joan 💯💯💯❤️❤️

[@joaquingonzalez9249]

De verdad muchas gracias, justo estaba buscando algo como esto 100/100!!!

[@Joanmorci]

*Me alegro* que te haya resultado útil *Joaquín González.* Si consideras le puede ayudar a alguien más no dudes en compartir el vídeo ✌😉.

[@edwinmateo4903]

Joan, excelente video, felicitaciones, tienes un nuevo suscriptor

[@Joanmorci]

*Gracias Edwin.* Bienvenido a mi canal ✌😊.

[@jhandiaz7440]

Gracias por compartir tus conocimientos, nuevo sub

[@Joanmorci]

Me alegro te sea útil *Jhan*. Comparte el vídeo si consideras le puede ser de ayuda a alguien más 😊. Muy interesante tu actividad con el buen uso del castellano. Hay un canal de lengua que puede te interese: - *Claudia Ruiz:* kzbin.info/aero/PLcQFJMqckx0gec6thbFtAPSsjC-r-TqTS (yo la conocí en Udemy en 2017). Saludos ✌😉.

[@gandivadevi_krishnachandra]

Muchas gracias por el tutorial. Solo una pregunta, yo puse en lugar del color amarillo que vos pusiste, puse una imagen. Entonces cuando hago lo que explicas con mystickymenu cuando baja no baja con la imagen de fondo que le puse. Baja el logo pero te deja seleccionar un color o transparente. Hay alguna opción de hacerlo?. me explique?

[@Joanmorci]

Buenas *MALINI* Considero que podrías hacerlo fácilmente cómo indico en el tercer método explicado en otro vídeo, si bien es hecho para el tema Astra sería cosa de aplicarlo a la cabecera construida con Elementor. Aunque explico esto con tres métodos a ti solo te interesa el tercero (del cual te dejare enlaces exactos a dos tiempos concretos). - *WordPress: Astra. Fijar Menú Cabecera (Sticky Header)* kzbin.info/www/bejne/mJfZkmSBj6ZqftU Éste es un tiempo exacto donde muestro un plugin llamado 'SiteOrigin CSS' que te facilita construir el 'código CSS' necesario para no "romperte la cabeza" mucho, veras que permite 'imagen de fondo' que puedes subir a tu sitio web. De todos modos, mírate el vídeo a partir del tercer método (te dejo enlace directo a cuando empiezo el tercer método: kzbin.info/www/bejne/mJfZkmSBj6ZqftU ). Avísame si consigues hacerlo funcionar y si no es el caso cuando pueda haré un videotutorial al respecto pero no te aseguro cuándo estará 😅. Saludos ✌.

[@gandivadevi_krishnachandra]

@@Joanmorci Muchas gracias por la rápida respuesta y solución.

[@gon86gon]

Excelente video, muy bien explicado todo. Gracias!!!

[@Joanmorci]

*¡Gracias a ti Gonzalo, *por ser agradecido! ✌😉

[@waltermoscol]

Excelente.....encantado de entrada...Suscrito

[@Joanmorci]

*Buenas Walter.* Me alegro te fuese útil. Te agradecería lo compartieras a quien consideres le pueda ayudar ✌😉.

[@luistorrealba2347]

Hola Joan, cómo logro integrar o meter un buscador o botón dentro del menú responsivo? Gracias excelente tu contenido

[@Joanmorci]

Hola *Luis* En el tiempo 24:23 te indico cómo poner un botón dentro del menú responsivo. Para hacerlo con el buscador se hace de igual modo (ese lo tienes en el plugin especial). Saludos :)

[@maekymelendez1818]

Hola, buenas noches Joan, espero te encuentres excelente. Te felicito por tu video, me ayudó muchísimo. He tenido un problema y es que tengo un menú con submenus, cuando se despliega el submenú, se corta por el contenido propio de la página y no se ve el submenú completo.

[@Joanmorci]

Hola *Maeky* Si te refieres a este videotutorial es posible que algún elemento de tu contenido se ponga por encima del submenú. Quizás debas dar un valor de 9999 al Z-Index (esto permite que item donde pongas este valor siempre quede por encima del resto). Este parámetro lo encontrarás seleccionando el menú de Elementor (accediendo a su edición desde el plugin especial que menciono en este vídeo), y vas a la pestaña Avanzado (lateral izquierdo), justo ahí lo tienes. De todos modos, siempre puedes acudir al foro correspondiente del plugin que consideres te está fallando, y eso se hace como indico en este vídeo (es igual para temas): - *# 15. FIN 🆘 Soporte (Ayuda con WP, Plugins, Temas) - CURSO BÁSICO WORDPRESS* enlace exacto a cómo escribir en los foros de soporte de temas y plugins gratuitos de WordPress: kzbin.info/www/bejne/bZ2lhJRqds2tm9k Saludos.

Que bien explicas 👌

[@Joanmorci]

Gracias *Dayan* Saludos ✌😉. _Pd.: muy interesante tu canal y útil, se echa de menos información así para hombres 😅_

@@Joanmorci muchas gracias. Es cierto, de salud masculina se habla poco o nada. 🤔

[@gersonnaranjo5620]

Hola, excelente video me gusto, todo muy bien explicado... Tengo un problema cuando lo edito a móvil ya que todo lo que haga para móvil se cambia para los demás dispositivos, ya sea el tamaño, donde lo muevo y así. No se que picar para que las modificaciones que haga para móvil no se reflejen en lo demás. Gracias

[@Joanmorci]

Hola *Gerson* Tienes que seguir los pasos como indico en este tiempo: 43:00​ - Pantalla de Móvil. Qué debes modificar Para que no afecte al resto de menús. No debería afectar el resto de menús de tableta o escritorio, si haces todo como indico desde ese tiempo. Saludos :)

[@gersonnaranjo5620]

@@Joanmorci Vale lo veré de nuevo muchas gracias.

[@gersonnaranjo5620]

@@Joanmorci En CSS adicional no me aparece nada... creo que mejor me rindo .-.

[@Joanmorci]

@@gersonnaranjo5620 es que no te tiene porque aparecer nada. Ya lo explico en el vídeo que ese código CSS viene de otra práctica de un videotutorial anterior, concretamente éste: - *WordPress: Astra. Fijar Menú Cabecera (Sticky Header)* kzbin.info/www/bejne/mJfZkmSBj6ZqftU Saludos :)

[@marcogarrido9176]

Excelente👍👏😆

[@Joanmorci]

Gracias *Marco* ✌😉.

[@josel.carrillo6046]

Gracias por tu informacion me ayudo mucho

[@Joanmorci]

*Me alegro te fuera útil Jose Carrillo Rios.* Me ayudas mucho si lo compartes a quien consideres lo pueda necesitar. Saludos ✌😉.

[@DouglasCastroP]

Edito el header a como lo dices, de momento en la vista desde la pc está todo bien; pero a la hora de verlo desde el teléfono celular, el menú si me aparece, pero al abrirlo se quedá pegado.

[@Joanmorci]

*Hola Douglas Castro.* No comprendo qué quieres decir con qué el menú se queda pegado. ¿No se abre el submenú? ¿O no muestra todas pestañas del submenú? Ya os recomiendo que si hacéis el menú fijado ( tiempo 52:02 ) que no pongáis más de 6 pestañas en el menú primario (el superior / top) porque hay esa incidencia en los móviles al abrir el submenú. Lo comento al final de este vídeo y os doy una posible solución. Por otro lado, cuando creas cabecera de nuevo con el plugin Elementor se hace necesario no solo retocar la versión de ordenador sino también la de móvil ( tiempo 43:00 ) y tablet ( tiempo: 46:54 ) para que se vea bien en todos los dispositivos móviles, algo que comento en este vídeo: - *Navegador web: Diseño Web en Móvil / Tablet (diferentes resoluciones)* kzbin.info/www/bejne/p3XWlpZqmtqhbLs Si no es nada de lo que te he comentado, por favor detállame mejor qué es lo que te sucede. Puedes hacer una captura de pantalla y subirla a imgur. Después pásame el enlace para que entienda mejor qué te sucede. - *Windows 10: captura pantalla fácilmente (2019)* kzbin.info/www/bejne/hYOVp2qLfNiqbJo - *Imgur: Sube Imágenes. Pasa videos a GIF. Haz Memes* kzbin.info/www/bejne/i4CraX94ltp9qck Saludos ✌😊. _Pd.: ando ocupado este fin de semana para contestar rápido_

[@luisespejo2893]

hola amigo gracias por el contenido, tengo una duda, tengo elementor pro y astra pro, ahora me he creado footer con thme buldier de elementor, lo voy a usar solo en la home, ahora para las demás pagina quiero usar el footer de astra, pero no encuentro en la configuración como desactiva uno para que muestre el otro

[@Joanmorci]

Hola *luis* No creo que te pueda ser de ayuda porque no tengo ninguno de los productos que me describes. Este videotutorial fue realizado todo con los productos gratuitos del tema Astra, Elementor y el plugin especial (que detallo cuál es en la descripción). Saludos :)

[@giulopez_]

Muy buen video! Tengo una pregunta: por defecto en Astra se agrega un menu simple, como hago para desahabilitarlo y empezar a editar mi menu con Elementor? Gracias

[@Joanmorci]

*Hola Giuliano.* Te comento que *es necesario* el trío: *tema Astra + plugin Elementor + plugin especial* (Elementor - Header, Footer & Blocks Template). Lo explico a partir del tiempo: *2:08** - Explicación de dos demos que realicé. Me quedaré con la 2ª.* El *plugin especial* (de parte de los creadores del tema Astra) te va a permitir *mostrar en* donde desees el menú que personalices a tu gusto con Elementor. Echa un vistazo a los primeros 14 minutos para comprender mejor todo. Saludos.

[@giulopez_]

@@Joanmorci Esta bien, gracias. No deberías haber editado el comentario pero tampoco podes ser tan duro, si estoy aquí es porque estoy aprendiendo.

[@Joanmorci]

​@@giulopez_ precisamente por eso lo he editado porque entiendo que el vídeo es largo y no todo el mundo puede invertir tanto tiempo en averiguar dónde comento eso. Si bien, la portada del vídeo, el titulo, la descripción ya indican un segundo plugin, el especial que permite que puedas hacer la cabecera, pie de página e incluso bloques personalizados. Por eso considero que si el vídeo es largo, para eso esta la explicación en la descripción y verse los primeros 14 minutos ya explica todo ello. Saludos.

[@eliana.o.s]

Un saludo Joan, esperando que todo vaya bien para ti. En este tutorial encontré lo que estaba buscando pero no pude pasar del minuto 11:40, en la parte en la que pide escribir 2 caracteres (donde escribes "pi"), pues cuando pongo los dos caracteres de mi cabecera, o pongo 3... y hasta el nombre completo, no encuentra nada... sale un mensaje que dice: no results found. ¿Sabes qué puedas ser? Saludos y gracias de antemano.

[@Joanmorci]

Buenas *Eliana* La búsqueda que hago en ese apartado corresponde a una página ya creada previamente. Si no creaste antes la página, dónde quieres crear la cabecera, pues no encontraras nada en este apartado. Para crear páginas en WordPress ya digo cómo hacerlo en este videotutorial (mira índice): - *#8. 📄 Páginas (con Gutenberg) - CURSO BÁSICO WORDPRESS* kzbin.info/www/bejne/gKDOYWCddqmqftU Saludos ✌😉.

[@eliana.o.s]

@@Joanmorci Gracias por tu pronta respuesta. Saludos.

[@eliana.o.s]

@@Joanmorci Hola... Otra vez por aquí... Te cuento que ya quedó lista la creación de la cabecera. Sin embargo cuando le dije mostrar en toda la web (minuto 50:55) y actualizar, no salió nada, y se borró el menú que tenía antes... ¿Sabes qué pueda ser?

[@Joanmorci]

@@eliana.o.s ni idea porqué te ha surgido ese error. Cada instalación de WordPress es un mundo diferente, a veces es culpa de algún plugin que crea conflicto con otro, otras del propio hosting que se satura a hora punta. Si tienes muchos problemas en tu hosting es recomendable crees copias de seguridad con cierta frecuencia, para que de ocurrir algún error puedas volver a una copia en la que todo iba bien. - En este listado encontrarás un plugin que te facilita las copias de seguridad (UpdrafPlus): kzbin.info/aero/PLU_WUQu6U_Flq7D5CyCHURct-18pyp23Z En cualquier caso no debería haberse borrado la cabecera, debería seguir existiendo si solo decidiste cambiar para que se viera en todo el sitio web, lo que habías creado antes en una sola página. Saludos.

[@eliana.o.s]

@@Joanmorci una vez más, gracias por la información. Saludos.

[@rulosperu5057]

Hola amigo Gracias por tus videos son muy buenos. Amigo necesito una ayuda y a ver si me puedes ayudar, te lo agradeceria. Yo tengo mi logo tipo encima del menú, pero quiero que cuando la persona entre a mi tienda y haga scrool o baje , solo se muestre el menu y el logo quede estático o no se muestre, si no que se muestre solo el menu principal cuado la persona baje a ver los productos de mi tienda, sabes como lo puedo hacer? he visto paginas web que lo hacen pero yo no se como.

[@Joanmorci]

Hola *Rulos* Eso que comentas está explicado en el vídeo. Revísatelo de nuevo o al menos echa un vistazo a minutos antes de hablar de la versión móvil o cuando estoy construyendo la cabecera con todos los elementos, para ver que queremos mostrar en los diferentes dispositivos o qué no. Saludos :)

[@nativahouse5868]

Hola Joan muchas gracias por este tutorial, pero yo tengo un problema al añadir el menu nav no me aparece el menú se queda un recuadro gris y no hay manera que aparezca el menú, he probado creando otro menú pero al seleccionar este tampoco aparece en el menu nav. Como puedo solucionarlo? muchas gracias

[@Joanmorci]

Buenas *Nativa* Te agradecería que me dijeras a qué tiempo del videotutorial haces referencia, para ubicarme mejor y poder ayudarte. Saludos :)

[@nativahouse5868]

@@Joanmorci Hola, gracias por respondes desde el minuto 24:38 he hecho lo mismo añadir el elemento menú de navegación pero no aparece mi menú, sino un recuadro en gris, en editar el menú de navegación en el apartado diseño lo quiero en horizontal el menú pero como te digo solo se ve un recuadro gris, sin embargo si en el apartado diseño cambio en vez de horizontal pongo vertical o cualquiera de los otros dos modos si que aparece mi menú pero en horizontal no. No sé como solucionarlo

[@Joanmorci]

@@nativahouse5868 ya veo, gracias por pasarme el tiempo. Acabo de comprobarlo en la web del vídeo en una página concreta (que no aparece en los menús): demo2.joanmorci.com/jardin/ y me ha permitido poner otro menú debajo del logo, todo bien. Mira a ver si tienes activo algún parámetro de color de fondo para el menú horizontal porque con Elementor con tantos ajustes es fácil liarse. Por si te sirve de algo esto lo he comprobado con la versión: - WordPress 5.7 - Elementor 3.1.4 - Elementor - Header, Footer & Blocks 1.5.7 Saludos :)

[@nativahouse5868]

@@Joanmorci Hola al final lo arreglé eliminando un plugin que interferia. Ahora el problema que tengo es que al poner un slider con smart slider se me oculta el submenu detras y no se ve. Sabes como se puede solucionar? gracias

[@Joanmorci]

@@nativahouse5868 tienes que averiguar la regla CSS del submenú y ponerle la propiedad *z-index* en un valor alto para que aparezca por encima de lo que deseas. Es algo que se explica aquí: developer.mozilla.org/es/docs/Web/CSS/z-index y que aplique en este videotutorial: - *WordPress: Astra. Fijar Menú Cabecera (Sticky Header)* kzbin.info/www/bejne/mJfZkmSBj6ZqftU Saludos :)

[@florarepublic7783]

buen datos gracias, consulta en el @24.24 del video subir el menu, al subir el menu dentro de la pagina. me Aparece, NO HAY MENU EN TU SITIO, y pues la PAGINA Q TENGO CREADA , TIENE YA SUS PAGINAS Y CATEGORIAS DE WOOCOMERCE, como puedo incluir ese MEnu en mi pagina,?? gracias .

[@Joanmorci]

*Hola Flora Republic.* Ok. Crear las páginas (y las categorías) es una cosa. Crear los menús es otra. Y la ubicación de los menús otra cosa más. Hay temas que por defecto incluyen en el menú superior ya las páginas creadas. Y eso sin haber creado el menú ni la ubicación de éste. Para que nos entendamos. Primero creas las páginas (y categorías), algo que ya has hecho. Después creas un menú con el nombre que quieras, al cual agregarás las páginas (o categorías) que quieras. Después elegirás dónde quieres que se muestre ese menú: - *Menú superior (Menú principal).* - *Menú inferior (Menú del pie de página).* Y después guardaras el menú. *¿Cómo se hace todo esto?* Lo explico en este vídeo: - *WordPress: tema Astra. Menú superior / inferior* Te dejo tiempo exacto (Crear menús. Agregar páginas. Ubicar menús ): kzbin.info/www/bejne/fJiTdYauiNJ5oLs Una vez hecho este paso anterior ahora cuando vuelvas a este videotutorial, al tiempo 24:40 en el lateral izquierdo te permitirá seleccionar el menú que quieras: Editar Menú de navegación > Contenido > Menú: y haces clic en el triangulo que mira para abajo (dónde pone Menú en el video) y verás el resto de menús que creaste anteriormente. Selecciona el que quieras tener en el apartado superior. Ya lo tienes. Saludos ✌😉.

[@danyhuamanruiz8615]

Hola Joan voy a inspeccionar y propiedades y no me sale la sección . para copiar en mi menu sticky esa linea de codigo, sale otro codigos, que puedo hacer. gracias de ante mano

[@Joanmorci]

Hola *Dany* Sé qué me dices. Mírate, el índice, del siguiente vídeo que lo tuve que hacer después de otra manipulación que hizo en su día el equipo de Google Chrome: - *WordPress: Elementor. Fijar Cabecera (Sticky Header)* kzbin.info/www/bejne/apvGe6Cda5eVkK8 Saludos .

[@danyhuamanruiz8615]

@@Joanmorci Muchas gracias, me salio, siempre lo máximo tu ayuda y aporte.

[@franciscovinuesacolino6166]

Hola Joan. Tengo una duda con Chorme, al hacer click en inspeccionar/Elements, no me aparece lo que indicas en Properties, y me aparece el siguiente mensaje: This panel has been deprecated in favor of executing the following in the console: console.dir($0) ($0 is a referece to the currently selected DOM node in the elements tree). Entiendo que esto debe ser un problema de configuración de mi Chrome, pero no consigo localizar que debo hacer ni he encontrado respuestas. Ojala puedas ayudarme. Gracias

[@Joanmorci]

*Hola Francisco.* Mucho me temo que no es un problema propio. Yo también pensaba igual pero al comentarme esto busque información y *he visto que fue algo eliminado por Google Chrome en su versión 84. De hecho, en este enlace lo mencionan:* developers.google.com/web/updates/2020/05/devtools?#properties Pero *también he visto que está eliminado en los navegadores de Opera y Edge. En Firefox ni siquiera aparece.* Por lo visto estaba obsoleto como ha sucedido con parte del código que formaba parte del núcleo de WordPress, que ha sido eliminado en su versión 5.5 y ha provocado numerosos problemas a plugins y temas que aún usaban ese código antiguo. Sin embargo, en este sentido el equipo de WordPress proporcionaba alternativa para mitigar dichos efectos. Puedes ver más en este videotutorial: - Novedades WordPress 5.5: Velocidad, Búsqueda, Seguridad, Gutenberg (Solución Errores): kzbin.info/www/bejne/ipDGpoieqq2tqtU Por otro lado, *una alternativa es meterlo a mano como indico en este vídeo* (dónde te dejo tiempo exacto donde hablo de donde encontrar el código exacto aunque en la edición del videotutorial descubrí ese apartado de 'Propiedades' donde copiar y pegar): - 🖌 *WordPress CSS: cambia color links en ventana popup (GDPR Cookie Consent) :* kzbin.info/www/bejne/qnbKlH-hZsSZbsU Ya siento no ser de más ayuda. Saludos ✌.

[@ccanizarest]

Hola! estoy tratando de hacer mi primera página web, he visto muchos de tus videos y en general, tratando de conocer como funciona wordpress. He descargado un tema y una plantilla de Astra, pero por alguna razón no puedo ver el menú ni mi logo (la cabecera). podrías guiarme por donde empezar a buscar? gracias!

[@Joanmorci]

Hola *Carlos* No sé qué tema has elegido. Normalmente vienen con documentación que te ayuda a saber cómo debes trabajar con el tema en cuestión. Si fuera el tema Astra gratis tengo muchos videos para ilustrarte: - *WordPress Tema Astra (Gratis)* kzbin.info/aero/PLU_WUQu6U_FmdEOAidR6OiyTqXX_jjBoD Pero si se trata de otro tema tendrás que ponerte en contacto con el autor del mismo como índico en este video: - *# 15. FIN 🆘 Soporte (Ayuda con WP, Plugins, Temas) - CURSO BÁSICO WORDPRESS* kzbin.info/www/bejne/bZ2lhJRqds2tm9k En cualquier caso mírate este video a ver si te sirve de guíam ya que desde este apartado se controla el logo y menú para los temas del equipo WordPress: - *#9. 🖌 Apariencia - CURSO BÁSICO WORDPRESS* kzbin.info/www/bejne/r57Ig5SPrbV5obc Saludos :)

[@pedronavarroalbornoz403]

Hola profe! se puede integrar ivory search con elementor? Saludos desde México!

[@Joanmorci]

Hola *Pedro* Pues te *lo he tenido que mirar porque yo también tenía mis dudas* y está muy bien que me lo hayas preguntado. Te comento lo que he comprobado. - Si lo quieres dentro del menú Elementor debes elegir en lateral izquierdo del menú la pestaña WordPress (abajo del todo), hace alusión a todos los Widgets de WordPress. Y ahí eliges al final: Ivory Search. Ejemplo en Elementor (propio de este videotuto): demo2.joanmorci.com/jardin/ - En cabeceras personalizadas de temas como Astra 3.0 en adelante o Kadence deberías meterlo desde el apartado Apariencia > Widgets > Ivory Search. Una vez seleccionado lo pones dentro de un ítem o elemento Widget de esos temas. Ejemplo en Astra 3.0 en adelante: demo2.joanmorci.com/ El problema es que en estos casos te sale un estilo por defecto (Search here...) y no te deja elegir estilo (como cuando se añade en una tema habitual al final del menú): - Ruta: Ivory Search > Menu Search > Menu Search Settings > Menu Principal (Save) > Select menu search form style > Dropdown (solo lupa). Tienes que guardar antes la elección del Menú principal para que una vez salvado te permita elegir Dropdown u otro diseño funcional. Es lo malo en este sentido, no está muy pulido a ese nivel. O al menos yo no he encontrado la opción para hacerlo vía widget. Te animo a que le preguntes al autor del plugin (en inglés) en el foro correspondiente, si piensa a futuro en añadir estilos a nivel de widget: wordpress.org/support/plugin/add-search-to-menu/ Saludos ✌😉.

[@pedronavarroalbornoz403]

@@Joanmorci muchas gracias por tu respuesta profe! Voy a seguir esos pasos...Saludos!

[@marco.etcheverry]

Amigo, muchas gracias por tu video. Una consultilla, si quiero eliminar una de las secciones que, por ejemplo, puse un botón en una de los espacios y quería eliminarlo, ¿Cómo lo hago? No encuentro la opción. Desde ya, muchas gracias

[@Joanmorci]

Buenas *Nutrí* Ante la duda siempre haz clic con el botón derecho del ratón sobre el elemento en cuestión 😅. Se te abre una ventana emergente y justo al final está la opción de Borrar ese elemento de la columna que hay dentro de cada sección. Para eliminar sección ya lo indico en el índice del vídeo (visto en la descripción): 23:30​ - Cómo eliminar secciones de Elementor Saludos ✌😉.

[@marco.etcheverry]

@@Joanmorci Gracias Joan

[@carlosparedes4587]

hola te sales del tema como hago ya hice todo entre a mystickymenu pegue eso que dice guarde y no me me bloquea el menu ¿? a que se debe ¿¡

[@Joanmorci]

*Hola carlos Paredes.* *Debes tener muy* muy muy *claro qué tipo de cabecera quieres dejar fija* (bloqueada). *1 - ¿La cabecera que viene con el tema Astra por defecto?* Aquí la solución: kzbin.info/www/bejne/mJfZkmSBj6ZqftU _Para que ésta se muestre, tienes que tener el plugin especial desactivado (Elementor - Header, Footer & Blocks Template)_ *2 - ¿La cabecera que creas con Elementor + el plugin especial?* Aquí la solución: kzbin.info/www/bejne/apvGe6Cda5eVkK8 *Son diferentes cabeceras y tienen diferentes códigos a meter en mystickymenu. Debes identificar qué tipo de cabecera tienes.* Si no lo sabes, podemos concertar una cita vía Skype, me compartes el escritorio de tu ordenador ( bit.ly/3efAcvz ) y me señalas qué pasos estás siguiendo. Este servicio ya tiene un coste de dinero por hora. Lo siento, no se me ocurre que más te está sucediendo para que no te funcione. Si me hubieras dejado todo muy bien explicado, al detalle, en un mismo hilo de comentarios (y no en varios y en diferentes vídeos), hubiéramos podido resolver esto por escrito (como he conseguido hacer con el resto de personas). Saludos.

[@jairruiz5877]

Hola Joan disculpa no puedo poner el menu fijo al momento de poner clic derecho e inspeccionar no me aparece para pegarlo en el plugin

[@Joanmorci]

*Hola Jair Ruiz.* Te voy a situar en el *tiempo **52:43** a 10 sg de hablar de la pestaña Properties* donde *ya indique por una tarjeta informativa* (esquina superior derecha en el vídeo, icono circular con una "i" latina en su interior) *que existe una alternativa a la pestaña Properties,* dado que a la semana de lanzar este vídeo dejó de funcionar como indico en el vídeo. No obstante, *la alternativa tiene un vídeo que es éste:* - *WordPress: plugin Elementor. Fijar Cabecera (Sticky Header)* kzbin.info/www/bejne/apvGe6Cda5eVkK8 *Mírate el índice* que verás en la *descripción del vídeo* o *primer comentario fijado* (en éste reseñado en negrita lo que más interesa, si vienes desde este vídeo). Saludos ✌😊.

[@BlassHidden]

Amistad al editar la cabecera con elementor me sale, ERROR 404 No se pudo cargar la vista previa.

[@Joanmorci]

Hola *Master* Conozco ese error, también me ocurrió a mí días después de hacer el videotutorial. Fue sencillo de arreglar en mi caso, aunque hay varias formas de solucionarlo. Es un problema propio de Elementor. Revisa lo que escribí en cierto artículo de mi blog, te paso enlace directo: joanmorci.com/plugin-cabecera-personalizada-wordpress/#Opinion Saludos ✌😊

[@BlassHidden]

@@Joanmorci Gracias, voy a revisar

[@andreafrancisco8845]

Hola Joan! Al instalar un tema de Astra y comenzar a editar con elementor me doy cuenta de que los cambios que he realizado se reflejan bien cuando inicio como administrador pero no cuando lo abro desde otro ordenador. He borrado el caché y apenas tengo plugins instalados que puedan ser incompatibles. No entiendo por qué no se me visualizan los cambios con elementor. ¿A qué crees que se puede deber? Muchas gracias!

[@Joanmorci]

Hola *Andrea* Eres la segunda persona que me ha comentado lo mismo en las últimas dos semanas. De momento, no sé a qué se deba. No he tenido ocasión de comprobarlo y tampoco uso mucho Elementor. En cuanto saque un rato te digo, no obstante... sería recomendable que dejes tu duda (hazlo en inglés, ayúdate de Google Translate) en: - El foro de Elementor: wordpress.org/support/plugin/elementor/ - Y en el soporte gratuito del equipo del tema Astra: wpastra.com/support/free-support/ _En este último caso es probable te pidan que les crees un perfil nuevo con permisos de Administrador para verificar el problema aunque antes intentarán replicarlo por su cuenta. Puede que no sea fallo de compatibilidad con Astra pero de seguro te dirán que fallo es._ Si tienes dudas de cómo se crea un perfil nuevo de Administrador, lo aclaro en este vídeo: - *#11. 👤 Usuarios. Gestiona Perfiles - CURSO BÁSICO WORDPRESS* kzbin.info/www/bejne/Y4m7gZ2LltGWnaM (mira en el índice cómo se crea cualquier perfil y es prácticamente igual para todos). Es recomendable que envíes detalles del nuevo nombre y contraseña a donde te indique el equipo de soporte del tema Astra. Y lo ideal sería hacer esto en una web de prueba. Saludos :) _Pd.: ya lo siento no ser de más ayuda, de momento, que ando muy ocupado con un curso de certificado profesional que me roba muchas horas a la semana_

[@TalcoParaPiesOfficial]

voy a dedicar mi tiempo para aprender... porque mi cabecera del menu astra tiene las letritas muuuy chiquitas, y no supe agrandarlos. vamos... gracias

[@Joanmorci]

*Hola Georgina Lopez.* Pues te comento que próximamente el tema Astra va a tener importantes mejoras como poder crear de modo personalizado la cabecera y pie de página sin depender de plugins externos (ni el especial mencionado en este vídeo ni Elementor). Vamos que los vas a poder hacer desde el propio tema Astra gratis. Ya comento algo en el videotutorial que he publicado hoy, para ver los nuevos cambios de la versión 2.6.0 con respecto a la anterior 2.5.5. Pero se espera que la próxima gran actualización tenga que ver con esto que digo (crear tu propia cabecera y pie de página): - *WordPress: tema Astra 2.6 más Rapidez y más Colores* kzbin.info/www/bejne/eYCYY4Goq5WopJI Echa un vistazo al índice para ir al tiempo que te interese. Saludos ✌😉.

[@TalcoParaPiesOfficial]

@@Joanmorci muchas gracias

[@carlosparedes4587]

hola Joan una consulta sobre astra pongo el menu en mi pc sale en un orden , pero cuando entro a movil sale en otro orden como puedo modificar

[@Joanmorci]

Hola *carlos* No sé exactamente a qué te refieres. Mándame una captura de la versión de PC y móvil. Puedes hacerlo a través de: - *Imgur: Sube Imágenes. Pasa videos a GIF. Haz Memes* kzbin.info/www/bejne/i4CraX94ltp9qck - *Canal de Telegram* joanmorci.com/telegram-que-es/ Saludos :)

[@vargas_1180]

Hola Joan... estoy diseñando una página con Astra + Elementor gratis tal cual tu ejemplo del video y la opción desplegable de elementor de "Cabecera, Pie de Página y Bloque" no me aparece... suele suceder esto? no tener esta opción será un limitante más adelante en la construcción de la página.... Gracias de antemano

[@Joanmorci]

Hola *luis* No sé muy bien a qué te refieres. ¿Podrías indicarme el tiempo exacto al que haces mención? Doy por hecho que sabes estoy usando Elementor en su versión gratuita y un plugin especial llamado de dicho modo pero en inglés: - *Elementor - Header, Footer & Blocks Template* Por Brainstorm Force, Nikhil Chavan es.wordpress.org/plugins/header-footer-elementor/ Saludos ✌😲.

[@vargas_1180]

@@Joanmorci ya entendí... sólo despues de descargar el plugin es que aparecerá esa opción en el menú desplegable de herramientas de Elementor... Gracias... y por último sólo como un consejo tuyo, cuando se trabaja Astra + Elementor cuál opción de "Atributos de Página" te parece mejor: Plantilla por defecto, Elementor ancho completo, Elementor Canvas o Tema?

[@inspiraturviajes3319]

Buenos días; gracias a todos tus tutoriales estoy sacando adelante mí página. Tengo una duda, he creado con Header Footer la parte de antes de pie de página para una de las páginas, no se porque cuando hago los ajustes para que se vea correctamente en el movil se desajuntan los de escritorio y tableta. Gracias por tu ayuda

[@Joanmorci]

*Hola Inspiratur Viajes.* Antes de hacer el videotutorial hice mis pruebas con Elementor y el plugin especial. Observe que cuando modificamos la configuración de un solo dispositivo (sobremesa) por alguna extraña razón afecta a los otros dos (tablet, móvil). Con lo que al final tenía que estar configurando los 3 dispositivos como yo deseará se vieran en todo momento. De todos modos, ten cuidado al ajustar las configuraciones con el icono de dispositivo que tienes marcado en ese momento, no vaya a ser que estés cambiando los ajustes del dispositivo que no es (algo que también me ha sucedido). Si no es nada de eso, más no te puedo ayudar. Aunque puede que sí sepa más SergioKS ya que tiene un videotutorial al respecto: - ✅ Crear Footer Personalizado en WordPress 👉 Gratis y Fácil | 2020: kzbin.info/www/bejne/eYa6Zp6on7p3a5o Saludos ✌.

[@inspiraturviajes3319]

@@Joanmorci Voy a comprobar todo lo que me comentas, veré el video tutorial de SergioKS, en cuanto lo consiga te comento. Un millón de gracias

[@samirbitar1073]

Hola te quería consultar. hice todo pero en la parte de inspección no me aparece nada después de sección. Como puedo hacer para resolver ese problema?

[@Joanmorci]

*Hola Samir.* No me detallas muy bien a qué te refieres, ni siquiera el tiempo (el video es largo). *Supongo que te refieres a fijar el menú. ¿Vas a 'Properties' y te aparece algo como esto?* _This panel has been deprecated in favor of executing the following in the console:_ _console.dir($0)_ _($0 is a referece to the currently selected DOM node in the elements tree.)_ He visto que *fue algo eliminado por Google Chrome en su versión 84.* De hecho, en este enlace lo mencionan: developers.google.com/web/updates/2020/05/devtools?#properties Pero *también* he visto que *está eliminado en los navegadores de Opera y Edge. En Firefox ni* siquiera *aparece.* Por lo visto *estaba obsoleto.* *Te comento la alternativa que yo he encontrado.* Primero de todo *si ya tienes el plugin myStickymenu* (autor Premio) *desactívalo o deja vacía la casilla donde metemos 'Otra clase o ID'.* *Sigue* los *pasos del vídeo a partir del tiempo **52:45* pero no vayas a Properties. Haz *clic con el botón derecho del ratón sobre el selector seleccionado* (section class) y *en* la *ventana emergente sigue esta ruta: Copy > Copy selector* (esto se quedará en tu portapapeles). *Abre el bloc de notas y pega allí* lo del selector. *Te saldrá algo como esto:* #masthead > div > div > div > section *A partir de ese section verás todo el código restante que es lo mismo que en el vídeo, a copiar y pegar en la casilla 'Otra clase o ID' del plugin myStickymenu.* No te preocupes si lo ves cambiado de orden, *funciona el código* igualmente. Comprobado esta mañana. Ya me dirás si te funciona. No obstante, tengo pendiente hacer un video de esto la semana próxima ya que muchos me preguntan lo mismo, suponiendo que te refieras a esto (fijar menú creado con Elementor). Saludos ✌.

[@Jesusbo]

Joan excelente video, he aprendido mucho gracia a ti y siguiendo tus consejos. Sobre el plugins Elementor - Header, Footer & Blocks Template, queria comntarte que funciona genial, pero en Internet Explorer no detecta el color de fondo del footer ni de header, sabes a que puede deberse? Gracias

[@Joanmorci]

*Hola Jesus.* Ese navegador web no sé hasta que punto es seguro que lo sigas usando. Hasta donde tengo entendido Microsoft Edge lo sustituye e incluso ofrece un modo de compatibilidad con él, y en Edge funciona correctamente lo que comentas. Sin embargo, te recomiendo te pongas en contacto con el equipo de soporte ya que poseen un formulario para ayudarte con el tema Astra gratuito o sus productos gratuitos (este plugin que citas les pertenece). Aquí el formulario: wpastra.com/support/free-support/ Dirígete a ellos en inglés (puedes ayudarte del traductor de Google), puedes incluirles un enlace al sitio web (URL) o incluso una captura de pantalla. Cualquier cosa ya me dices a ver qué te contestan, suponiendo aún den soporte a ese navegador web lo que es probable porque su tema Astra es compatible con la versión 11 o mayor: wpastra.com/docs/browser-support-by-astra/ Saludos ✌😉.

[@annvillanueva1493]

Hola Joan!!! Gracias por video, me ayudado mucho a construir la cabecera personalizada de mi tienda online, me gustaría comentarte una duda que tengo y a ver si me puedes ayudar. Tengo en unos bloques en los que añadí unos iconos: uno de ellos es el de perfil, el otro wishlist y el tercero el carrito, a este último cuando añodo los articulos a mi cesta, no me muestra número de artículos en el carrito, pero cuando pulso el icono están dentro, que es lo que podría estar haciendo mal. saludos y gracias:)!!!

[@Joanmorci]

Hola *ann* Estaba probándolo ahora mismo con el plugin especial (Elementor - Header, Footer & Blocks Template = HFB) el cual al instalar el plugin WooCommerce te da un elemento nuevo: Carrito. Lo que no puedo comprobar mucho porque no tengo tienda online, por tanto no sé si funciona o no. *Si has utilizado este elemento del plugin especial y no te va,* puedes ponerte en contacto (en inglés) con el equipo de soporte del plugin gratis (que es parte del equipo Astra): wpastra.com/support/free-support/ Procura describir al detalle y con URL (dirección web). Y tomar capturas de pantalla: - *Windows 10: captura pantalla fácilmente (2019)* kzbin.info/www/bejne/hYOVp2qLfNiqbJo Otra opción es *trasladar esta duda al grupo en Telegram de WordPress Venezuela,* y mencionar a @YordanSoares para que te ayude él u otra persona del grupo. Desde el blog oficial de WordPress Venezuela tienes acceso: ve.wordpress.org/news/ Saludos ✌😉.

[@saraimartinez6446]

Hola joyita del internet, me gustaría saber como edito mis paginas para mi menú principal, estoy usando Astra y este plugin para hacer mi pagina completa y este video me ayudo mucho en como acomodarlo para que se vea bien en los demás dispositivos, el problema es que vi que el menú que tienes es de una plantilla y ya te arroja al contacto y quienes somos al darles clic, como podría editar mis paginas (contacto, quienes somos etc) con elementor de mi menú? si tienes un video relacionado me gustaría que me mandaras el link . Gracias por tu contenido!!

[@Joanmorci]

Hola *Sarai* Para editar esas páginas tienes que conocer el programa de WordPress, lo que trae de forma nativa antes de usar plugins de maquetadores visuales (page builders). Sencillamente debes ir al menú de WordPress (lateral izquierdo) y hacer clic en el apartado de 📄 Páginas. Haces clic sobre la página en cuestión que quieres editar, y ya verás por ahí un botón que te permite editarla con Elementor. Para otras dudas de base, como esta, te recomienda veas esta lista de reproducción: - *CURSO BÁSICO WORDPRESS:* bit.ly/3cxzZTU (gratis en KZbin) Saludos ✌😉.

[@linderrevillavergaray4864]

Joan para hacer un popap cn boton de contacto en la parte derecha del menú.

[@Joanmorci]

*Hola LINDER.* Te comento que en este vídeo ya digo que es mi primera vez con Elementor 😲. No obstante, me apunto en mi tablero de Trello tu duda (que también es la mía ahora). ¿El popup preguntas cómo se hace solo con Astra o con Elementor? La verdad que es la mejor elección, poner de ese modo el formulario de contacto. Porque en EE.UU. y ahora aquí cada vez es más tendencia poner el formulario de contacto al final de las páginas pero a algunos no nos gusta porque rompen la estética de la web aunque otros preparan un botón para según hagas clic se abra un desplegable que muestre el mismo, me consta de clientes que incluso lo han quitado. Cuando pueda o saque un rato te comento pero no sé cuándo será. La primera duda que atendí en este vídeo data de 2 meses antes. Tengo el tiempo limitado. Suscríbete, si quieres, para estar atento a las notificaciones de nuevos vídeos. Saludos ✌.

[@marisolbohorquezgodoy1399]

Muy buen video, pero hice todo el paso a paso y no aparece el header en la página que cree. No sé qué hice mal...

[@Joanmorci]

*Hola Marisol.* Pues la verdad que poco te puedo ayudar si has hecho todo paso a paso porque sí que sale bien. Estoy próximo a abrir un canal y grupo (ambos privados) en Telegram. Para crear comunidad y nos ayudemos entre todos. No obstante, explicaré ese proceso en un videotutorial, si puedo esta semana. ¿Por qué te cuento esto? Para que tanto a ti como otra persona os resulte más fácil enviar una captura de pantalla de ciertos apartados que quizás no hayas hecho bien. Telegram es mejor que WhatsApp (y nadie necesita ver tu número de móvil). Y realmente es mucho más que WhatsApp. Yo recién me estoy dando cuenta, después de existir Telegram desde 2013 😅. Saludos.

[@yoandyrossrodriguez8964]

Hola una pregunta no es sobre lo que vemos en el vídeo pero igual tal ves puedas decirme: imagínate una web que brinde un servicio X y usas remitentes y destinatarios, en ambos casos necesitas siempre información de ambos, nombre, dirección, etc. con cual plugin puedo guardar esas informaciones para que en la proxima que un usuario registrado decida usar el servicio no tenga que ingresar la información nuevamente a menos que sea un destinatario nuevo?

[@Joanmorci]

*Hola Yoandy.* Pues sí la verdad que nada tiene que ver con este vídeo 😅. Bueno yo te voy a decir lo que yo hago pero quizás no es la solución que tú esperas. Yo también doy servicio (yo hago el diseño web aunque ahora lo tengo pospuesto hasta otoño). Para recopilar datos de tus clientes *de primeras necesitas un formulario de contacto. Tienes 2 plugins muy oídos:* - *Contact Form 7 (Por Takayuki Miyoshi):* es.wordpress.org/plugins/contact-form-7/ - *Contact Form (por WPForms):* es.wordpress.org/plugins/wpforms-lite/ El que uso yo viene con el page builder de SiteOrigin. El caso es que *con esta opción recoges los datos más básicos,* normalmente todos a rellenar de forma obligatoria salvo alguna excepción que tú consideres: Nombre, Email, Teléfono (opcional), Localidad (opcional), Comentario. *No pidas más datos porque sino es probable se agobie y no te escriba.* Es muy importante que entiendas que *esta información debe facilitártela tu cliente de forma voluntaria* (rellenando ese formulario de contacto) porque si no es así y *la recoges tú por tu cuenta estarías metiéndote en problemas con la ley de proyección de datos, si es que tienes clientes de Europa.* Por otro lado, una vez se pongan en contacto contigo a través de esos formularios de contacto, te llegará un email con todos los datos. *¿A qué email te será enviado de los tuyos?* Al que hayas definido en el back-end del formulario de contacto. Tienes un ejemplo en este vídeo (tiempo exacto): kzbin.info/www/bejne/e6faqoKHftJlodE (en este caso es un formulario de contacto que permite poner el maquetador visual que uso: SiteOrigin. Pero busca el equivalente en los plugins que te mencione). Una vez tengas el contacto y la escasa información que te haya enviado *es hora de enviarles un enlace a un formulario de presupuesto que hayas creado con la herramienta de Google.* Explico cómo funciona al detalle en este videotutorial: - *Formularios Google: tutorial 'brief creativo' (conoce cliente):* kzbin.info/www/bejne/boPbd3qNeNOJi6M Esta herramienta online te va a permitir recopilar todos los datos que necesitas. E incluso con ese mismo enlace de formulario de presupuesto puedes modificar la información cuantas veces desees y la dirección web nunca cambia aunque sí el contenido adaptándose a los nuevos precios de cada año. También te permite volcar todos los datos recogidos en un Excel, el cual puedes importar a Outlook Express. Espero que te resulte útil la información. Saludos.

[@alanalvarezsegales6388]

Hola gracias por la ayuda en el tutorial me ha servido mucho, tengo una consulta, en minuto 38 modificas el botón de "gratis regalo de mes" con su icono, es posible aumentar el tamaño del icono independientemente del tamaño del texto?

[@Joanmorci]

*Hola ALAN* Lo estaba comprobando ahora pero por lo que veo no se permite. En el tiempo 36:58 justo hay un apartado que pone *Tamaño* pero afecta al todo el botón. Y dentro de lo que es el icono al seleccionarlo no permiten un tamaño personalizado. Es muy probable que reserven esa opción para la versión Pro. Al menos, yo no he encontrado esa opción en la versión gratuita. Saludos y ya lo siento, es una lástima.

[@alanalvarezsegales6388]

@@Joanmorci gracias por la repuesta, por ahora colocoque una lista de una sola fila, lo bueno de la lista es que tiene esas opciones de modificar el icono independientemente del texto, y aumente una url.

[@alanalvarezsegales6388]

Tenia una pregunta mas, por que cuando edito en la version movil en el diseño que hago se ve desacomodada la vista, pero cuando lo veo desde cualquier movil que no sea la vista movil de elementor se ve bien. Lo mismo me pasa en la vesion de escritorio cuando esta activo el menu de edicion de elementor o la barra de widgets se ve bien la edicion, pero cuando desactivo el menu de edicion de elementor se ve descaomodado, en el caso del escritorio en otros dispositivos se ve igual de mal.

[@Joanmorci]

​@@alanalvarezsegales6388 de Elementor no sé tanto. Este videotutorial fue mi primera experiencia con este page builder. Pero te comento que Elementor te brinda la opción de acomodar las cabeceras de todos los dispositivos de forma orientativa. No es recomendable ajustar demasiado. Dependerá del dispositivo móvil donde pruebes verlo mejor o peor. Tienes más detalles en el post que dejé hoy en mi pestaña COMUNIDAD (enlace directo): kzbin.infoUgydv8oB0mjNO5GUdxt4AaABCQ Saludos.

[@paulnunezchanga6141]

Hola Joan, muy buen video me ayudas mucho para crear con detalle las páginas. Una consulta, has hecho algún video tutorial sobre el pie de página (Footer). Si cuentas, favor de compartirme el link, me guio bastante bien con la explicación que brindas.

[@Joanmorci]

*Me alegro Paul,* te sea útil mi contenido. Si consideras le puede ayudar a alguien más no dudes en compartir vídeo 😉. No he hecho videotutorial del pie de página (footer) y aunque sí estaba en mi planes a futuro... después de las nuevas actualizaciones que traerá el tema Astra gratis dudo que lo haga. Acaban de actualizar a la versión 2.6 y trae mejoras interesantes: - *WordPress: tema Astra 2.6 más Rapidez y más Colores* kzbin.info/www/bejne/eYCYY4Goq5WopJI Pero se espera otra versión mayor donde nos van a permitir personalizar cabecera (header) y pie de página (footer), desde el tema Astra gratis, a nuestro gusto. Esto es porque viene un rival en relación a temas gratis que trae muchas mejoras, más que Astra en su versión gratis. Y mientras pueda Astra hará lo propio para mejorar a nivel gratis y ponerse a su nivel. Más info en el enlace que te deje arriba. Mientras eso llega solo te puedo recomendar el vídeo de otro compañero que trabaja con WordPress y Elementor: - *✅ Crear Footer Personalizado en WordPress 👉 Gratis y Fácil | 2020* kzbin.info/www/bejne/eYa6Zp6on7p3a5o Saludos ✌😉. _Pd.: este finde ando apurado para contestar rápido._

[@nuestrosecretodelivery1385]

Hola,me gustaria saber que plugins usas para el desplazamiento del menú,por que le verdad no lo puedo hacer como lo explicas acá

[@Joanmorci]

*Buenas Delivery.* Es que en este videotutorial no trato ese asunto. Ya lo traté en un video anterior (con 3 métodos) llamado: - *WordPress: tema Astra. Fijar Menú Cabecera (Sticky Header)* kzbin.info/www/bejne/mJfZkmSBj6ZqftU (léete descripción vídeo). Este videotutorial *forma parte de la LISTA DE REPRODUCCIÓN - WordPress Tema Astra (Gratis):* kzbin.info/aero/PLU_WUQu6U_FmdEOAidR6OiyTqXX_jjBoD Saludos ✌😉.

[@Fiakosorio]

Hola, estoy buscando armar un Menú visible y colorido con Astra y con Elementor (no Pro, el basico), y no puedo modificar el tamaño ni el fondo blanco que viene por Default. Hay algún pluggin para Menú que sirvan en Astra o Elementor gratis?

[@Joanmorci]

¡Hola *Fiakosorio!* Te *recomiendo que veas este videotutorial en su totalidad* porque te vas a sorprender que *no necesitas Elementor Pro para armar el menú cómo tu deseas y que aparezca donde tú consideres.* Aunque para ello y *como indico en este videotutorial necesitas la ayuda de un plugin especial* (de los creadores del tema Astra). Ese plugin especial ya *lo muestro en la imagen de portada del vídeo, descripción e indico en el tiempo **5:36**.* Además permite otras opciones (crear tu propio pie de página o bloques personalizados). Pero *si deseas un plugin especifico* para *crear mega menús* entonces te recomiendo: - *Max Mega Menu* (Por megamenu.com): es.wordpress.org/plugins/megamenu/ Te puede quedar *algo tan chulo como en este sitio web* (el cual usa dicho plugin): wpbuffs.com/ Saludos ✌😜.

[@juliancaminos5241]

Excelente video! pero me surgió un problema, cuando modifico la adaptabilidad según los diferentes dispositivos me sigue quedando mal, y el menú me queda sin formato y no logro entender el por qué queda así. Desde ya, Muchas Gracias!

[@Joanmorci]

*Hola Julian* ¿A qué te refieres sin formato? ¿Podrías hacer una captura de pantalla y subírmela a imgur para ver exactamente cómo te queda? - Windows 10: captura pantalla fácilmente (2019) kzbin.info/www/bejne/hYOVp2qLfNiqbJo - Imgur: Sube Imágenes. Pasa videos a GIF. Haz Memes kzbin.info/www/bejne/i4CraX94ltp9qck En el menú de móvil y tableta lo que suele ocurrir es que se descuadra. Hay que calibrar de nuevo en % el ancho de cada columna. 43:00 - Pantalla de Móvil. Qué debes modificar 46:54 - Pantalla de Tableta. Qué debes modificar Ya me dirás. Saludos.

[@juliancaminos5241]

@@Joanmorci Hola Joan Gracias por responder. Te paso el link de las capturas imgur.com/a/4vZJTwx Ya lo he adaptado con los % correspondientes para cada dispositivo, pero el menu no queda correcto. PD: fui haciendo paso a paso como explicas en el video, pero ahora que recuerdo cuando solo apliqué este menu a una sola pagina se veía perfecto (como habías hecho en la pagina piscina), luego cuando apliqué a toda la web se vio bien, pero no por mucho tiempo y hasta ahora me quedó como verás en las capturas. Muchas Gracias por tu tiempo y tus videos. Saludos.

[@Joanmorci]

​@Julian Caminos lo estuve mirando esta tarde pero la verdad que es un problema muy raro. Sin ver la instalación no se me ocurre cuál puede ser el problema. Intente hacerlo desde CSS adicional pero no di con la regla CSS que lo haga posible y tal parece que Elementor tiene esa opción reservada para hacerlo desde su versión Pro. Es posible que algún plugin o tema entré en conflicto. Yo te recomendaría que desactivaras todos y fueras probando uno a uno hasta ver cuál puede generar dicho conflicto. Tendrás que ponerte en contacto con el grupo privado (Facebook) o foro (WP .org) de Elementor o Astra y comentarlo en inglés, a ver si alguien le ha sucedido lo mismo. No sé muy bien de cuál depende. La gente de Astra suele responder por el foro de WordPress pero también tiene un servicio de formulario web para atender todo lo gratuito: wpastra.com/support/free-support/ La gente de Elementor tiene disponible otras opciones: elementor.com/support/ (al final acceso a su grupo de Facebook y GitHub que es donde resuelven los problemas). A mí esta tarde me sucedió un problema y tuve que solventarlo vía Google, dado que era algo propio de Elementor pero desde este plugin especial, no me permitía ver la edición, hasta que logré adivinar la solución me robó 1h larga. Ya lo siento no serte de más ayuda. Quizás Sergio KS sepa algo más (está más familiarizado con Elementor): kzbin.info/door/_sZVqG6s7lppHcW7kInzQw

[@juliancaminos5241]

@@JoanmorciYa pude resolverlo, era un problema de configuración del menú desde Wordpress. Muchas Gracias. Saludos

[@Joanmorci]

@@juliancaminos5241 en qué ruta localizaste el problema? 😲. ¿Lo hallaste por tu cuenta o te ayudo el equipo de Astra o Elementor?

[@asturyan9293]

Que flojera ver un vídeo de más de una hora para crear un header & footer. Seguiré buscando, gracias!!! 😁

[@Joanmorci]

También me daría flojera sino fuera por lo personalizado qué es y la libertad que te da gratuitamente. Sigue buscando sí... que verás lo que te vas a encontrar 😂. De todos modos, solo es para crear un header totalmente personalizado. Si quieres las 2 cosas (header & footer): - *Astra 3.0 ✚ Rápido 🚀con Header & Footer Builder* a partir del tiempo 9 min y 25 sg (enlace a tiempo exacto): kzbin.info/www/bejne/fnvahoyEfbZ0kLc Saludos.

[@asturyan9293]

@@Joanmorci ya ando en otro tema tío, gracias 🤪

[@Joanmorci]

@@asturyan9293 ok.

[@danieloversluijs1354]

Hola Joan, tengo mi plantilla de astra que ya tiene los menus, he creado una cabecera lo puse en toda la web pero cuando refresco mi web no me aparece o tengo que cambiar los slug? ayudame

[@Joanmorci]

*Hola Daniel* Ok entiendo tienes el tema Astra. *Puedes confirmarme si... ¿has creado ya tu menú personalizado de la cabecera con Elementor* (versión gratuita) *y has utilizado para ello el plugin especial: Elementor - Header, Footer & Blocks Template?* Si es así... *aplicándolo a 'Toda la web'* como indico a partir del tiempo 50:29 *debería mostrarse como tal.* *No* es *necesario cambiar ningún slug,* ya que *aplicar ese menú personalizado* a 'Toda la web' *deshabilita* el *menú del tema Astra.* Es algo que ya indico al comienzo del videotutorial (debes crear de nuevo el menú que tuvieras hecho anteriormente en Astra, y para ello te sirves del plugin Elementor y el plugin especial). Por favor, explícame al detalle si es así como te digo o te has comido algún paso. Hoy ya no puedo responderte (estoy en España) se hace tarde para mí, pero el sábado te respondo con lo que me digas. Saludos ✌.

[@danieloversluijs1354]

@@Joanmorci hola Joan, solo me muestra el footer que trae por defecto la plantilla los menus ya estan puestos ya que vinieron con la plantilla de astra, hice todo lo del video pero no refresca en la pagina que sera tienes algun correo para enviaerte el pantallazo

[@danieloversluijs1354]

@@Joanmorci me envias tu correo para enviarte el pantallazo gracias y que descanses amigo

[@danieloversluijs1354]

Gracias amigo ahi hablamos saludos..

[@Joanmorci]

​@@danieloversluijs1354 te comento que para no cobrarte como una consultoria (contacto por email) te sugiero me subas las capturas a imgur. Para lo cual te recomiendo estos 2 videotutoriales: - Windows 10: captura pantalla fácilmente (2019) kzbin.info/www/bejne/hYOVp2qLfNiqbJo - Imgur: Sube Imágenes. Pasa videos a GIF. Haz Memes kzbin.info/www/bejne/i4CraX94ltp9qck De todos modos, ¿has visto el vídeo completo? Si lo miras por trozos es posible no comprendas el concepto que se persigue con estos plugins. Por lo que hasta mañana te sugiero veas el vídeo completo y así me podrás explicar mejor qué paso no te sale igual, de ese modo podré hallar mejor el problema por si algo no dejé bien explicado. Saludos :)

[@joorchampi3346]

Hola Joan tengo una duda en el apartado de sección dices que hemos de seleccionar angosto para que quede óptimo en vista móvil, pero si yo la estoy editando en septiembre? LOL... era un chistesito jajaj buenos videos bromas a parte, gracias y un saludo!

[@Joanmorci]

Madre mía *Joor Champi* que bien te ha sentado la vuelta de las vacaciones 😅. Me lo dices en un Directo y me dejas frito 🤯. Saludos ✌😄. _Pd.: no me digas estas cosas en un Directo que seguro no lo pillo 😂_

[@marlondanielhormazamoreno513]

amigo, segui todos tus pasos pero no puedo quitar ese espacio en plando con las lineas de codigo ese content no me sale que puedo hacer?

[@Joanmorci]

Hola *Marlon* Como ya le dije a otro usuario, no te tiene porque aparecer nada en CSS adicional. Ya lo explico en el vídeo que ese código CSS viene de otra práctica de un videotutorial anterior, concretamente éste: - *WordPress: Astra. Fijar Menú Cabecera (Sticky Header)* kzbin.info/www/bejne/mJfZkmSBj6ZqftU Saludos :)

[@tennisperformancedrills7584]

Hola muy buen video! una pregunta para hacer el sticky menu en el ultimo paso cuando seleccionas "Inspeccionar" y vas a la secion de propiedades para extraer el codigo no me sale ese codigo. Alguna sugerencia? Me pone que hay algún tipo de error. Gracias!

[@Joanmorci]

*Buenas Tennis.* Ya sois varios los que me preguntáis por este asunto, por lo que esta mañana saque un ratito y me puse a la tarea para buscar una posible alternativa tan sencilla como la anterior. La encontré (al final del mensaje te la expongo aunque haré vídeo la próxima semana). Gracias por tu duda tan bien expuesta y detallada. *Supongo que en 'Properties' te aparece algo como esto:* _This panel has been deprecated in favor of executing the following in the console:_ _console.dir($0)_ _($0 is a referece to the currently selected DOM node in the elements tree.)_ Busqué información y he visto que *fue algo eliminado por Google Chrome en su versión 84.* De hecho, en este enlace lo mencionan: developers.google.com/web/updates/2020/05/devtools?#properties Pero *también* he visto que *está eliminado en los navegadores de Opera y Edge. En Firefox ni* siquiera *aparece.* Por lo visto *estaba obsoleto.* *Te comento la alternativa que yo he encontrado.* Primero de todo *si ya tienes el plugin myStickymenu* (autor Premio) *desactívalo o deja vacía la casilla donde metemos 'Otra clase o ID'.* *Sigue* los *pasos del vídeo a partir del tiempo **52:45* pero no vayas a Properties. Haz *clic con el botón derecho del ratón sobre el selector seleccionado* (section class) y *en* la *ventana emergente sigue esta ruta: Copy > Copy selector* (esto se quedará en tu portapapeles). *Abre el bloc de notas y pega allí* lo del selector. *Te saldrá algo como esto:* #masthead > div > div > div > section *A partir de ese section verás todo el código restante que es lo mismo que en el vídeo, a copiar y pegar en la casilla 'Otra clase o ID' del plugin myStickymenu.* No te preocupes si lo ves cambiado de orden, *funciona el código* igualmente. Comprobado esta mañana. Ya me dirás si te funciona. Saludos ✌😅.

[@ESTUDIOMORALES2024]

Hola Joan, desde ya increible el video, estuve todo el domingo por la tarde con el y pude armar mi propia cabecera. Queria hacerte un par de consultas : 1) Yo tengo en mi sitio un tema de Astra donde me baje una plantilla, si yo quiero aplicar a todo mi sitio (que ya tiene su menu) , lo puedo hacer , yendo a personalizar e inhabilitar el menu ? 2) Cuando voy en el ultimo paso a inspeccionar, y voy a propiedades me figura lo siguiente " This panel has been deprecated in favor of executing the following in the console : console.dir($0) ($ is a reference to the currently selected DOM node in the elements tree). Muchas gracias!!!!!!!!

[@Joanmorci]

Hola *Alexandro.* 1) Con respecto a *tu primera duda,* tienes que hacer lo que te comento en el tiempo 50:41. Y verás que con dicha elección no es necesario que hagas nada más para deshabilitar el menú que tuvieras creado por la plantilla prediseñada (Starter Templates 2.0). 2) Con respecto a *tu segunda duda,* te voy a *decir lo mismo* que a otro comentario de este vídeo de parte de *Francisco.* Busque información y *he visto que fue algo eliminado por Google Chrome en su versión 84. De hecho, en este enlace lo mencionan:* developers.google.com/web/updates/2020/05/devtools?#properties Pero *también he visto que está eliminado en los navegadores de Opera y Edge. En Firefox ni siquiera aparece.* Por lo visto estaba obsoleto como ha sucedido con parte del código que formaba parte del núcleo de WordPress, que ha sido eliminado en su versión 5.5 y ha provocado numerosos problemas a plugins y temas que aún usaban ese código antiguo. Sin embargo, en este sentido el equipo de WordPress proporcionaba alternativa para mitigar dichos efectos. Puedes ver más en este videotutorial: - Novedades WordPress 5.5: Velocidad, Búsqueda, Seguridad, Gutenberg (Solución Errores): kzbin.info/www/bejne/ipDGpoieqq2tqtU Por otro lado, *una alternativa es meterlo a mano como indico en este vídeo* (dónde te dejo tiempo exacto donde hablo de donde encontrar el código exacto aunque en la edición del videotutorial descubrí ese apartado de 'Propiedades' donde copiar y pegar): - 🖌 *WordPress CSS: cambia color links en ventana popup (GDPR Cookie Consent) :* kzbin.info/www/bejne/qnbKlH-hZsSZbsU Es lo que hay hasta donde yo sé. Saludos ✌😉.

[@bakeraji]

Muy buen vídeo, aunque yo tengo una duda, cuando estas adaptando el header en el móvil, como se puede meter 3 bloques en fila? Tú metes el logo y el menú hamburguesa, pero si yo quiero meter el carrito también? Como lo puedo hacer?? Gracias y buen vídeo

[@Joanmorci]

Hola *bakeraji* Pues te voy a ser muy sincero y es que Elementor no lo manejo normalmente, solo lo he usado puntualmente por curiosidad para este videotutorial y alguno más. A priori no recuerdo todas sus opciones por lo cual lo más fácil que me parece es que crees una nueva sección de 3 columnas y después arrastres los elementos que hayas creado en un sección de 2 columnas. La disposición la tendrás que arreglar después como indique en el vídeo. Saludos ✌😅.

[@fotosetpuntoes]

He intentado hacer una cabecera y un pie con este plugin y GTranslate y veo que si bien funciona dentro del entorno de maquetación de Elementor, en cuanto la publicas deja de funcionar. ¿Es incompatible GTranslate con Elementor? Porque eso sería un problema para muchos, ¿no?

[@Joanmorci]

*Hola Jordi.* Sinceramente no lo sé. No manejo esa combinación de plugins. Pero si te está ocurriendo eso no te queda más remedio que ponerte en contacto con los autores de esos plugins e informarles del conflicto a ver si sacan alguna actualización que lo corrija. Informa también del tema que estás usando, puede que el conflicto también sea generado por éste (también tendrías que ponerte en contacto con el autor del tema). A priori probaría a usar un tema propio del equipo de WordPress (Twenty Twenty o cualquier otro), para verificar que el tema no es uno de los que generan ese conflicto. Saludos ✌😉.

[@fotosetpuntoes]

@@Joanmorci Gracias por la respuesta, Joan. El pluguin lo había estado utilizando sin ningún problema con el tema "Virtué", pero al utilizar Elementor dejó de funcionar, de ahí que me parece que el problema está en Elementor, que no debe aceptar ese plugin cuando publicas la página, porque curiosamente, durante la maquetación sí que hace la traducción, pero en cuanto la publicas, sólo quedan los iconos a modo decorativo.

[@Joanmorci]

​@@fotosetpuntoes pues entonces hay un conflicto bien entre Elementor y el plugin o incluso con el tema a su vez. La verdad no sé. He tenido conflictos parecidos y es que no queda más remedio que probar lo que te he dicho o poniéndote en contacto con el autor del plugin, es lo que sucede cuando no somos programadores y dependemos de terceros para este tipo de cosas. Ya me contarás si encuentras o te dan solución. Ya siento no ser de más ayuda. Saludos.

[@fotosetpuntoes]

@@Joanmorci Voy a seguir trasteando a ver si tropiezo con la solución ¡Muchísimas gracias!

[@fotosetpuntoes]

@@Joanmorci No me preguntes porqué, pero ahora funciona perfectamente. A ver cuánto dura. ¡Cosas de la informática!

[@enzofranceschi641]

GRacias me sirvio mucho! (Y) (Y)

[@Joanmorci]

Me alegro *Enzo* Comparte el vídeo si consideras le puede ayudar a otras personas. Saludos ✌😉.

[@hparedesm89]

Hola, tengo un problema con los widgets de astra al momento de realizar la cabecera, no me aparecen :( .

[@Joanmorci]

Hola *Heleny* No entiendo muy bien tu pregunta y no sé si tiene que ver con este vídeo en concreto. Los widgets o mejor dicho elementos que ves en este videotutorial no tienen que ver con el tema Astra sino con lo que traen los plugins: - Elementor page builder (versión gratis) - Elementor - Header, Footer & Blocks Template Saludos :)

[@hparedesm89]

@@Joanmorci Hey hola, gracias por responder, si ya estuve revisando el vídeo, esta genial y completo !!!, ..es que tengo un problema , cuando entro a personalizar/widgets ps no me aparece ninguno :/ y ps ahí ando tratando de solucionarlo 😅, muchas gracias por responder. 😌, pensé que tenía que ver con el tema, pero creo que es otra cosa. 😞

[@Joanmorci]

@@hparedesm89 voy a cenar y luego tengo Estreno de vídeo, pero si me dices el tiempo exacto en el vídeo donde no ves "x" cosa te lo miro en cuanto pueda y te digo. Saludos.

[@jekkyll]

Yo cuando pongo el menú, ni me sale el fondo en la previsualización, y aparte me salen todos los elementos del menú pegados. No sé xq le pasa eso.

[@Joanmorci]

Hola *Alberto.* ¿Te has visto todo el videotutorial? Porque *explico qué se debe hacer para que no se peguen todos los elementos del menú.* Si no te sale el fondo en la previsualización puede que algún otro plugin esté creando un conflicto. Desactiva el resto de plugins que estés usando excepto los necesarios para este videotutorial. A ver si de ese modo averiguas cuál interfiere. Saludos :)

[@jekkyll]

@@Joanmorci Muchas gracias Joan, lo volveré a revisar. Un abrazo

[@sebastianjesuslopez4612]

¿Puedo editar con Elemmentor si tengo una cuenta personal en Wordpress?

[@Joanmorci]

*Hola Sebastian .* No. No puedes hacer uso de ningún plugin de terceros en dicha cuenta (donde pagas 4€ al mes). Por lo que veo: wordpress.com/es/support/funciones-planes/ eso podrías hacerlo en una cuenta Business pero por el coste mensual que tiene: es.wordpress.com/pricing/ la evitaría. En general evitaría adquirir WP.com y pasaría ya a trabajar directamente con WP.org pagando 3€ al mes en una compañía de hosting web como Strato: www.strato.es/hosting/ (hosting básico). No es el mejor hosting web pero si estás empezando y quieres personalizar a tu gusto lo que desees te lo recomiendo (además pagas al mes, no todo de una tacada). No obstante, si decides dar el paso a WP.org mírate estos 2 enlaces: - *WordPress: Hosting Web. Cuál Elegir y Porqué* joanmorci.com/hosting-web-wordpress-cual-elegir/ - *Mantenimiento WordPress(.org)* joanmorci.com/mantenimiento-wordpress/ Saludos ✌😉.

[@Obedelrino]

Hola, todo bien pero tambien hubiera sido genial que muestres los pasos para fijar la barra del header. Saludos.

[@Joanmorci]

Sí hablo de ello, al final en tiempo 52:02 pero el método explicado aquí no te servirá porque Google Chrome modificó cierto apartado e hice un vídeo aparte para lo que deseas: - *WordPress: Elementor. Fijar Cabecera (Sticky Header)* kzbin.info/www/bejne/apvGe6Cda5eVkK8 Saludos 😅.

[@roynerdelgado4650]

Hola Joan, como puedo hacer un menu vertical en Astra gratis? Saludos

[@Joanmorci]

*Hola Royner Delgado.* Pues acabo de comprobar que lo puedes hacer a través del uso del *plugin especial* que comento en este videotutorial en concreto: - *Elementor - Header, Footer & Blocks Template (Por Brainstorm Force, Nikhil Chavan):* es.wordpress.org/plugins/header-footer-elementor/ *Date cuenta del uso* que hago del mismo *en el tiempo de video:* *24:20** - Menú de navegación* (en cuadrícula izquierda lo seleccionas). Una vez *seleccionado este menú, en el lateral izquierdo, haz clic en la pestaña Diseño.* Se abre un nuevo desplegable con varias opciones. Te interesa la *opción que pone Diseño.* A su *derecha tienes un desplegable* que *por defecto* muestra el *menú Horizontal.* Si haces clic sobre el icono de triángulo para abajo *se abre un desplegable* que te permite *elegir la opción Vertical.* Ya solo te queda por definir Alineación. Eso es todo. Saludos ✌😊.

[@roynerdelgado4650]

@@Joanmorci Muchas gracias pero como hago para colocar ese menu vertical ahora del lado izquierdo de la pagina asi como una barra lateral o sidebar pèro el menu?

[@roynerdelgado4650]

@@Joanmorci Es como decir voltear la sección completa como barra lateral a la izquierda, se puede?

[@eduguell84]

Hola! Yo he creado una dos sobrecabeceras + la cabecera con el logo y el menú. En el editor se ve perfectamente pero cuando abro la web en otro navegador se ve fatal, no se ve exactamente como lo he creado y no entiendo porque. Esta seleccionado que sea para toda la web y para todo el mundo, pero si no estas identificado pues no se visualiza correctamente. No se que debe estar pasando la verdad... :-( Me puedes ayudar? Gracias!

[@Joanmorci]

Hola *Eduard* El videotutorial está al detalle para que no te ocurra ese problema (el cuál también tuve). Tiene toda la pinta que tiene que ver con la *Disposicion* de cada elemento. Éste se expresa en porcentajes (%). Por lo que te recomiendo que revises el índice que hay en la descripción y mires ese dato. Saludos ✌😉.

[@eduguell84]

Voy a seguir paso a paso todo el tutorial para ver donde me he equivocado, pero es que tengo configurado ya donde visualizarse y quien lo visualiza y aun asi nada... 😢😢

[@Joanmorci]

@@eduguell84 echa un vistazo a este videotutorial a ver si el problema que tienes es relacionado con algo de lo que comento aquí: - *Navegador web: Diseño Web en Móvil / Tablet (diferentes resoluciones)* kzbin.info/www/bejne/p3XWlpZqmtqhbLs Saludos :)

[@eduguell84]

Joan, es mejor pasar del plugin Header, footer & blocks y hacerlo con el nuevo creador de cabeceras y footers del nuevo astra 3.0?

[@Joanmorci]

@@eduguell84 depende de lo que requieras. Para la mayoría de "mortales" con poco nos basta 😅. Con lo que ves en este video el nivel de personalización es mayor, no estás limitado a los items o bloques que te dan temas gratis como Kadence o el nuevo Astra 3.0. Puedes echar un vistazo a los mismos: - *Astra 3.0 ✚ Rápido 🚀con Header & Footer Builder* kzbin.info/www/bejne/fnvahoyEfbZ0kLc - *WordPress: tema Kadence. Personaliza Cabecera (Custom Header)* kzbin.info/www/bejne/aZ2wiIuipt96d5o Saludos :)

[@edisonsanchez1969]

Excelente

[@Joanmorci]

*¡Gracias esloj!* ✌😊.

[@heavyboxvaldepenas2385]

Hola Joan, te felicito por el valor que das a los que utilizamos Astra. Quería preguntarte si se puede cambiar el tamaño del menú de la cabeceara de una forma fácil. Un Saludo

[@Joanmorci]

*Hola HeavyBox Valdepeñas.* De una forma fácil (sin usar CSS) no lo veo desde Elementor. Lo único que te permite cambiar desde Elementor y gracias al plugin especial (que trae ese widget de Menu navegación) es: - Relleno horizontal - Relleno vertical - Espacio intermedio - Espaciado de las filas Desde (clic en menú) 'Editar Menú de navegación' > 'Estilo' > 'Menú principal' . Estamos esperando la nueva actualización de Astra donde el tema gratis debería permitir crear la cabecera y pie de página personalizada. Algo que anunciaron hace un mes y aún no termina de llegar. El hecho por el cual lo hacen es por el tema Kadence, también gratuito y en el repositorio de WordPress. Hice un videotutorial sobre el mismo, quizás te interese echarle un vistazo: - *WordPress: tema Kadence. Personaliza Cabecera (Custom Header)* kzbin.info/www/bejne/aZ2wiIuipt96d5o Saludos y Felices Fiestas ✌😉.

[@1ibrementalidad]

Con el plugin de envato tienen cabeceras gratis para elementor gratis

[@Joanmorci]

*Suena interesante 1ibremente.* ¿Me puedes aclarar si es necesario suscribirse como en el caso de Elementor y una vez hecho esto puedes hacer uso gratis de plantillas prediseñadas de cabeceras? En el caso de Starter Templates 2.0 no es necesario suscribirte y te permite importar plantillas gratis y otros módulos pero si deseas cabecera (header) y pie de página (footer) no hay. Aunque bueno próximamente el tema Astra gratuito va a incorporar cabecera (header) y pie de página (footer) personalizado. Haciendo acopio de lo que el tema Kadence gratis trae ya. Saludos y gracias igualmente por tu aportación ✌😉.

[@1ibrementalidad]

@@Joanmorci es igual que las plantillas de Astra no te pide suscripción y tiene muchos bloques y plantillas muy buenas como las premiun de elementor y gratis

[@Joanmorci]

Ok @@1ibrementalidad muchas gracias por la aclaración, habrá que tenerlo en cuenta a futuro. Por si Elementor emprende andadura fuera del ecosistema WordPress. Saludos ✌😉.

[@zeccagency1268]

Este video es para la versión free verdad?

[@Joanmorci]

Hola *Zecc* Sí, lo indico en la descripción en el cuarto párrafo: "No hablo de versiones Pro (de pago). Todo es con versiones gratis del tema Astra + plugin Elementor + plugin especial (Elementor - Header, Footer & Blocks Template)." Saludos ✌😉.

[@carlosparedes4587]

una consulta he usado una plugin 3D FlipBook version gratuita y tuve conflicto con elemento ¿?

[@Joanmorci]

Hola *carlos* Si tienes claro que ese plugin esta creando conflicto con Elementor debes informar al autor de dicho plugin (normalmente desde el foro de soporte en repositorio WordPress), para que lance una nueva versión donde esté corregido ese problema. Saludos ✌😉.