Esta sección comparte otro tema de WordPress muy popular y rápido: Astra.

Introducción del tema Astra:

El tema Astra no se vende en Themeforest, sino en su propio sitio independiente, pero creo que todo el mundo está familiarizado con este tema. Por ejemplo, abrimos el backend de nuestro WordPress, buscamos el tema y añadimos un nuevo tema. En la lista de temas nuevos, se trata de temas gratuitos proporcionados por WordPress, incluidos los oficiales. Vemos que el más popular ahora es su plantilla oficial.

1 Ranking de popularidad de temas gratuitos de Wordpress

El segundo es, por supuesto, un tema más rápido proporcionado por el complemento oficial de Elementor. Este tema no tiene funciones, sino que funciona principalmente en colaboración con él.

Elementor: usa este complemento. El tercero es que Astra actualmente ocupa el tercer puesto, pero si el ranking que le sigue baja, puedes buscar Astra aquí. Por lo tanto, se puede ver que este tema es muy utilizado.

Primero, conozcamos este tema. ¡La característica más importante de este tema es que es rápido!

Por supuesto, debemos saber que si todos los temas de negocios involucran velocidad, sus funciones son limitadas; es decir, sus funciones no son como los temas que compartimos con ustedes antes, por ejemplo, Avada O un tema como betemeSus módulos son muy ricos y pueden cubrir algunas de las necesidades funcionales de la mayoría de nuestras estaciones independientes. Sin embargo, si un tema es rápido, abandonará algunas funciones poco comunes, por lo que si lo usamos, solo podremos usar algunos complementos para ampliar esta función. ¿Qué tipo de tema deberías elegir para construir tu estación independiente en función de tus necesidades? La otra es que debes considerar comprar algunos complementos comerciales más adelante. Esto también es fundamental, incluida la optimización de su rendimiento.

Estilo de plantilla Astra:

Echemos un vistazo a Astra primero. El primero proporciona muchas plantillas. Aunque no tiene muchas funciones, proporciona muchas plantillas que se pueden importar. Estas plantillas también involucran a todos los ámbitos de la vida. Hay Tobs y Tocs profesionales, así como algunos blogs de portales.

Plantilla de tema de estilo de demostración 2 Astra

La segunda es su versión PRO. Aunque este tema tiene una versión gratuita en el backend de WordPress, tiene muchas menos funciones, como el módulo de cabecera de la estación independiente que solemos utilizar, uno de sus componentes, y flotante; estas no están disponibles. Por lo que después de instalar la versión gratuita, necesitaremos instalar un complemento PRO.

Características del tema Astra:

A continuación, veremos principalmente algunas de las características oficiales de este tema. La primera es su rendimiento, del que se enorgullece; es decir, su velocidad es muy rápida y su tamaño total es inferior a 50 KB. Normalmente, el tema Betheme que instalamos anteriormente ocupa 9,46 M, luego Avada es más grande y a veces puede llegar a los 40 M, pero Astra solo ocupa unos 50 KB. Otra biblioteca que abandona JS se llama jQuery.

3 Tamaño de archivo del tema Astra y biblioteca js

Todos sabemos que nuestra guerra independiente tiene algunos efectos especiales, como nuestras diapositivas y algunas interacciones del usuario, que requieren JS. Luego, JS se usa para completar una interacción, y hay una biblioteca en JS donde algunos módulos funcionales de JS se sintetizan en un efecto especial llamado biblioteca jQuery. Si su tema usa la biblioteca jQuery, primero debe llamarla, por lo que nuestra velocidad será un poco más lenta. El efecto es más brillante para los temas generales, y se llamará a la biblioteca jQuery, pero este tema abandona directamente la biblioteca jQuery. Además, su tema y la capacidad de código son muy pequeños, por lo que su velocidad es indudablemente más rápida.

Incluso si usas este tema con algunos complementos de optimización del rendimiento, es posible que no los necesites. Puedes agregar una CDN como máximo. Esta es su primera ventaja.

4 Diseño del sitio con tema Astra

El segundo es su módulo de diseño, que incluye el layout, algunos encabezados traducidos y algunos encabezados flotantes, todos ellos incluidos por defecto. También incluye algunos supermenús, que es su segunda ventaja. El tercero es el layout de su sitio, por ejemplo, si nuestro sitio es de ancho completo o de modelo de caja, incluyendo algunos modelos básicos con algunas configuraciones.

5 Estilo de fuente del tema Astra

El siguiente es para las fuentes. Si queremos ser independientes y rápidos, debemos recordar esto. Intentamos llamar a la menor cantidad posible de componentes externos, incluidas las bibliotecas de fuentes jQuery y Google. Nuestro sitio web independiente no será muy lento, por lo que aquí proporciona algunos módulos de fuentes personalizados. Por supuesto, también te permite elegir fuentes que Google puede usar.

El otro es regular. Por ejemplo, modificamos el color de fondo de cada módulo. El otro es para nuestro blog, el diseño del blog y el diseño para nuestra situación general. El diseño general es para las emisiones izquierda y derecha de nuestro logotipo, algunos ajustes de posición de nuestro contenido y nuestro control físico. Si usa WordPress para crear un sitio de índice, por supuesto, el control físico es esencial, por lo que la mayoría de las empresas lo saben. Todos los temas cubren sitios de índice y de tabla de contenidos, lo que significa que cualquier tema puede completar la construcción de cualquier tipo de nuestro sitio web independiente. Solo depende de si sabe cómo usarlo o no.

Luego, para algunos contenidos de Woocommerce, el otro es la integración. Para muchos de los temas comerciales que usamos anteriormente, encontrará que habrá algunos módulos de integración porque, sin importar cuán poderoso sea este tema, siempre tiene algunas funciones que no son muy profesionales. Por lo tanto, debe integrarse con otros complementos, incluidos algunos complementos de SEO. El último es que tiene algunos módulos por defecto y, por último, tiene un diseño personalizado y parte de su soporte oficial, pero debe comprarlo para obtener el soporte oficial. Solo se puede usar su versión PRO.

Precio del tema empresarial Astra:

Del siguiente ya no hablaremos más, nos centraremos principalmente en su precio.

Todo el mundo debe entender por qué recomendamos que normalmente compre temas empresariales en Themeforest, pero Themeforest no incluye todos los temas empresariales más potentes. Por ejemplo, el Astra que vemos ahora no está en Themeforest. Para las ventas, vende directamente en su propio sitio web independiente. ¿Por qué es esto?

Todos sabemos que si eres el primero en vender en la plataforma, le dará a la plataforma una determinada comisión, por lo que su ganancia será un poco menor.

La otra es que hay que respetar algunas reglas en estas plataformas. Por ejemplo, vender productos en Amazon es completamente diferente a vender productos en nuestro propio sitio web independiente.

En Amazon, debes seguir las reglas de Amazon. Por ejemplo, debes tener una marca registrada. Puedes tener un logotipo en tu propia estación independiente y puedes vender productos directamente. Tú defines completamente tus reglas. No son como Amazon. Por ejemplo, no puedes vender cigarrillos electrónicos para adultos y hay algunas categorías negras 5, pero puedes hacer cualquier cosa en nuestro sitio independiente.

Echemos un vistazo al costo de Astra. El costo de este tema es relativamente el más alto que he visto. Vemos que se divide en dos versiones: membresía anual y licencia de por vida. Como miembro anual, la versión PRO del primer episodio cuesta 44 dólares estadounidenses. Comprar una membresía de por vida cuesta más de 200 dólares estadounidenses, lo cual es relativamente caro.

Lista de precios de 6 temas empresariales de Astra

Por supuesto, también tiene otras funciones. Por supuesto, estas funciones son principalmente para algunos de sus servicios comerciales, entre ellos, por ejemplo, vimos que la segunda versión incluye un complemento de extensión de Elementor. Para complementos de extensión como este, puedes descargar directamente algunas versiones GPL, que son versiones de código abierto, por lo que incluso si no compramos dichos complementos aquí, aún podemos encontrar otros canales para instalarlos por separado.

La versión PRO de Astra es suficiente para que podamos construir un sitio web independiente.

Instalación del tema Astra:

A continuación, lo instalaremos. La instalación se divide en varios pasos:

  • Instalar el tema de la versión gratuita de Astra;
  • Utilice el complemento proporcionado por Xuejianzhan.com para activar la versión Pro;
  • Instalar los complementos necesarios para el tema;

Instalación de la versión gratuita de Astra:

Primero, vamos a instalar la versión gratuita. Si no la ves en el ranking, simplemente busca este tema directamente en los resultados y la barra de búsqueda. Haremos clic en el primero que encontremos.

7 Búsqueda de temas gratuitos de Astra Instalación Activación e1713519149425

Después de la instalación, lo activaremos directamente. Aquí, debemos explicarle, especialmente para algunos temas comerciales extranjeros, que a veces, cuando lo instala, descarga sus complementos necesarios o incluso importa sus datos, debemos realizar un acceso científico a Internet. Si no puede cargar o importar, debe abrir un entorno de red externo ahora. De lo contrario, en el entorno local, por ejemplo, Google Fonts no se puede abrir en China, por lo que en este momento, es posible que no haya podido descargarlo, así que revíselo.

Luego de que la instalación se haya realizado correctamente, podremos ver en el lateral el botón de función Astra. Hacemos clic para ingresar al panel de control, donde podemos ver que está invitado a utilizarlo.

8 Panel de control del tema Astra e1713519197353

También tiene algunos videos de instalación. La versión en inglés tiene algunas funciones gratuitas que vienen por defecto. Por ejemplo, podemos configurar el icono de nuestro sitio, la construcción de la página de encabezado y la parte inferior, y algunos cambios de color y fuente. Pero para lo siguiente, vemos algunos logotipos PRO y no podemos abrir estos módulos.

Versión Pro del tema Astra activada:

A continuación, debemos instalar la versión PRO, realizar la activación PRO, ingresar nuestros complementos y hacer clic en Agregar nuevo. Hemos preparado algunos complementos necesarios para dicho tema en el escritorio de nuestra computadora, incluido el paquete chino.

9 Complemento esencial del tema Astra e1713519537790

Vemos que hay tres complementos aquí. El primero es su versión PRO, el segundo es para su atlas y el tercero es para la importación de datos con un solo clic desde su sitio. Puede instalarlo según sus necesidades. Primero instalamos su versión PRO, luego instalamos la primera instalación, la abrimos y la instalamos directamente.

Una vez que la instalación se haya realizado correctamente, activamos este complemento y nos dirigimos a un panel de funciones como Astra. En el panel de control, podemos ver que están abiertas todas las siguientes funciones. Podemos activarlas con un solo clic, y también puede activarlas según sus necesidades. Aquí, las activaremos con un solo clic. Después de la activación exitosa, puede llamar a estas configuraciones.

10 Activación de la función del tema Astra Pro e1713519301280

Entonces, las versiones en gris que aparecen a continuación son sus versiones de prueba. La versión PRO no está abierta, por lo que no podemos usarla. Una vez activado el tema Astra, el siguiente paso es importar su estilo de acuerdo con nuestro uso habitual del tema empresarial.

Importación de estilos de plantilla de tema Astra:

Vemos que el tercer botón es para empezar a importar estilos, pero nos indica que no podemos importar actualmente porque nos falta un complemento para la importación de datos, por lo que ingresamos nuevamente nuestros complementos: Agregar nuevo, luego cargamos el complemento y seleccionamos el nuestro. Complemento Astra-pro-sites en el paquete de complementos y luego hacemos clic para abrir la instalación. Luego de que la instalación se haya realizado correctamente, activamos el complemento. Ahora, nos llevará directamente a dicha interfaz de importación de datos.

11 Interfaz de importación de datos del tema Astra

Otro complemento, Astra-portfolio, es nuestro atlas, por lo que si lo necesitas, puedes agregarlo. Si no lo necesitas, no es necesario que lo instales. No lo instalaremos aquí por ahora porque el atlas hace referencia a nuestros casos o algunos proyectos; si no tenemos ese contenido, no es necesario que lo agreguemos.

Echemos un vistazo a su proceso de importación de datos. Aquí, vemos que cada estilo de plantilla admite tres constructores de páginas. El primero es el editor Gutenberg predeterminado de WordPress. Por supuesto, el Gutenberg predeterminado de WordPress también está en desarrollo y también tiene muchos complementos de extensión. Actualmente es la forma más rápida porque utiliza directamente el módulo de creación de páginas original de WordPress, pero esto es relativamente poco visual. Por lo tanto, para muchas personas, no es particularmente cómodo de usar. También explicaremos su uso para este módulo más adelante.

El segundo es el Elementor, con el que estamos muy familiarizados.

Rara vez utilizamos el constructor de páginas de terceros porque la tasa de uso de este módulo en el mercado es relativamente baja, por lo que es más problemático cuando encontramos problemas o queremos hacer algunas extensiones funcionales, por lo que usamos el elementor medio, que también es un constructor de páginas que actualmente coincide con el tema Astra.

Elegimos el elemento del medio, por lo que ingresamos directamente a una de sus interfaces de datos, que contiene varias plantillas funcionales, incluido el diseño de estilo de todo el sitio. También lo basamos en nuestras propias necesidades, por ejemplo, si está construyendo un sitio TOB, elige negocios y luego encuentra el estilo que desea. Si está construyendo una tienda, elige tienda en línea. Elegimos tienda en línea. Hay muchos sitios TOC. Podemos elegir un estilo. Por supuesto, también podemos obtener una vista previa y encontrar uno que se adapte a sus necesidades. Un estilo de tema con un grado relativamente alto de popularidad y luego importarlo.

Flujo de datos de demostración de importación de tema 12 Astra

Vemos aquí que también tiene un PRO, pero este PRO también se puede importar porque nuestro complemento es la versión GPL de la versión de código abierto. Por ejemplo, ahora queremos importar una interfaz de estilo cosmético, pero también puede usar el estilo de ropa de mujer, que está disponible. Por ejemplo, aquí hay ropa de mujer. Importemos uno de los cosméticos y luego haga clic en Aceptar. Después de hacer clic, simplemente podemos obtener una vista previa para ver si este tema se adapta a nuestro estilo.

Si cree que esta vista previa no es lo suficientemente completa, simplemente vaya a su sitio web oficial, busque su módulo Plantillas, seleccione el estilo que desee aquí, busque un estilo y luego obtenga una vista previa.

Aquí, analizaremos directamente este lugar. Si cree que está bien, puede cargar un logotipo. Por supuesto, también puede cargar el logotipo más tarde. Aquí, simplemente lo omitiremos en un paso, lo omitiremos y continuaremos. Luego, también puede realizar algunas configuraciones de color según el estilo de su sitio. Omitiremos lo mismo y continuaremos.

13 Tema de tienda de importación de temas Astra

Bien, entonces entramos al último paso. En el último paso se recopilarán tus datos. Puedes rellenarlos o no.

Lo siguiente es lo que necesita importar. Por ejemplo, lo primero es importar la configuración de nuestro tema, módulos, algunos complementos necesarios, contenido de datos y algunos otros datos. Los marcamos todos. Marcamos la casilla. Después de seleccionar, puede completar el contenido anterior o no, luego haga clic en Enviar y comience a construir nuestros sitios web, que es nuestra estación independiente. Aquí, tenemos que esperar un momento para que importe con éxito todos los complementos de datos.

14 Selección de tema de Astra para importar datos

Cuando nos indique que la importación se ha realizado correctamente, podemos ir directamente a esta ubicación y luego regresar a nuestra página de inicio para actualizar.

Ahora, vemos que nuestro sitio independiente se ha importado a su estilo de demostración. Este es un sitio de índice que vende cosméticos. El menú de arriba incluye algunos productos a continuación. Cuando hacemos clic en un producto, podemos ver el producto. Estilo, por supuesto, los datos que importa pueden ser un poco irregulares, pero eso está bien. Podemos modificar esta página más tarde, pero su velocidad es relativamente rápida.

15 Los datos de importación del tema Astra se importaron correctamente e1713519495723

Además, se han importado para nosotros algunas otras páginas de nuestro sitio independiente, como la página Acerca de, la página de contacto, etc. De esta manera, podemos modificarlas con nuestro propio contenido más adelante, lo que será más eficiente. Esto se refiere al proceso de instalación, activación e importación de datos del tema Astra.