¿Estás buscando crear un sitio web de WordPress? Si es así, debe decidir entre FSE y los creadores de páginas. Ambos enfoques tienen sus pros y sus contras, por lo que es importante sopesarlos cuidadosamente antes de tomar una decisión.
En este artículo, compararemos FSE y los creadores de páginas en función de los siguientes criterios:
- Flexibilidad y control
- Facilidad de uso
- Tiempo de aprendizaje
- Trabajo requerido para crear diseños personalizados
- Impacto en el rendimiento
- Costo
Al final de este artículo, estarás mejor equipado para tomar una decisión informada sobre cuál es el enfoque adecuado para ti.
Flexibilidad y control
FSE ofrece la mayor flexibilidad y control sobre el diseño de su sitio web. Puede personalizar el encabezado, el pie de página, la barra lateral y el contenido principal de su sitio web. También puede crear diseños personalizados para sus publicaciones y páginas.
Los creadores de páginas ofrecen una amplia gama de bloques y opciones que puede usar para crear diseños personalizados. Sin embargo, pueden ser menos flexibles que FSE y pueden tener un impacto negativo en el rendimiento de su sitio web.
Facilidad de uso
Los creadores de páginas son una buena opción para los usuarios que desean crear sitios web rápidamente y sin tener que aprender a codificar. Los creadores de páginas ofrecen una interfaz de arrastrar y soltar que facilita la creación de diseños personalizados.
FSE puede ser más complejo de aprender que un creador de páginas. Sin embargo, una vez que haya aprendido los conceptos básicos, podrá crear diseños personalizados que sean más flexibles y personalizados que los que puede crear con un creador de páginas.
Tiempo de aprendizaje
Los creadores de páginas son relativamente fáciles de aprender. Puede aprender los conceptos básicos en unas pocas horas.
FSE puede tomar más tiempo para aprender. Sin embargo, una vez que haya aprendido los conceptos básicos, podrá crear diseños personalizados que sean más flexibles y personalizados que los que puede crear con un creador de páginas.
Trabajo requerido para crear diseños personalizados
Con los creadores de páginas, puede crear diseños personalizados rápidamente y sin tener que aprender a codificar. Sin embargo, puede ser más difícil crear diseños personalizados que sean completamente únicos.
FSE ofrece una mayor flexibilidad para crear diseños personalizados. Sin embargo, puede requerir más trabajo para crear diseños personalizados.
Impacto en el rendimiento
Los creadores de páginas pueden tener un impacto negativo en el rendimiento de su sitio web. Esto se debe a que los creadores de páginas agregan código adicional a su sitio web.
FSE no tiene un impacto negativo en el rendimiento de su sitio web. De hecho, puede mejorar el rendimiento de su sitio web al permitirle crear diseños más eficientes.
Costo
FSE es gratuito con WordPress.
Los creadores de páginas generalmente requieren una suscripción paga.
Conclusión
En última instancia, la mejor opción para usted dependerá de sus necesidades y preferencias individuales. Si está buscando la mayor flexibilidad y control sobre el diseño de su sitio web, entonces FSE es la mejor opción. Si está buscando crear sitios web rápidamente y sin tener que aprender a codificar, entonces un creador de páginas es una buena opción.
Bricks Builder es respetuoso con el código y la programación
Bricks Builder es respetuoso con el código y la programación. Esto se debe a que utiliza el código HTML, CSS y JavaScript estándar para crear páginas web. Esto significa que los desarrolladores web pueden personalizar y extender el constructor de ladrillos según sus necesidades.
Aquí hay algunos ejemplos de cómo Bricks Builder es respetuoso con el código y la programación:
- Los bloques de Bricks Builder se pueden personalizar utilizando CSS y JavaScript. Esto permite a los desarrolladores web ajustar el aspecto y el comportamiento de los bloques según sus necesidades.
- Bricks Builder proporciona acceso a los archivos de código de origen. Esto permite a los desarrolladores web modificar el código del constructor de ladrillos para agregar nuevas funciones o corregir errores.
- Bricks Builder tiene una API de desarrollo. Esta API permite a los desarrolladores web crear sus propios bloques personalizados y extensiones para el constructor de ladrillos.
En general, Bricks Builder es una opción sólida para los desarrolladores web que buscan un constructor de páginas que sea respetuoso con el código y la programación.
FSE vs Bricks Builder
FSE vs Constructor de ladrillos
La edición completa del sitio (FSE) y el constructor de ladrillos son dos enfoques relativamente nuevos para crear sitios web con WordPress. Ambos ofrecen una interfaz visual para crear y editar contenido, pero tienen diferentes fortalezas y debilidades.
Edición completa del sitio (FSE)
FSE es una característica central de WordPress que se introdujo en la versión 5.9. Le permite diseñar y construir todo su sitio web utilizando el editor de bloques de Gutenberg. Esto significa que puede crear plantillas de páginas personalizadas, componentes de encabezado y pie de página e incluso elementos de tema personalizados utilizando bloques.
Ventajas de FSE:
- Integrado con WordPress: FSE es parte del núcleo de WordPress, por lo que no necesita instalar ningún complemento adicional.
- Ligero: FSE es muy ligero, lo que puede ayudar a mejorar el rendimiento del sitio web.
- Flexible: FSE le da mucha flexibilidad en cómo diseña su sitio web.
Desventajas de FSE:
- Curva de aprendizaje: FSE tiene un poco de curva de aprendizaje, especialmente para usuarios experimentados de WordPress que están acostumbrados a los constructores de páginas tradicionales.
- Biblioteca de bloques limitada: La biblioteca de bloques de Gutenberg aún está en desarrollo, por lo que es posible que no tenga todos los bloques que necesita.
- Soporte limitado: FSE es una característica relativamente nueva, por lo que es posible que no haya tanto soporte disponible como para los constructores de páginas tradicionales.
Constructor de ladrillos
Bricks Builder es un complemento de terceros que amplía las capacidades del editor de bloques de Gutenberg. Ofrece un conjunto más avanzado de bloques y herramientas para crear sitios web, que incluyen diseños receptivos, fuentes personalizadas y opciones de estilo avanzadas.
Ventajas del constructor de ladrillos:
- Más potente: Bricks Builder ofrece más funciones y flexibilidad que FSE.
- Fácil de usar: La interfaz del constructor de ladrillos es más intuitiva y fácil de usar que FSE.
- Mejor soporte: El constructor de ladrillos tiene una comunidad más activa y documentación más completa que FSE.
Desventajas del constructor de ladrillos:
- No es parte del núcleo de WordPress: El constructor de ladrillos es un complemento de terceros, por lo que puede ralentizar su sitio web y agregar complejidad a su flujo de trabajo de desarrollo.
- Más pesado: El constructor de ladrillos es más exigente en recursos que FSE.
- Personalización limitada: El constructor de ladrillos puede no ser tan personalizable como algunos otros constructores de páginas.
¿Cuál deberías usar?
La mejor opción para usted dependerá de sus necesidades y preferencias individuales. Si es un usuario nuevo de WordPress o desea una forma ligera y flexible de crear su sitio web, FSE es una buena opción. Si necesita funciones más potentes y una interfaz más intuitiva, el constructor de ladrillos es una mejor opción.
Aquí hay una tabla que resume las principales diferencias entre FSE y el constructor de ladrillos:
| Característica | FSE | Constructor de ladrillos |
|---|---|---|
| Parte del núcleo de WordPress | Sí | No |
| Curva de aprendizaje | Moderada | Fácil |
| Biblioteca de bloques | Más pequeña | Más grande |
| Soporte | Limitado | Completo |
| Potencia | Menos | Más |
| Flexibilidad | Más | Menos |
| Rendimiento | Más ligero | Más pesado |
Que es WPO
WPO son las siglas de «Web Performance Optimization», que en español significa «Optimización del rendimiento web». Es el proceso de mejorar la velocidad de carga de una página web, desde el momento en que el usuario hace clic en el enlace hasta que la página se muestra completamente en su navegador.
El WPO es importante por varias razones:
- Mejora la experiencia del usuario: Una página web que carga rápidamente es más agradable de usar y hace que los usuarios sean más propensos a quedarse en ella.
- Aumenta el SEO: Los motores de búsqueda como Google tienen en cuenta la velocidad de carga de las páginas web a la hora de clasificarlas en los resultados de búsqueda.
- Reduce el abandono de páginas: Las páginas web que tardan mucho en cargar tienen más probabilidades de que los usuarios abandonen la página antes de verla completamente.
Las técnicas de WPO pueden aplicarse a todos los aspectos de una página web, desde el código fuente hasta el contenido multimedia. Algunas de las técnicas más comunes de WPO incluyen:
- Optimización de imágenes: Las imágenes son uno de los elementos más pesados de una página web. Se pueden optimizar reduciendo su tamaño, cambiando su formato o utilizando una técnica de compresión.
- Minimización y combinación de JavaScript y CSS: El código JavaScript y CSS puede ser complejo y difícil de entender para los navegadores. Minimizarlo y combinarlo puede ayudar a reducir su tamaño y mejorar su rendimiento.
- Uso de CDN: Un CDN (Content Delivery Network) es una red de servidores distribuidos por todo el mundo. Al utilizar un CDN, los elementos de una página web se pueden servir desde el servidor más cercano al usuario, lo que puede ayudar a reducir la latencia.
- Uso de caché: El caché es una técnica que permite almacenar los elementos de una página web en el navegador del usuario. Esto puede ayudar a reducir el tiempo de carga de las páginas web que se visitan con frecuencia.
El WPO es un proceso continuo que debe realizarse de forma regular. A medida que se añaden nuevos elementos a una página web, es importante seguir optimizando su rendimiento para garantizar que siga siendo rápida y fluida.
Bricks Builder es un tema
Sí, Bricks Builder es un tema que ayuda a instalar menos plugins, SEO, formularios, etc. Esto se debe a que incluye muchas funciones y características que normalmente se encontrarían en plugins separados.
Por ejemplo, Bricks Builder incluye un bloque de SEO integrado que permite a los usuarios optimizar sus páginas web para los motores de búsqueda. También incluye un bloque de formularios integrado que permite a los usuarios crear formularios personalizados.
En general, Bricks Builder es una buena opción para los usuarios que desean crear un sitio web completo sin tener que instalar muchos plugins.
Aquí hay algunos ejemplos específicos de cómo Bricks Builder puede ayudar a instalar menos plugins:
- SEO: Bricks Builder incluye un bloque de SEO integrado que permite a los usuarios optimizar sus páginas web para los motores de búsqueda. Este bloque incluye campos para la palabra clave principal, la descripción, los encabezados H1 y H2, y otras etiquetas de metadatos importantes.
- Formularios: Bricks Builder incluye un bloque de formularios integrado que permite a los usuarios crear formularios personalizados. Este bloque incluye campos para el nombre, la dirección de correo electrónico, el número de teléfono, y otros datos que se pueden recopilar de los usuarios.
- Otras funciones: Bricks Builder también incluye un bloque de menús integrado, un bloque de widgets integrado, y un bloque de galerías integrado. Estos bloques pueden ayudar a los usuarios a crear un sitio web completo sin tener que instalar plugins adicionales.
Por supuesto, Bricks Builder no reemplaza completamente la necesidad de plugins. Todavía hay algunos plugins que pueden ser útiles para funciones específicas, como la creación de tiendas en línea o la integración con servicios de terceros. Sin embargo, Bricks Builder puede ayudar a reducir la cantidad de plugins que necesita instalar para crear un sitio web completo.
Una biblioteca de bloques adicionales para FSE
Hay muchas bibliotecas de bloques adicionales disponibles para Gutenberg. Algunas de las más populares incluyen:
- Atomic Blocks : proporciona más de 100 bloques personalizables, incluidos botones, formularios, tablas y más.
- CoBlocks : ofrece una amplia gama de bloques para crear diseños de sitios web complejos.
- Kadence Blocks : ofrece bloques para crear sitios web modernos y minimalistas.
- Kioken Blocks : ofrece bloques para crear sitios web creativos y visualmente atractivos.
- Otter Blocks : ofrece una biblioteca de bloques y plantillas para crear sitios web de cualquier tipo.
- Stackable : ofrece una plataforma para crear y compartir bloques personalizados.
Estas bibliotecas ofrecen una amplia gama de bloques para satisfacer las necesidades de cualquier tipo de sitio web. También son fáciles de usar y configurar.
Aquí hay algunos ejemplos de los tipos de bloques que puede encontrar en estas bibliotecas:
- Bloques de contenido : estos bloques se utilizan para agregar texto, imágenes, videos y otros tipos de contenido a sus publicaciones y páginas.
- Bloques de diseño : estos bloques se utilizan para crear diseños complejos y atractivos.
- Bloques interactivos : estos bloques permiten a los usuarios interactuar con su contenido de maneras nuevas y emocionantes.
Al elegir una biblioteca de bloques adicionales para Gutenberg, es importante considerar sus necesidades específicas. Si está buscando una amplia gama de bloques personalizables, Atomic Blocks o Kadence Blocks son buenas opciones. Si está buscando bloques para crear sitios web creativos, Kioken Blocks o Otter Blocks son buenas opciones. Y si está buscando una plataforma para crear y compartir bloques personalizados, Stackable es una buena opción.
Bricks Builder y los otros creadores
Comparación de Bricks Builder con otros creadores de páginas de WordPress
Aquí hay una comparación de Bricks Builder con otros creadores de páginas de WordPress:
| Característica | Bricks Builder | Elementor | Beaver Builder | Divi Builder | Oxygen Builder |
|---|---|---|---|---|---|
| Facilidad de uso | Fácil de aprender y usar, con una interfaz limpia e intuitiva. | Fácil de aprender y usar, con una interfaz de arrastrar y soltar. | Fácil de aprender y usar, con una interfaz de arrastrar y soltar. | Fácil de usar, con una interfaz de arrastrar y soltar. | Más complejo que los otros creadores, con una curva de aprendizaje más pronunciada. Sin embargo, ofrece más flexibilidad y opciones de personalización. |
| Rendimiento | Muy rápido, con un impacto mínimo en los tiempos de carga de las páginas. | Rápido, pero no tan rápido como Bricks Builder. | Rápido, pero no tan rápido como Bricks Builder o Elementor. | Más lento que los otros creadores, especialmente en sitios más grandes. | El más rápido de todos los creadores, con un impacto mínimo en los tiempos de carga de las páginas. |
| Personalización | Muy flexible y personalizable, con una amplia gama de opciones. | Muy flexible y personalizable, con una amplia gama de opciones. | Flexible y personalizable, con una buena selección de opciones. | Menos flexible que los otros creadores, pero aún ofrece una buena selección de opciones. | Muy flexible y personalizable, con una amplia gama de opciones. |
| Editor de código | Editor de código integrado para una personalización avanzada. | Editor de código integrado para una personalización avanzada. | Sin editor de código integrado, pero puede usar el Personalizador de WordPress. | Sin editor de código integrado, pero puede usar el Personalizador de WordPress. | Editor de código integrado con resaltado de sintaxis y soporte de Emmet. |
| Plantillas | Gran biblioteca de plantillas prediseñadas para empezar. | Gran biblioteca de plantillas prediseñadas para empezar. | Biblioteca más pequeña de plantillas prediseñadas. | Biblioteca más pequeña de plantillas prediseñadas. | No hay plantillas prediseñadas, pero puede crear las suyas propias usando el Visual Builder. |
| Precio | Plan gratuito, con un plan pago para más funciones. | Plan gratuito, con un plan pago para más funciones. | Plan gratuito, con planes pagos para más funciones. | Plan de pago, con una variedad de opciones de precios. | Plan de pago, con una variedad de opciones de precios. |
Aquí hay un resumen de las principales diferencias entre Bricks Builder y los otros creadores:
- Rendimiento: Bricks Builder es el creador más rápido, con un impacto mínimo en los tiempos de carga de las páginas. Elementor y Beaver Builder también son rápidos, pero no tan rápidos como Bricks Builder. Divi Builder es el creador más lento, especialmente en sitios más grandes. Oxygen Builder también es rápido, pero no tan rápido como Bricks Builder.
- Personalización: Bricks Builder es muy flexible y personalizable, con una amplia gama de opciones. Elementor y Beaver Builder también son flexibles y personalizables, pero no tanto como Bricks Builder. Divi Builder es menos flexible que los otros creadores, pero aún ofrece una buena selección de opciones. Oxygen Builder es el creador más flexible, con una amplia gama de opciones y un profundo nivel de personalización.
- Editor de código: Bricks Builder tiene un editor de código integrado para una personalización avanzada. Elementor y Beaver Builder también tienen editores de código integrados, pero no son tan potentes como el editor de código de Bricks Builder. Divi Builder y Oxygen Builder no tienen editores de código integrados.
- Plantillas: Bricks Builder tiene una gran biblioteca de plantillas prediseñadas para empezar. Elementor y Beaver Builder también tienen grandes bibliotecas de plantillas prediseñadas. Divi Builder tiene una biblioteca más pequeña de plantillas prediseñadas, y Oxygen Builder no tiene ninguna plantilla prediseñada.
- Precio: Bricks Builder tiene un plan gratuito, con un plan pago para más funciones. Elementor y Beaver Builder también tienen planes gratuitos. Divi Builder y Oxygen Builder solo están disponibles como planes de pago.
En última instancia, el mejor creador para usted dependerá de sus necesidades y preferencias individuales. Si está buscando un creador rápido, flexible y personalizable, entonces Bricks Builder es una buena opción. Si está buscando un creador con una gran biblioteca de plantillas prediseñadas, entonces Elementor o Beaver Builder son una buena opción. Si está buscando el creador más flexible y personalizable, entonces Oxygen Builder es una buena opción. Y si tiene un presupuesto ajustado, entonces el plan gratuito de Beaver Builder o Elementor es una buena opción.
Lo mejor edición completa del sitio (FSE)
En general, la edición completa del sitio (FSE) es la mejor opción para crear sitios web de WordPress. Esto se debe a que FSE ofrece una mayor flexibilidad y control sobre el diseño de su sitio web. Con FSE, puede personalizar el encabezado, el pie de página, la barra lateral y el contenido principal de su sitio web. También puede crear diseños personalizados para sus publicaciones y páginas.
Sin embargo, FSE tiene algunas desventajas. En primer lugar, puede ser más complejo de aprender que un creador de páginas. En segundo lugar, puede requerir más trabajo para crear diseños personalizados.
Los creadores de páginas son una buena opción para los usuarios que desean crear sitios web rápidamente y sin tener que aprender a codificar. Los creadores de páginas ofrecen una amplia gama de bloques y opciones que puede usar para crear diseños personalizados. Sin embargo, los creadores de páginas pueden ser menos flexibles que FSE y pueden tener un impacto negativo en el rendimiento de su sitio web.
Aquí hay una comparación de las ventajas y desventajas de FSE y los creadores de páginas:
| Característica | FSE | Creadores de páginas |
|---|---|---|
| Flexibilidad y control | Mayor | Menor |
| Facilidad de uso | Menor | Mayor |
| Tiempo de aprendizaje | Mayor | Menor |
| Trabajo requerido para crear diseños personalizados | Mayor | Menor |
| Impacto en el rendimiento | Menor | Mayor |
| Costo | Gratis con WordPress | Pago |
En última instancia, la mejor opción para usted dependerá de sus necesidades y preferencias individuales. Si está buscando la mayor flexibilidad y control sobre el diseño de su sitio web, entonces FSE es la mejor opción. Si está buscando crear sitios web rápidamente y sin tener que aprender a codificar, entonces un creador de páginas es una buena opción.
Agregar el CSS personalizado en los temas de bloques.
Para agregar CSS personalizado a un tema de bloques de WordPress, puedes utilizar dos métodos:
Método 1: Personalizador
El método más sencillo para agregar CSS personalizado es utilizar el personalizador de WordPress. Para ello, sigue estos pasos:
- Accede al personalizador de WordPress yendo a Apariencia > Personalizar.
- En la barra lateral izquierda, haz clic en CSS personalizado.
- En el campo CSS personalizado, escribe el código CSS que deseas agregar.
- Haz clic en Guardar cambios.
Acceso al personalizador en temas de bloques
El enlace al personalizador se eliminó del menú en el área de administración de WordPress a partir de la versión 5.8. Sin embargo, aún puedes acceder al personalizador yendo a la siguiente URL:
/wp-admin/customize.php
Método 2: Fichero style.css
Si necesitas agregar CSS personalizado más complejo o deseas que se aplique a todos los temas de tu sitio web, puedes agregarlo al fichero style.css del tema principal de WordPress. Para ello, sigue estos pasos:
- Abre el fichero
style.cssen un editor de texto. - Agrega el código CSS que deseas agregar al final del fichero.
- Guarda el fichero.
Ejemplo de CSS personalizado
El siguiente ejemplo de CSS personalizado cambia el color de fondo del bloque de imagen a rojo:
CSS
.block-image {
background-color: red;
}
Para aplicar este CSS personalizado, puedes utilizar cualquiera de los dos métodos descritos anteriormente.