Cómo hacer un tema hijo para Astra

Tema Astra

Astra es un bonito tema de WordPress perfecto para cualquier tipo de sitio que quieras crear: blogs, tiendas online, currículos, portafolios, ¡lo que quieras! Viene de la mano de la gente de Brainstorm Force, pioneros en la creación de soluciones A1 para WordPress.

Astra es conocido por ser super ligero, personalizable, con todas las funciones, y muy compatible con el software popular constructor web como Elementor (más sobre esto más adelante). Todos esos comentarios sobre el tema Astra no son sólo para mostrar – Astra mantiene su propia.

Pero, ¿cuáles son exactamente las ventajas de utilizar Astra? ¿Cuáles son las diferencias reales entre Astra Pro y la versión gratuita? Y lo que es más importante, ¿cómo puede integrarse Astra en cualquier sitio web para una optimización y eficacia totales?

Lo primero en la lista para la revisión del tema Astra son sus características principales. Astra viene repleto de características de apoyo que hacen que la gestión y personalización de su sitio de WordPress sea un juego de niños. Aquí hemos enumerado nuestra opinión sobre las mejores características y damos algunos detalles de por qué son impresionantes.

¿Debería Astra utilizar un tema hijo?

Por qué crear un Astra Child Theme. Si planeas personalizar el tema Astra (o cualquier tema de WordPress), lo mejor es instalar un tema hijo. El tema hijo conservará todas tus personalizaciones para que cualquier actualización futura no rompa tu sitio o sobrescriba tus cambios.

¿Cómo añado un tema hijo a WordPress?

Como cualquier tema, los temas hijo se encuentran en wp-content/themes en su instalación de WordPress. Navegue hasta allí y cree una nueva carpeta para su tema hijo. Una buena práctica es dar a la carpeta de tu tema el mismo nombre que el tema padre y añadirle -child .

  El constructor Divi ya disponible como plugin para usarlo en cualquier tema WordPress

Compatibilidad con el tema Astra

Astra tiene la impresionante distinción de ser el tema de WordPress no predeterminado más popular de la historia. Ha sido el primer y único tema no predeterminado en superar el millón de instalaciones activas en WordPress.org y lo ha hecho con una puntuación perfecta de 5 estrellas en ~5.000 opiniones de usuarios.

Es decir, a mucha gente le gusta Astra. Y -alerta de spoiler- yo soy una de esas personas, así que esta va a ser una reseña del tema Astra generalmente positiva, aunque destacaré algunas áreas en las que otros temas hacen las cosas un poco mejor.

¿Es el tema más rápido que he probado? No del todo. Pero está muy cerca. Por ejemplo, GeneratePress sólo ocupa 26 KB con 7 peticiones HTTP, lo que técnicamente supera a Astra. Pero no creo que la mayoría de la gente vaya a notar los 11 KB extra.

También tienes controles globales detallados de color y tipografía. Esto es realmente bueno si estás usando un constructor de páginas porque puedes usar Astra para controlar tus estilos globales y hacer que el constructor de páginas los herede.

Por ejemplo, puedes diseñar una caja CTA que quieras mostrar al final de todas las entradas de tu blog. Entonces, podrías usar Astra Layouts para inyectarlo automáticamente en todas las entradas del blog (o quizás sólo en una cierta categoría de entradas o entradas de un cierto autor). También es muy útil para incluir anuncios.

Instalar astra theme wordpress

Esto es lo que significa cada línea:Si te sientes un poco abrumado (¿ya?), te alegrará saber que no toda esta información es realmente necesaria. De hecho, todo lo que necesitas es el nombre del tema y la plantilla. El resto es importante sólo si planeas publicar tu tema, cosa que yo no hago. Por esta razón, la cabecera de mi tema hijo tiene el aspecto que se muestra a continuación. Siéntase libre de copiarlo y hacer sus propios ajustes.

  Menú personalizado por defecto en un nuevo tema WordPress

Tenga en cuenta, sin embargo, que esta es la forma antigua de heredar los estilos de los padres y ya no se recomienda. Si necesita importar varias hojas de estilo (lo que no es raro), el uso de @import hará que se descarguen consecutivamente. Esto puede ralentizar el tiempo de carga de la página en varios segundos (lo cual, probablemente no tenga que decírtelo, no es nada bueno).La segunda forma recomendada de cargar la hoja de estilo del padre – y la razón por la que creamos functions.php antes – es usar wp_enqueue_style(). En nuestro caso, el código correspondiente se parece un poco a esto:add_action( ‘wp_enqueue_scripts’, ‘enqueue_parent_styles’ );

Astra child theme css no funciona

Un tema hijo te permite cambiar pequeños aspectos de la apariencia de tu sitio, pero conservando la apariencia y funcionalidad de tu tema. Para entender cómo funcionan los temas hijo, primero es importante comprender la relación entre los temas padre e hijo.

Como se indica en la descripción general, un tema hijo hereda el aspecto del tema padre y todas sus funciones, pero puede utilizarse para realizar modificaciones en cualquier parte del tema. De este modo, las personalizaciones se mantienen separadas de los archivos del tema principal. El uso de un tema hijo le permite actualizar el tema padre sin que ello afecte a las personalizaciones que haya realizado en su sitio.

  Distinto tema WordPress en cada entrada o página

Nota: Si va a realizar muchas personalizaciones, más allá de los estilos y unos pocos archivos de tema, crear un tema padre puede ser una mejor opción que un tema hijo. Crear un tema padre le permite evitar problemas con código obsoleto en el futuro. Esto debe decidirse caso por caso.

El directorio necesita un nombre. La mejor práctica es dar a un tema hijo el mismo nombre que el padre, pero con -child añadido al final. Por ejemplo, si estás creando un tema hijo de twentyfifteen, el directorio se llamaría twentyfifteen-child.