Esta lección comparte un tema que se utiliza a menudo al crear sitios web independientes transfronterizos: Blocksy.

Características del tema Bloques:

Primero vayamos al sitio web oficial del tema y echemos un vistazo a algunas de sus características. En primer lugar, Blocksy es un tema muy rápido, similar al que usábamos antes de que este tema ofreciera una versión gratuita, que es una de las razones por las que tanta gente usa este tema.

Rendimiento de velocidad en bloques:

Por supuesto, lo que te vamos a mostrar aquí es la versión gratuita y la versión PRO. Echemos un vistazo a sus características. Su característica más importante es su rápida velocidad. Podemos ver que si instala este tema, las instrucciones oficiales son que si usa la herramienta de prueba de velocidad de Google, básicamente puede alcanzar más de 95%, y la velocidad de prueba de otras herramientas de prueba también es muy rápida.

1 datos del banco de pruebas del tema Blocksy

Compatible con los principales constructores:

Además, vemos sus principales características: la primera es la rapidez, la segunda es la compatibilidad con Gutenberg y separación de códigos. También es compatible con este módulo multilingüe y el código es relativamente claro. Además, este tema es compatible con 4 tipos de construcción de páginas que usamos frecuentemente, como nuestro Gutenberg, Brizy, Elementor incluido Beaver Builder, que son todos compatibles.

1 tema de Blocksy compatible con múltiples creadores de páginas

Luego podemos ver su diseño, su encabezado y se puede configurar la barra lateral inferior, y nos proporciona muchos diseños de encabezado. Por supuesto, esto debe instalarse con la versión PRO para usarlo. Luego vemos que su color, color de fondo y fuentes se pueden modificar, incluida nuestra lista de productos y lista de artículos. Además, es compatible con Gutenberg, por lo que Gutenberg es un creador de páginas que se utiliza a menudo en las nuevas versiones de WordPress. , pero normalmente estamos acostumbrados a usar Elementor, por lo que ignoramos un creador de páginas de castillos tan antiguo.

3 editor de páginas gutenberg predeterminado de wordpress

Si vamos a crear un artículo nuevo, y ahora entramos en esta página, es Gutenberg, entonces Gutenberg es igual, es oficial y tiene modularizados estos módulos por defecto. Por ejemplo, si insertamos un párrafo o insertamos una imagen, habrá módulos específicos, pero este módulo es relativamente simple. En base a esto, blocksy ha creado algunos módulos visuales de arrastrar y soltar, por lo que le resultará más conveniente editar. Además, también proporciona muchos temas, incluida la compatibilidad con WooCommerce, la integración de WooCommerce y algunos complementos de marketing de uso frecuente. Luego también podremos obtener una vista previa de su demostración.

Estilo de demostración en bloques:

Ahora abrimos uno de los sitios toc y vemos que la velocidad de respuesta de todo el sitio es muy rápida. Luego, cuando abrimos uno de los productos, vemos que la velocidad general es muy rápida y nuestra página de detalles del producto debería tener Todos están disponibles. De lo contrario, también puede instalar algunos complementos de compatibilidad. No hay ningún problema con estos.

Plantilla de demostración del tema 4 Blocksy

Por eso este tema ha sido preparado para usted. Por supuesto, lo que tenemos preparado aquí para ti es su versión PRO. La versión PRO es un complemento. Como acabamos de hablarte de este tema, tiene una versión gratuita, por lo que primero debes instalar la versión gratuita de blocksy y luego instalar el complemento PRO para activar la versión comercial.

Instalación del tema Blocksy:

Primero, ingresamos a nuestro backend, luego buscamos la instalación del tema y luego hacemos clic para instalar un nuevo tema. Aquí no subimos el tema directamente, pero encontramos Blocksy entre algunos temas populares proporcionados por WordPress. Por supuesto, también puedes ir directamente a la búsqueda, porque el propio Blocksy ocupa un lugar relativamente alto, por lo que podemos verlo en esta ubicación.

5 Instalación de búsqueda del tema Blocksy

Pero también puedes buscarlo directamente si lo buscas. Por ejemplo, si buscamos Blocksy, lo que vemos ahora es este tema. Primero debemos instalar el tema gratuito, activar el tema después de que la instalación sea exitosa y luego activarlo exitosamente. Por supuesto, ahora podemos usar este tema.

6 Complemento de instalación y configuración del tema Blocksy

Pero este tema es una versión gratuita, por lo que habrá un recordatorio que le aconseja instalar su versión PRO, por lo que aquí necesitamos instalar su complemento PRO para que pueda verlo a la izquierda. Los elementos de configuración del tema pueden También agregue las funciones que acabamos de explorar en su página de inicio, como la configuración del módulo de arrastrar y soltar en su encabezado, etc. Estos requieren que la versión PRO esté activada, por lo que instalamos el complemento y luego hacemos clic en Instalar y seleccionamos el complemento. -en lo hemos preparado. Aquí instalaremos directamente el complemento PRO y haremos clic para abrir la instalación.

Una vez que el complemento se haya instalado correctamente, lo activaremos. Afortunadamente, ahora no aparece el mensaje anterior y nos llevó directamente a Podemos echar un vistazo a la interfaz de configuración de Blocksy. En primer lugar, aquí habrá muchas configuraciones. Las configuraciones aquí no se colocan en segundo plano sino en nuestra personalización.

7 Interfaz de configuración del tema Blocksy

Si queremos modificar el color de nuestro sitio, el primero aquí es el documento, y el segundo es hacer clic en configuración. Por ejemplo, se abre nuestra nueva ventana y luego podemos verla en nuestra personalización.

8 configuraciones de personalización del tema Blocksy

 

Configuración del tema de bloques:

Son nuestras configuraciones globales, como nuestras configuraciones básicas, incluida nuestra área principal, por lo que aquí puede arrastrar y soltar, o puede agregar módulos. Además, también puedes apuntar a nuestras tablets o a nuestros teléfonos móviles. terminal, y luego configura su módulo, luego hay algunas otras configuraciones, incluida nuestra barra lateral inferior, fuente de color, configuraciones de rendimiento, nuestra página de configuración de la página del blog, etc. Hablaremos de esto más adelante. , lo apagamos primero, luego las demás configuraciones son las mismas. Si hace clic en cualquier opción, ingresará a la configuración que acabamos de ver, que se puede usar para nuestro color, fuente, encabezado e parte inferior, página de blog, publicación, páginas y barra lateral que se pueden modificar.

Luego también puedes ver a la derecha que tiene tutoriales en vídeo y documentos de conocimientos.

9 Interfaz de importación de plantillas de temas de Blocksy

Luego lo segundo que vemos es su importación de plantilla. Aquí también proporciona muchas plantillas. Entonces debemos prestar atención a estas plantillas. Algunos de ellos se crean directamente utilizando páginas de Gutenberg y otros son compatibles con Elementor. , por lo que depende de tus propias necesidades. Si estás acostumbrado a usar Elementor, debes elegir aquellas plantillas de temas que sean compatibles con Elementor e importarlas.

Tema de 10 bloques

Extensión premium del tema Blocksy:

Luego el tercero es su módulo de extensión. Para no afectar la velocidad, el módulo de extensión no se enciende directamente. Si lo necesitamos, podemos apagarlo. Por ejemplo, la primera es nuestra cookie. Cuando un usuario abre nuestro sitio, habrá un recordatorio de cookies, es decir, el cliente puede hacer clic para aceptar obtener su información, como la información de su navegador, su dirección IP, etc.

Luego el segundo es el boletín. Por supuesto, este boletín debe ser prestado a un tercero. Por ejemplo, podemos utilizar Chimpanzee o algunos otros boletines. Cuando lo usemos, se lo explicaremos, incluida nuestra evaluación de producto. La evaluación de producto no es la calificación predeterminada en nuestros productos, pero a través de este módulo, puede agregar un módulo de marketing de afiliados a nuestra estación independiente. Aquí puede orientar sus anuncios a un producto y enumerar su rendimiento, y luego puede agregar un enlace al final. Este enlace se puede importar a la alianza de Amazon o a una alianza de la estación internacional de Alibaba, y luego guiar a los usuarios para que ingresen otros productos y luego realicen compras.

Complemento imprescindible de Blocksy:

Luego, la otra cosa es que sus publicaciones populares también son un módulo, que incluye algunas otras extensiones a continuación. Por supuesto, todo esto es para la versión PRO, incluidas algunas extensiones de nuestra tienda, incluidas las extensiones de nuestros productos, así como fuentes locales y personalizaciones. Fuentes o fuentes Adobe, incluidos supermenús, etc., te lo explicaremos más adelante cuando lo usemos. En realidad es una extensión. Cada una de las extensiones aquí requiere que instales algunos complementos si usas otros temas. , si su tema no lo tiene, entonces este tema equivale a integrarlo en este módulo. Luego, cuando necesites utilizar estos módulos, sólo tendrás que activarlos.

11 Complemento de recomendación de temas Blocksy

Además, existen algunos complementos recomendados. Por ejemplo, el primero que vimos fue un complemento de extensión de Gutenberg. Si el tema que importa utiliza Gutenberg, puede utilizar el complemento de extensión de Gutenberg. Hay algunos otros, por ejemplo, vimos el creador de páginas Elementor, nuestro módulo de traducción, etc., incluidos nuestros formularios. Estos módulos tienen versiones comerciales en nuestra grilla de aprendizaje y puedes descargarlos directamente. Además, basta con echar un vistazo a su registro de actualizaciones.

Demostración de importación de estilo de tema Blocksy:

A continuación, importaremos directamente un estilo de plantilla. Por ejemplo, el sitio de demostración que acabamos de ver es un sitio toc. Si está creando un sitio de toc, puede importar esta plantilla, pero esta plantilla usa el castillo antiguo, por lo que si está acostumbrado a usar Elementor, simplemente busque una plantilla de Elementor e impórtela.

Por ejemplo, si vemos una plantilla de este tipo ahora, primero podemos obtener una vista previa de ella. Después de abrirlo, podemos ver que se trata de un sitio de toc estándar. También hay productos en él, y luego podemos abrir los productos para echar un vistazo. La interfaz también es muy bonita. Si este tema puede satisfacer sus necesidades, puede importarlo directamente.

12 Estilo de plantilla de importación de selección de tema de Blocksy

También es compatible con Elementor, y luego le damos a importar. Aquí recomienda que instalemos su subtema, principalmente en función de sus propias necesidades. Si necesita agregar algún código a su tema más adelante, nuestro final. Es mejor instalar un subtema, por lo que aquí lo instalamos de forma predeterminada, luego hacemos clic en Siguiente y luego podemos elegir su creador de páginas. El primero es Gutenberg. De hecho, este tema es compatible con Gutenberg. La velocidad es la más rápida.

13 Creador de páginas de soporte del tema Blocksy

Pero también depende de tus hábitos. Al igual que lo que generalmente les sugerimos, no estamos diciendo que debamos perseguir esta velocidad, sino que este tema primero debe satisfacer nuestras necesidades y luego, en función de esta necesidad, podemos optimizar la velocidad, en lugar de perseguir la velocidad máxima. .

Muchos sitios web independientes para principiantes utilizarán algunos temas muy simples, como Astra Un tema de este tipo tiene muy pocas funciones en sí mismo y no puede satisfacer sus necesidades, por lo que aún tendrá que instalar muchos complementos más adelante, lo que no mejora su velocidad en absoluto. Entonces todos deben prestar atención aquí, es decir, cuando elegimos un tema o creador de páginas, el primero debe satisfacer las necesidades y el segundo debe ser conveniente. No es demasiado complicado de usar para usted; de lo contrario, aún necesitará instalar muchos complementos y modificar una gran cantidad de código no es diferente de escribir una plantilla de tema nosotros mismos, así que no se obsesione con la tecnología, pero primero satisfacer nuestras necesidades.

Hay muchas formas de mejorar la velocidad de las estaciones independientes, y no importa cuán complejo sea el tema, podemos optimizarlo muy rápido incluso para el avatar más grande, por lo que debemos considerar qué tan rápida es la velocidad detrás de él. , pero para satisfacer sus necesidades primero.

Por ejemplo, solemos estar acostumbrados a utilizar Elementor. Elegiremos Elementor aquí. Por supuesto, el uso de Gutenberg es el mismo. Más adelante, continuaremos actualizando algunos de los complementos de extensión de Gutenberg. Sus aplicaciones son similares. Sí, simplemente no tiene Elementor. Actualmente se usa con frecuencia porque Elementor tiene muchos complementos de extensión. Por ejemplo, compartimos seis o siete de ellos con usted cuando conocimos Modern Network. Estos complementos de extensión pueden permitir que su estación independiente logre cualquier cosa. La función que deseas, entonces esto es lo que más queremos.

Entonces aquí todavía usamos Elementor y luego hacemos clic en Siguiente, y luego necesita que instalemos tres complementos predeterminados. El primero es nuestro formulario, el segundo es la versión gratuita de Elementor y la tercera puerta de control físico ya la hemos instalado. Bien, entonces hacemos clic para permitirle instalar el complemento y hacemos clic para instalar.

14 Instalación del complemento esencial del tema Blocksy

Una vez que la importación sea exitosa, ahora podemos actualizar nuestro sitio. Vemos que se ha importado todo el sitio, pero vemos que hay un problema con la posición de la diapositiva superior, y luego abrimos una de ellas. Los productos y productos son normales, luego podremos editar la página de inicio cuando llegue el momento, incluida nuestra página de Tienda. La mayor ventaja de toda la página es su velocidad, porque ahora tenemos muy pocos complementos instalados y este tema se centra principalmente en la velocidad rápida, lo que también es normal en su página de blog. Se trata de la instalación e importación de datos del tema Blocksy. En la próxima lección, le explicaremos su configuración.