Cómo construir rápidamente un sitio web de WordPress eficaz y profesional con el editor Gutenberg

Gutenberg es el editor de bloques oficial proporcionado por WordPress, y su objetivo es mejorar la calidad del contenido de WordPress basándose en la tecnologíabloquespara simplificar la creación de contenidos y el diseño de páginas. Tanto si eres un principiante como un desarrollador web experimentado, Gutenberg puede ayudarte a crear rápidamente un sitio web potente y visualmente atractivo. Aquí tienes una guía detallada sobre cómo crear un sitio web de WordPress eficaz con Gutenberg.

¿Qué es Gutenberg?

Gutenberg es el editor predeterminado de WordPress que ha revolucionado la forma de diseñar y editar sitios web al dividir el contenido en bloques independientes. No solo se limita a la redacción de posts, sino que también ofreceEdición completa del sitio web (FSE)Puede personalizar varias partes de su sitio web WordPress, incluyendoplantillaypie de páginaresponder cantandopies de página.

Los puntos fuertes de Gutenberg:

• Diseño modular: Cada elemento de contenido es un bloque independiente para facilitar su gestión y ajuste.
• Visualización de las operaciones: Consiga una experiencia de edición WYSIWYG sin necesidad de codificación.
• Ricas opciones de bloque: Proporciona una gran variedad de bloques de contenido, como títulos, párrafos, imágenes, botones y mucho más.
• Escalable: Soporte para añadir más bloques personalizados y características a través de plugins.

6 pasos para crear un sitio web en WordPress con Gutenberg

1. Selección Alojamiento WordPressPlanificar e instalar WordPress

Antes de crear un sitio web, tienes que elegir un plan de alojamiento de WordPress que se adapte a tus necesidades. Estos son los pasos para hacerlo:

• Investigue y elija un servicio de alojamiento que se ajuste al presupuesto y a las necesidades del sitio web.
• Cree una cuenta de alojamiento y configure las credenciales de inicio de sesión de WordPress.
• Instalación rápida con un solo clic gracias a los servicios alojadosInstalación de WordPress.

Una vez finalizada la instalación, podrá acceder a sus datos a través de la aplicaciónpaneles de instrumentosAcceda al editor Gutenberg.

2. Elige un tema de bloques que sea compatible con Gutenberg

tema del bloquePerfectos para aprovechar al máximo las funciones del editor Gutenberg. Estos temas ofrecen numerosas opciones de personalización para ajustar el diseño y el estilo de tu sitio web.

Cómo elegir un tema de bloques:

1. Acceda al catálogo de temas: Ve al panel de WordPress y haz clic en Apariencia → Temas → Añadir nuevo tema.

2. Explorar temas de bloques: En el catálogo de materias, seleccione la ficha "tema del bloque".

3. Comprueba la compatibilidad: Asegúrate de que el tema funciona con la última versión de WordPress y el editor Gutenberg.compatibilidad.
4. Elija un tema con un alto grado de flexibilidad: Elija un tema que ofrezca múltiples variaciones de estilo y opciones de personalización.

Si eliges el tema de bloques adecuado, podrás crear un sitio web visualmente impactante y con capacidad de respuesta.

3. Personalizar su sitio web con el editor de sitios web Gutenberg

Estilos globales personalizados

Los estilos globales se utilizan para estandarizar los elementos de diseño de un sitio web e incluyenFuentes, colores y espaciado. Estos son los pasos exactos:

1. Vaya al Panel de control y haga clic en Apariencia → Editor.

2. Haga clic en "Estilo" para acceder a la configuración global del estilo.

3. Modifique el tamaño de letra, el color, el fondo, los márgenes y otros parámetros.

4. Utiliza la función de previsualización en directo para ver el efecto del ajuste.

5. Guarde los cambios y aplíquelos a todo el sitio.

Sección de plantillas personalizadas

Sección de plantillas(como encabezados y pies de página) son una parte importante del diseño del sitio. Estas secciones pueden personalizarse siguiendo los pasos que se indican a continuación:

1. existeeditorBuscar "plantilla" y seleccione "Añadir nueva plantilla".

2. Nombre la sección de la plantilla, por ejemplo "pie de página"o"pies de página" con fines de identificación y gestión.
3. Añada los componentes necesarios (por ejemplo, menús de navegación, iconos sociales).

4. Utiliza el editor de bloques para ajustar el estilo y el diseño.

5. Guarde la sección de la plantilla para reutilizarla.

Al personalizar la sección de plantillas, puede asegurarse de que el diseño de su sitio web sea coherente con su imagen de marca.

4. Creación de páginas

Crear páginas con Gutenberg (por ejemplo "Quiénes somos","blog (palabra de préstamo)"o"Contacte con nosotros") es muy sencillo.

Pasos para crear una página:

1. En el cuadro de mandos, haga clic enpágina web → Añadir nueva página.

2. Elija una plantilla que se adapte al propósito de la página.

3. Utilice el insertador de bloques para añadir los bloques de contenido deseados.

4. Ajusta el orden y el estilo de los bloques.
5. Utilice la Biblioteca de patrones para crear rápidamente páginas con diseños complejos.

Con estas acciones, es fácil crear páginas bien estructuradas y potentes.

5. Mensajes escritos

Gutenberg es fácil en la creación de entradas de blog. Aquí están los pasos:

1. golpe (en el teclado)tarjeta → Añadir nuevo puesto.
2. Elija una plantilla para la entrada del blog.

3. Escriba contenidos utilizando bloques de títulos, bloques de párrafos y bloques de imágenes.

4. Añadir un bloque de bucle de consulta para mostrar automáticamente las últimas entradas.

5. Guarde y publique el artículo.

Con Gutenberg, es posible diseñar diseños de entradas de blog atractivos y aumentar la participación de los lectores.

6. Instalación de plug-ins para ampliar la funcionalidad

Para mejorar la funcionalidad del sitio web, pueden instalarse varios plugins, por ejemplo:

• SEO Complementos: como si Yoast SEO tal vez Matemáticas de rango(matem.) géneroMejorar la clasificación en los motores de búsqueda.
• Plugin de caché: como si Cohete WPaumentando la velocidad de carga.
• Plugin de seguridad: como si Wordfencepara mejorar la seguridad del sitio.
• Plug-ins de diseño: como si Bloques KadenceAdemás, puedes añadir más opciones de diseño a Gutenberg.

Estos plugins amplían la funcionalidad de Gutenberg para que el sitio sea más competitivo.

Consejos útiles para utilizar Gutenberg

1. Acceso al repositorio de modelos

La Biblioteca de patrones ofrece combinaciones de bloques prediseñadas que pueden ayudarle a crear rápidamente diseños complejos. Ejemplo:

• Use"Modelo Zone of Heroes"Crear una parte superior de la página que atraiga a los usuarios.
• Use"Modelo de formulario de contacto"Formularios de adición rápida".

2. Guardar bloques como patrones reutilizables

Para las combinaciones de bloques más utilizadas (como cabeceras o secciones de recomendaciones), puede guardarlas como patrones reutilizables, lo que le ahorrará tiempo en futuras ediciones.

3. Página de optimizaciónVelocidad de carga

• Comprime la imagen y utiliza la función Formato WebP.
• Activar cachéComplementos.
• Utilizar una CDN(Red de distribución de contenidos).

Preguntas frecuentes

¿Cuál es la diferencia entre el constructor de páginas de WordPress y Gutenberg?

Gutenberg es un sistema integrado en WordPressEditor gratuitoy creadores de páginas como Elementor) A menudo es necesario instalar plug-ins que proporcionan funciones más avanzadas.

¿Puedo añadir plantillas personalizadas con Gutenberg?

Sí.posibleCree y personalice plantillas mediante el editor de bloques y aplíquelas después a varias páginas.

¿Afectará el cambio de tema a mi sitio web?

Cambiar el tema puedeasegúrese deAfecta a la configuración del diseño anterior, por lo que se recomienda hacer una copia de seguridad de los datos del sitio web antes de cambiar de tema.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres