Editor del sitio de WordPress: ediciĆ³n completa del sitio con temas de bloques frente al Personalizador
El editor del sitio de WordPress es la pantalla de administraciĆ³n donde editas con bloques la cabecera y el pie de pĆ”gina, las plantillas y los estilos de todo el sitio de un tema de bloques, y se abre desde el menĆŗ Apariencia. AbrĆ una por una las 8 plantillas y las 7 partes de plantilla en WordPress 7.1.3 con el tema Twenty Twenty-Five y resumĆ en quĆ© se diferencia del Personalizador.
1ļøā£ Pantalla del editor del sitio de WordPress: Apariencia āŗ Editor
El nombre del elemento del menĆŗ [Apariencia] que abre el editor del sitio depende del tema que uses. Con un tema de bloques aparece como [Editor]. GeneratePress, Astra y otros temas clĆ”sicos compatibles con los estilos del editor o con [theme.json] muestran [DiseƱo], y el resto de temas clĆ”sicos muestran [Patrones]. Los tres elementos abren la misma pantalla del editor, [site-editor.php], pero en [DiseƱo] solo tienes el Libro de estilos y la lista de patrones, y en [Patrones] solo la lista de patrones.
| Tipo de tema | Elemento del menĆŗ [Apariencia] | Lo que puedes usar en la pantalla que se abre | MenĆŗ [Personalizar] |
|---|---|---|---|
| Tema de bloques (Twenty Twenty-Five) | Editor | Estilos Ā· Plantillas Ā· Patrones | ā |
| ClĆ”sico con estilos del editor Ā· theme.json (GeneratePress Ā· Astra) | DiseƱo | Libro de estilos Ā· lista de patrones | ā |
| Otros clĆ”sicos (Ashe) | Patrones | Lista de patrones | ā |
Al abrir [Apariencia āŗ Editor], en lugar del menĆŗ de administraciĆ³n aparece a la izquierda un panel oscuro titulado [DiseƱo] y a la derecha se abre una vista previa del sitio. La ediciĆ³n completa del sitio de un tema de bloques se hace desde [Estilos], [Plantillas] y [Patrones] en esta pantalla.
El [Editor de archivos de temas], donde editas directamente el cĆ³digo de los archivos del tema, tiene un nombre parecido a [Editor] pero es otra pantalla; con un tema de bloques aparece bajo el menĆŗ [Herramientas].
El tĆtulo del sitio, la descripciĆ³n corta, el logotipo y el icono se configuran en [Identity] del panel [DiseƱo] de la izquierda.
Personaliza la apariencia de tu web usando el editor de bloques.
Los menĆŗs de navegaciĆ³n son una colecciĆ³n seleccionada de bloques que permiten a los visitantes moverse por tu sitio.
Gestiona quƩ patrones estƔn disponibles al editar el sitio.
Crea nuevas plantillas, o restablece cualquier personalizaciĆ³n hecha a las plantillas suministradas por tu tema.
Explora los patrones y estilos de bloques para refinar tu sitio.
Previsualiza la identidad visual de tu web: colores, tipografĆa y bloques.
Gestiona quƩ patrones estƔn disponibles al editar el sitio.
Gestiona quƩ patrones estƔn disponibles al editar el sitio.
Los patrones de bloques son diseƱos de bloques preconfigurados. Ćsalos para inspirarte o crear nuevas pĆ”ginas en un instante.
AƱadir una nueva pĆ”ginaDiseƱa todo en tu sitio ā Desde la cabecera hasta el pie de pĆ”gina. Todo usando bloques y patrones.
Ā”Retoca tu sitio o dale un aspecto completamente nuevo! SĆ© creativo ā ĀæQuĆ© tal una nueva paleta de color o una nueva fuente?
Configura en el personalizador el logotipo de tu sitio, la cabecera, los menĆŗs y mĆ”s.
Abrir el personalizadorHay un nuevo tipo de tema para WordPress, llamado tema de bloques, que te permite crear el sitio que siempre has querido ā Con bloques y estilos.
Aprende sobre los temas de bloquesPersonaliza la apariencia de bloques especĆficos para todo el sitio.
Elige una variaciĆ³n de estilo para cambiar el aspecto del sitio.
Una lista de todos los patrones de todas las fuentes.
Incluye todas las partes de plantilla definidas para cualquier Ɣrea.
Muestra una pƔgina estƔtica, a menos que se le haya aplicado una plantilla personalizada o exista una plantilla dedicada.
Una lista de todos los patrones de todas las fuentes.
Una lista de todos los patrones de todas las fuentes.
2ļøā£ Estilos: colores y fuentes de todo el sitio, variaciones de estilo
Los colores y las fuentes que cambias en [Estilos] se aplican a todo el sitio. Para cambiar solo las fuentes abres [TipografĆa], para cambiar solo los colores [Color], y asĆ abres los elementos del panel uno a uno para fijar los valores de todo el sitio. En [Bloques] ajustas para todo el sitio el aspecto de cada tipo de bloque, como el bloque Cita (segĆŗn la documentaciĆ³n oficial).
[Ver estilos] es una lista de variaciones que cambian de una vez la combinaciĆ³n de colores y fuentes sin cambiar de tema; Twenty Twenty-Five 1.5 tenĆa 9, incluida la predeterminada. Si solo quieres que una pĆ”gina se vea distinta, cĆ”mbiala en los ajustes de bloque de esa pĆ”gina y no con una variaciĆ³n, porque la variaciĆ³n cambia de golpe el aspecto de todo el sitio.
3ļøā£ Plantillas y partes de plantilla: editar la cabecera y el pie de pĆ”gina
La disposiciĆ³n del tĆtulo del sitio y del menĆŗ en la cabecera y el pie de pĆ”gina se edita en las partes de plantilla. Los estilos solo cambian colores y fuentes y no modifican esta estructura.
| Aspecto | Twenty Twenty-Five 1.5 | Perfil |
|---|---|---|
| Plantillas | 8 | El marco completo de cada tipo de pantalla, como pƔginas, entradas individuales, archivos y 404 |
| Parte de plantilla | 7 (cabecera 3 Ā· pie de pĆ”gina 3 Ā· general 1) | Cabeceras y pies de pĆ”gina que comparten varias plantillas |
| Variaciones de estilos | 9 (incluida la predeterminada) | Combinaciones de colores y fuentes de todo el sitio |
Al hacer clic en [PĆ”ginas] dentro de [Plantillas] se abre la pantalla de ediciĆ³n de la plantilla, y en [Contenido] de la pestaƱa [Plantillas] de la derecha aparecen la cabecera y el pie de pĆ”gina que usa esa plantilla. Como varias plantillas comparten las partes de plantilla, si editas la cabecera el cambio llega a todas las plantillas que usan esa misma cabecera.
Los cambios solo llegan a lo que ven los visitantes cuando haces clic en [Guardar], arriba a la derecha de la pantalla de ediciĆ³n, y si no hay cambios el botĆ³n [Guardar] estĆ” desactivado.
4ļøā£ Diferencias con el Personalizador de WordPress: temas clĆ”sicos y temas de bloques
Con un tema de bloques, los mismos ajustes se hacen con bloques en el editor del sitio en lugar del [Personalizador]. Por eso, si ningĆŗn plugin ni tema usa el Personalizador, un tema de bloques no muestra el menĆŗ [Personalizar] (segĆŗn la documentaciĆ³n oficial).
Con el tema de bloques Twenty Twenty-Five, el menĆŗ [Apariencia] solo muestra tres elementos, Temas, Editor y Fuentes, y el papel de los widgets y menĆŗs del tema clĆ”sico lo asumen las partes de plantilla y [NavegaciĆ³n].
Con un tema clĆ”sico como Astra o GeneratePress, el menĆŗ [Apariencia]Ā muestra Temas, DiseƱo, Personalizar, Widgets, Fuentes y MenĆŗs, y el [Editor de archivos de temas] tambiĆ©n estĆ” en este menĆŗ. Widgets y MenĆŗs solo aparecen si el tema los admite, y los temas que admiten imagen de cabecera y fondo aƱaden [Cabecera] y [Fondo].
GeneratePress, abierto con [Vista previa], aƱade al Personalizador las secciones DiseƱo, Colores, TipografĆa y General, y tambiĆ©n aparece la secciĆ³n [MenĆŗs] para elegir las ubicaciones de los menĆŗs.
š¢ FAQ & contenido recomendado
Patrones
Patrones de WordPress
CĆ³mo guardar como patrones las combinaciones de bloques que mĆ”s usas y volver a insertarlas.
Editor
IntroducciĆ³n al editor de bloques de WordPress
La estructura de la pantalla y los bloques bƔsicos del editor de bloques Gutenberg.
Temas
Tema hijo de WordPress
Para quĆ© sirve un tema hijo: conservar el cĆ³digo que modificaste aunque actualices el tema.
ā¹ļø Aviso de afiliados
El contenido de este sitio incluye enlaces de afiliado. Cuando un visitante compra un producto o servicio a travĆ©s de uno de ellos, el sitio recibe una comisiĆ³n del vendedor. El importe que paga el comprador(baja durante las promociones ā)no aumenta. Los precios, descuentos y existencias publicados corresponden al momento de redacciĆ³n y pueden variar, asĆ que confĆrmalos con el vendedor antes de comprar. Los productos se eligen y evalĆŗan con criterios propios, y las comisiones no influyen en el orden ni en el contenido de las reseƱas.