Progreso del curso: 0%
Tema 9.7

Personalizar

9.7 Personalizar

La personalización del tema es una de las funcionalidades más potentes de WordPress, permitiendo que los usuarios sin conocimientos técnicos realicen cambios visuales significativos en su sitio sin necesidad de editar código. La sección Personalizar, también conocida como Customizer, proporciona una interfaz visual en tiempo real donde puedes modificar aspectos estéticos y funcionales del tema activo. A diferencia de editar archivos de código, el Customizer ofrece una vista previa instantánea de los cambios antes de guardarlos, lo que hace el proceso más intuitivo y seguro.

Después de haber seleccionado tu tema y creado la estructura de menús básica, es el momento de afinar los detalles visuales que harán que tu sitio tenga una identidad única y profesional. Este apartado te guiará a través de las opciones de personalización más importantes disponibles en WordPress.

Acceso al Customizer

Hay dos formas principales de acceder a la sección de personalización en WordPress. La primera es desde el panel de administración: haz clic en Apariencia en el menú lateral izquierdo y luego selecciona Personalizar. La segunda forma es aún más directa: desde la vista pública del sitio (el frontend), encontrarás una barra de administración en la parte superior con un botón que dice Personalizar. Hacer clic en este botón abre el Customizer en una interfaz dividida, mostrando una vista previa del sitio a la derecha y las opciones de personalización a la izquierda.

La interfaz dividida es particularmente útil porque te permite ver cómo afectan tus cambios al sitio en tiempo real. Conforme modifiques colores, fuentes, o disposiciones de elementos, verás los cambios reflejados inmediatamente en la vista previa del lado derecho.

Opciones de identidad del sitio

Una de las primeras secciones que encontrarás en el Customizer es Identidad del sitio. Esta sección contiene información fundamental sobre tu sitio que aparece en varias ubicaciones, incluyendo el encabezado y las pestañas del navegador. En esta sección puedes:

Cambiar el título del sitio, que es el nombre principal que aparece en el encabezado de tu página. Este elemento es crucial tanto para la identidad visual como para el SEO, ya que aparece en los resultados de búsqueda. El lema del sitio es una descripción breve que acompaña al título, típicamente visible debajo de él en el encabezado. También puedes subir un logo o icono del sitio que representará visualmente tu proyecto.

Algunos temas modernos permiten elegir si deseas mostrar el título junto con el logo, solo el logo, o solo el título. Esta decisión dependerá del diseño del tema y de tu preferencia personal respecto a cómo deseas que se presente tu marca.

Opciones de colores y tipografía

El Customizer generalmente incluye una sección dedicada a Colores donde puedes modificar los colores principales del tema. Esto puede incluir el color de fondo, el color de los enlaces, el color de los botones, y otros elementos visuales clave. Modificar estos colores es especialmente útil si deseas mantener una coherencia de marca en tu sitio o simplemente prefieres una combinación de colores diferente a la que proporciona el tema por defecto.

Respecto a la tipografía, muchos temas permiten cambiar las fuentes utilizadas en títulos y en el cuerpo del texto. WordPress integra automáticamente las fuentes disponibles en Google Fonts, lo que proporciona acceso a miles de tipografías profesionales sin necesidad de instalar complementos adicionales. Seleccionar las fuentes correctas es importante porque afecta tanto a la legibilidad como a la percepción general del sitio. Las fuentes sans-serif como Roboto o Open Sans son populares para sitios modernos, mientras que las serif como Playfair Display se utilizan para proyectos que buscan un tono más clásico o editorial.

Configuración de menús y ubicaciones de widgets

El Customizer también permite gestionar qué menú se asigna a cada ubicación del tema. Dentro de la sección de menús, puedes seleccionar cuál de los menús que has creado deseas mostrar en cada ubicación disponible del tema. Esta configuración es fundamental para asegurar que tu estructura de navegación aparezca en los lugares correctos.

De igual manera, si tu tema incluye zonas de widgets (áreas donde puedes añadir componentes como calendarios, listas de categorías o widgets de búsqueda), el Customizer te permitirá gestionar estos de forma visual. Puedes agregar, eliminar o reorganizar widgets sin entrar en código, viendo los cambios reflejados inmediatamente en la vista previa.

Configuración de página estática vs. blog

Una opción importante en el Customizer es la configuración de lectura, donde puedes establecer qué página aparece como inicio de tu sitio. Por defecto, WordPress muestra un listado de las últimas entradas del blog, pero en muchos casos profesionales, desearás mostrar una página estática como inicio. En esta sección puedes designar una página específica como página de inicio y, opcionalmente, otra como página de blog.

Por ejemplo, podrías tener una página de inicio llamada Home con una presentación de tu empresa, y asignar una página Blog como la ubicación donde se mostrarán las entradas del blog. Esta configuración es fundamental para sitios corporativos o empresariales donde el blog es una sección más, no el contenido principal.

Guardado de cambios

A diferencia de otras áreas de WordPress donde debes hacer clic en un botón Guardar para aplicar cambios, el Customizer funciona de forma diferente. Mientras realizas modificaciones, puedes hacer clic en el botón Guardar y Publicar que aparece en la esquina superior del panel de personalización. Hasta que no hagas clic en este botón, los cambios permanecen en modo borrador y no afectarán al sitio público. Esto es una característica de seguridad valiosa que te permite experimentar sin miedo a afectar el sitio en vivo.

Ideas clave

  • El Customizer es la herramienta principal en WordPress para personalizar visualmente un sitio sin necesidad de editar código, ofreciendo una vista previa en tiempo real de los cambios.
  • La sección de Identidad del sitio contiene elementos clave como título, lema e imagen de logo que afectan tanto a la marca como al SEO del sitio.
  • Los colores y tipografías pueden personalizarse completamente, permitiendo crear una identidad visual única que refleje los valores de tu marca o proyecto.
  • El Customizer permite gestionar la asignación de menús a ubicaciones específicas del tema, asegurando una navegación correcta en el sitio público.
  • Configurar una página estática como inicio en lugar del blog por defecto es fundamental para sitios corporativos que necesitan una presentación profesional inicial.
  • Los cambios en el Customizer deben guardarse explícitamente mediante el botón Guardar y Publicar, permitiendo trabajar de forma segura sin afectar el sitio en vivo hasta estar completamente satisfecho.
¿Has terminado este apartado? Tu progreso se guarda en este navegador. Regístrate para conservarlo en tu cuenta.