Personalización del Diseño del Sitio Web
Después de instalar tu tema e importar una plantilla inicial, es momento de personalizar tu sitio web para que refleje tu marca y contenido.
El Personalizador de WordPress permite editar el diseño de tu sitio en tiempo real y ver los cambios de inmediato.
Para acceder:
- Ve a Apariencia → Personalizar desde el panel de WordPress;
- El Personalizador se abrirá con una vista previa en vivo de tu sitio a la derecha y un menú de configuraciones a la izquierda.
Las opciones disponibles en el Personalizador varían según el tema activo. Al usar Astra con una Plantilla Inicial, normalmente están disponibles las siguientes opciones:
- Configuraciones globales: ajustar fuentes, colores y ancho del contenedor;
- Constructor de encabezado y pie de página: editar las áreas superior e inferior de tu sitio web;
- Menús y widgets: gestionar la navegación y los elementos de la barra lateral.
No es necesario explorar todas las configuraciones ahora—solo concéntrate en lo básico.
Estos son los elementos principales a revisar al personalizar el diseño de tu sitio web:
1. Colores y Tipografía
- Ve a Global → Colores para cambiar los colores de fondo, texto y enlaces;
- Ve a Global → Tipografía para establecer fuentes y tamaños para los encabezados y el texto principal.
2. Encabezado y Pie de Página
- Haz clic en Constructor de Encabezado o Constructor de Pie de Página en el Personalizador;
- Verás un diseño visual donde puedes hacer clic en diferentes secciones (logo, menú, iconos sociales, etc.) para editarlas;
- También puedes eliminar o reorganizar elementos arrastrándolos a nuevas posiciones.
Si no subiste tu logo al importar la plantilla inicial, puedes hacerlo ahora.
Para actualizar tu logo:
- Ve a Constructor de Encabezado → Título del Sitio y Logo;
- Haz clic en Seleccionar Logo y sube tu imagen (preferiblemente PNG con fondo transparente).
Para agregar un favicon (icono de pestaña del navegador):
- Ve a Configuraciones Generales → Identidad del Sitio;
- En Icono del Sitio, sube una imagen cuadrada (se recomienda 512x512 píxeles).
Una vez que estés satisfecho con tus actualizaciones, haz clic en el botón Publicar en la parte superior del Personalizador para guardar todos los cambios.
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Awesome!
Completion rate improved to 3.45
Personalización del Diseño del Sitio Web
Desliza para mostrar el menú
Después de instalar tu tema e importar una plantilla inicial, es momento de personalizar tu sitio web para que refleje tu marca y contenido.
El Personalizador de WordPress permite editar el diseño de tu sitio en tiempo real y ver los cambios de inmediato.
Para acceder:
- Ve a Apariencia → Personalizar desde el panel de WordPress;
- El Personalizador se abrirá con una vista previa en vivo de tu sitio a la derecha y un menú de configuraciones a la izquierda.
Las opciones disponibles en el Personalizador varían según el tema activo. Al usar Astra con una Plantilla Inicial, normalmente están disponibles las siguientes opciones:
- Configuraciones globales: ajustar fuentes, colores y ancho del contenedor;
- Constructor de encabezado y pie de página: editar las áreas superior e inferior de tu sitio web;
- Menús y widgets: gestionar la navegación y los elementos de la barra lateral.
No es necesario explorar todas las configuraciones ahora—solo concéntrate en lo básico.
Estos son los elementos principales a revisar al personalizar el diseño de tu sitio web:
1. Colores y Tipografía
- Ve a Global → Colores para cambiar los colores de fondo, texto y enlaces;
- Ve a Global → Tipografía para establecer fuentes y tamaños para los encabezados y el texto principal.
2. Encabezado y Pie de Página
- Haz clic en Constructor de Encabezado o Constructor de Pie de Página en el Personalizador;
- Verás un diseño visual donde puedes hacer clic en diferentes secciones (logo, menú, iconos sociales, etc.) para editarlas;
- También puedes eliminar o reorganizar elementos arrastrándolos a nuevas posiciones.
Si no subiste tu logo al importar la plantilla inicial, puedes hacerlo ahora.
Para actualizar tu logo:
- Ve a Constructor de Encabezado → Título del Sitio y Logo;
- Haz clic en Seleccionar Logo y sube tu imagen (preferiblemente PNG con fondo transparente).
Para agregar un favicon (icono de pestaña del navegador):
- Ve a Configuraciones Generales → Identidad del Sitio;
- En Icono del Sitio, sube una imagen cuadrada (se recomienda 512x512 píxeles).
Una vez que estés satisfecho con tus actualizaciones, haz clic en el botón Publicar en la parte superior del Personalizador para guardar todos los cambios.
¡Gracias por tus comentarios!