Cómo personalizar el tema WordPress ASTRA 100% a tu gusto ✅ Tutorial 2024

Рет қаралды 24,030

Күн бұрын

Si quieres aprender a personalizar la versión gratuita del tema Astra 100% a tu gusto y hacer, además, que este diseño sea un diseño responsive, apto para dispositivos móviles, éste es tu vídeo. 😉
✅ Contrata el hosting para tu web aquí con el mayor descuento:
🔥 Webempresa con máximo descuento: 👉 drp.li/YVL4s
🔥 SiteGround con máximo descuento: 👉 drp.li/L9wcw
🔥 Hostinger con máximo descuento: 👉 drp.li/iBZCE
🔥 Raiola Networks con máximo descuento: 👉 drp.li/dig5p
🔥 LucusHost con máximo descuento: 👉 drp.li/yRzAb
🔥 Sered con máximo descuento: 👉 drp.li/npO0N
🔥 Ionos con máximo descuento: 👉 drp.li/ME5kM
00:00 Introducción.
00:18 Los más de 10.000 temas gratuitos del repositorio de WordPress.org y cómo encontrar lo que buscas.
02:06 Cómo encontrar e instalar el tema Astra.
02:50 Personalización del diseño de la web versus diseño de los contenidos.
04:58 Creamos una página especial que nos ayudará mucho en el diseño de la personalización.
06:44 Creación de algunas páginas vacías para poder personalizar el menú.
07:23 Personalización de colores, tipos de letra & botones.
17:18 Personalización de la cabecera de la web y de su pie de página (footer).
35:53 Personalización de un patrón de diseño para las páginas y diseño del menú.
Descargas gratuitas:
1.) Fichero de la página de prueba 👉 bit.ly/43pYRX3
Vídeos mencionados + relacionados:
🎥 Cómo crear una web con WordPress: 👉 • Cómo crear una Página ...
🎥 Cómo crear una Tienda Online con WordPress: 👉 • Cómo crear una Tienda ...
🎥 10 Súper Recursos para crear Páginas Web: 👉 • 10 Súper Recursos IMPR...
🎥 Tutorial Editor de bloques & Spectra: 👉 • Cómo diseñar Páginas W...
Otros videos de interés:
🔥 Cómo crear un logo profesional rápido y fácil: 👉 • Cómo crear un LOGOTIPO...
🔥 Cómo crear un blog profesional: 👉 • Cómo crear un Blog bon...
🔥 Cómo crear formulario de contacto en WordPress: 👉 • Cómo crear un Formular...
🔥 Cómo crear contenidos con IA: 👉 • Cómo usar ChatGPT y GP...
🔥 Cómo hacer copias de seguridad de tu web y restaurarlas: 👉 • Hacer Copias de Seguri...
🔥 10 Súper Recursos para crear páginas web: 👉 • 10 Súper Recursos IMPR...
🔥 Cómo optimizar imágenes para webs en WordPress: 👉 • Cómo Optimizar Imágene...
🔥 Cómo usar & combinar colores en diseños web: 👉 • Teoría del COLOR + Cóm...
🔥 Tutorial de Google Analytics 4: 👉 • Google Analytics 4 ✅ T...
🔥 Tutorial de Google Search Console: 👉 • Google Search Console ...
Artículos que te recomiendo:
🔥 Requisitos legales para vender en internet sin sustos: 👉 drp.li/axYmb
🔥 Qué es SEO (incluye guía completa para aprender SEO): 👉 drp.li/JTncX
🔥 Tutorial rápido de HTML: 👉 drp.li/bhxtj
🔥 Tutorial rápido de CSS: 👉 drp.li/RRVUw
Síguenos también en nuestra web Ciudadano 2.0 y nuestras redes sociales:
1.) La web de Ciudadano 2.0: www.ciudadano2cero.com/
2.) Instagram: ibit.ly/3BX0
3.) Facebook: ibit.ly/Hmf8
4.) Twitter: ibit.ly/Pncv

Пікірлер: 53

@carmenfriasgomez7462 9 ай бұрын

No suelo decir esto pero que Dios te bendiga. Me has salvado. Llevo casi dos años peleándome con la web, sin saber cómo modificar las cosas en general (siempre lo hacía de uno en uno), con muchas frustraciones... Este es el mejor tutorial que he visto hasta el momento. Ganas una nueva suscriptora y ¡espero que el canal crezca muy rápido porque eres un tutor de 10!

@c2cero 7 ай бұрын

Gracias a ti 😊

@alensoncanaveral6431 8 ай бұрын

Hola de todos los que he escuchado eres el mejor, te tomas el tiempo adecuado para explicar y compartir tus conocimientos. Como docente eres muy excelente.

@c2cero 7 ай бұрын

Muchas gracias 😊

@wordpressColombia Жыл бұрын

Ningun canal explica tan bien como uds. Muchas gracias Alegria eres lo mejor. Siguiendo y compartiendo😍😘

@c2cero Жыл бұрын

Muchas gracias por tus amables palabras. 😊

@gonzaloseguel4927 Жыл бұрын

Gracias por tu ayuda, muy agradecido.

@c2cero Жыл бұрын

Gracias a ti por ver el tutorial 😊

@mariomariscalcornelio2464 10 ай бұрын

como puedo encontrar la sección pro en donde muestra como eliminar el circulo redondeado en la sección de menus? o alguien que pueda decirme la manera? gracias

@oollarves 10 ай бұрын

Excelente tutorial, amigo. Agradecido por todas las explicaciones... Me interesa lo de crear la lista personalizada de entradas de blog en vez de la que trae WP por defecto. ¿Ya ese vídeo está en el canal?

@octane8k 2 ай бұрын

Excelente tutorial. Veo que usa All in one para las copias. Yo me encontré un problema con este plugin en su versión free porque la copia pesaba más de 400 megas y al importar indicaba que había un límite máximo de 300 megas para la subida. Un saludo.

@sanandotusonrisa Ай бұрын

Muchas gracias por este video, me ha servido muchísima 😊

@c2cero Ай бұрын

Con mucho gusto 😊

@user-mv5ws1un9g 3 ай бұрын

Muy buen buen tutorial, gracias!

@c2cero 3 ай бұрын

Muchas gracias por tus amables palabras. 😊

@wordpressColombia Жыл бұрын

ud mi amigo es excelente. Olvide incluirlo en el mensaje anterior. Ruego me disculpe por eso. Es que vengo de otro video presentado por Alegria. Mil gracias por sus videos

@c2cero Жыл бұрын

Encantado 😊

@WilliamPalomino 11 ай бұрын

Hola que tal?? que buen video, como todos los de este canal. Una pregunta... como hago para guardar todo el sitio con todas estas modificaciones, pero que me sirva de ahorro xe tiempo para poder crear mas paginas web con estas modificaciones.. Saludos y bendiciones por casa..

@c2cero 11 ай бұрын

Lo mejor es un plugin que te permita hacer una "foto" del sitio para restaurarla cuando quieras como All In One WP Migration.

@jalvaroj 3 ай бұрын

Muchas gracias por tu tutorial, he aprendido muchísimo,. Lo he tenido que ver varias veces, porque hay mucho contenido, lo que es magnífico. Unicamente he tenido problemas, y los sigo sin solucionar, con los submenús en páginas de cabecera normal y de cabecera transparente, no termino de ver como configurar esos submenús en el caso de páginas con cabecera normal, no se soi me explico. Si fueras tan amable de darme alguna pista, sería fenomenal. Muchísimas gracias de nuevo y enhorabiuena por la calidad del turorial!! Un saludo cordial desde Madrid.

@c2cero 3 ай бұрын

Me alegro mucho de que te haya gustado el tutorial. 😊 Entiendo que con tu pregunta te refieres a la configuración de la estética de los submenús porque lo que es la estructura simplemente se replica la que hayan definido en el apartado de Apariencia / Menús de WordPress (no de Astra, aunque también se puede hacer lo mismo desde el personalizador de Astra). Si en el personalizador de vas a Maquetador de cabeceras => Menú Principal y aquí a la pestaña "Design" vas encontrar la configuración de la estética del submenú. Prueba estas opciones, en principio, deberían permitirte hacer lo que quieres hacer.

@jalvaroj 3 ай бұрын

@@c2cero Muchísimas gracias de nuevo. Ya lo voy solucionando. De todas formas tengo comprado el tema Astra Pro y, por ignorancia culpable, no había activado las ventajas que tiene esa versión. Me he vuelto lo co para ver como poner la cabecera fija hasta que he dado con ello, la verdad es que no estaría mal (a mi juicio) un vídeo explicando las pocisibilidades de Astra Pro, que no se activan por defecto al instalarse al parecer. Ahora estoy tratando de hacer lo que parece que se llama un "megamenú" (que supongo que es la ventada grande que muestra todos los enlaces que quieras de una sola vez) y otra vez me cuesta encontrarlo. Cualquier ayuda, a riesgo de abusar de tu paciencia, será bienvenida. Un cordial y agradecido saludo.

@virtualpyshop_py2603 11 ай бұрын

¡Excelente !🎉

@c2cero 11 ай бұрын

Gracias 😊

@Pyro-Mon 4 ай бұрын

Hola ! Me encantó tu video. Llevandoló a la práctica me encuentro con un problema muy grave respecto al responsive design. En mi notebook hice mi diseño de página y quedó como a mi me gusta. Ahora me encuentro con que cuando lo abro en otra computadora que tiene otra resolución de pantalla el diseño se modifica, recortando algunas imágenes mostrando la mitad del contenido. Es muy frustrante. Entiendo que en los teléfonos móviles puede llegar a suceder, pero que suceda de una computadora a la otra con el mismo navegador actualizado (Google chrome) es descepcionante. Estuve buscando información pero no encuentro qué puedo haber llegado a hacer mal, o qué mejorar en Spectra. Apreciaría muchísimo ayuda!

@c2cero 4 ай бұрын

Eso te pasa seguramente porque no has usado las opciones de diseño adaptativo (diseño responsive) del personalizador y editor de bloques. Para esto te recomiendo el tutorial hermano de éste sobre el editor de bloques y Spectra que es una mejora muy grande del editor de bloques por defecto que es muy limitado para el diseño responsive, la verdad: kzfaq.info/get/bejne/qtKSmcKQsL7Mp6M.html

@Pyro-Mon 4 ай бұрын

Muchísimas gracias por la respuesta. Por cierto me encanta como explicas y la información que brindas es de muchísima utilidad. En mi caso donde mi imagen tiene información de texto ya de por sí, el responsive estaba recortando partes. En realidad el responsive siempre funcionará muchísimo mejor si agrego el texto como párrafos en spectra (Tal como tu haces en el vídeo), y la imagen simplemente dejarla como un adorno de fondo, y no incluir el texto en la imagen previamente. Y muchísimo mejor si en vez de usar los encabezados (H1;H2;etc), utilizamos pocos encabezados y utilizamos para los textos los párrafos. Sería genial si hicieras un video sobre las etiquetas HTML5, y cómo modificarlas en Spectra, ya que en mi caso wordpress en el código hizo un gran amontonamiento de "div", lo cual tengo entendido en mi corta experiencia es poco recomendable. Muchísimas gracias por tu tiempo

@ledcar2 6 ай бұрын

Hola, saludos el video es excelente. Pero el link del fichero de pagina de prueba esta caido. Podrias pasarlo nuevamente? de antemano muchas gracias

@c2cero 6 ай бұрын

Ha debido ser algo puntual. He probado el enlace y funciona sin problemas. Un saludo.

@reinantewhisper9333 7 ай бұрын

Hola. Pues no entiendo realmente, ya que yo instalé Astra y me sale tal cual su plantilla colorida sin estar vacia y hasta con su cabecera personalizada y logo Astra.

@darwolverinec.1371 6 ай бұрын

Lo pudiste solucionar

@c2cero 6 ай бұрын

Sí, es algo que he observado también. Además no sucede siempre. Parece arbitrario. Muy raro. Es algo que quería investigar pero aún no he podido encontrar el momento.

@darwolverinec.1371 6 ай бұрын

Como se soluciona?

@killierast 4 ай бұрын

Igual me sucedió a mi, me sale la plantilla colorida y por ende no puedo comenzar desde cero. Me cuesta seguir la guia. Lo han podido solucionar?

@SnapLearn Жыл бұрын

Hola disculpa sabes cómo colocar un bloque que tenga por ejemplo las 3 últimas entradas en la página de inicio? Es decir, configure mi página de inicio como estática para que sea la que se ve al entrar, pero dentro de esa página de inicio quiero poner un bloque que contenga las últimas 3 o 5 entradas más recientes. Es que lo había logrado hace un par de años pero usaba Elementor y plantilla de Elementor Ahora estoy usando Gutenberg y plantilla de Astra

@c2cero Жыл бұрын

Para eso tienes el bloque de "cuadrícula de entradas" de Spectra que, además, es muy estético y configurable.

@SnapLearn Жыл бұрын

@@c2cero y dónde y cómo encuentro ese bloque de Spectra, porque ya vi cómo meterlos pero desde el editor de Word Si tengo spectra

@gustavojaime 5 ай бұрын

Hola! Me podrás ayudar en la configuración del titulo por favor... Tiene mayuscula y minusculas y no poner solo mayúscula en la 1ra letra, dónde se hace?

@c2cero 5 ай бұрын

Entonces, mejor no uses efectos, sino ponlas de la manera normal, con la tecla Shift (mayúsculas).

@davidrodriguezfotografo1626 Жыл бұрын

Grandísimo trabajo. El mejor tutorial de Astra que he visto. Podrías decirme alguna fórmula para poner testimonios de clientes y que se vea limpio dentro de las páginas. No encuentro la manera de hacerlo o si existe algún plugin. Gracias de antemano. Saludos.

@c2cero Жыл бұрын

Esto lo puedes ver en el tutorial "hermano" de este: kzfaq.info/get/bejne/qtKSmcKQsL7Mp6M.html

@davidrodriguezfotografo1626 11 ай бұрын

@@c2cero muchísimas gracias compañero

@Turqdeath 6 ай бұрын

Tengo una duda estoy haciendo los pasos pero a mí no me aparece el apartado de editar la página solo personalizar estoy utilizando el mismo tema que utilizas a qué se debe que no aparece ?

@c2cero 6 ай бұрын

Mmmm ... Me resulta raro lo que me comentas. El botón de editar del editor de bloques ni tan siquiera es algo que añade Astra. Es estándar de WordPress. En cualquier caso, puedes editar entradas y página también desde sus menús en el escritorio.

@sofiaperez4619 Жыл бұрын

Me podrias ayudar...ya baje astra y una plantilla ...baja bien...pero en la pagina publica los bloques se ven amontonados y sin margenes Y en woordpress se ven bien 😭😭😭😭

@c2cero Жыл бұрын

Hola Sofía, lo lamento, pero lo que comentas es muy genérico. Podría ser cualquier cosa.

@user-do4qg4xr5k 8 ай бұрын

Ayuuuda, desinstalé el tema y la plantilla, para empezar desde cero y ahora no puedo volver a instalar la plantilla, me da un mensaje de error ; What went wrong? Importing Site Content failed due to parse JSON error. More technical information from console: {} qué puedo hacer?

@c2cero 8 ай бұрын

Es difícil saber qué te ha pasado y muy raro. Tiene pinta de que lo suyo es que reinstales WordPress. De todos modos, ¿qué hosting estás usando?