Cómo usar la Edición del espacio de trabajo de WPS Escritorio en macOS

Usa la Edición del espacio de trabajo de WPS Escritorio mediante 6 temas prácticos que abarcan la apertura del editor, el cambio entre vistas de dispositivo, la configuración de diseños, la configuración de temas y fondos, la administración de componentes de la página, y cómo guardar, obtener una vista previa y publicar; 6 elementos están disponibles sin membresía y 0 requieren membresía.

Índice de instrucciones

Guía paso a paso

1. Abrir el editor del espacio de trabajo

Ruta de acceso: Panel de administración empresarial → Configuración del espacio de trabajo → Espacio de trabajo personalizado → Editor del espacio de trabajo

1. Haz clic en Panel de administración en el panel de navegación izquierdo.
2. Haz clic en Configuración del espacio de trabajo en el menú izquierdo.
3. Abre la pestaña Espacio de trabajo personalizado .
4. Busca el espacio de trabajo que deseas editar y haz clic en Editor del espacio de trabajo.

Criterios de éxito

• Resultado en la interfaz: Se abre la página de edición del espacio de trabajo.
• Siguiente acción disponible: Puedes ver las opciones de diseño, configuración de tema o configuración de componentes.

Consejos de uso

• Permisos: Se requieren los permisos adecuados de administrador empresarial.
• Red: Si la página de administración no carga correctamente, verifica tu conexión de red y el estado de tu cuenta.

2. Cambiar entre vistas de dispositivo

Ruta de acceso: Editor del espacio de trabajo → pestañas Desktop / Mobile

1. Después de abrir el editor del espacio de trabajo, revisa la vista de edición predeterminada de Desktop .
2. Para configurar la visualización en móvil, haz clic en la pestaña Mobile .
3. Ajusta el contenido de la página para la vista del dispositivo seleccionada actualmente.

Criterios de éxito

• Resultado en la interfaz: El área de edición cambia a la vista del dispositivo seleccionada.
• Siguiente acción disponible: Puedes continuar con la configuración de diseño, tema y componentes para desktop o mobile.

Consejos de uso

• Consejo de uso: Desktop y mobile se pueden configurar por separado, así que confirma la vista actual antes de realizar cambios.

3. Configurar el diseño de la página

Ruta de acceso: Editor del espacio de trabajo → Diseño → Diseño web

1. Haz clic en Diseño en el panel izquierdo.
2. En el área de Diseño web elige el diseño que necesites.
3. Selecciona entre diseños de una columna, dos columnas, dos columnas mixtas, tres columnas o tres columnas mixtas según el contenido de tu página.
4. Revisa el efecto del diseño en tiempo real en el área de edición.

Criterios de éxito

• Resultado en la interfaz: El área de edición muestra la estructura del diseño seleccionado.
• Siguiente acción disponible: Puedes seguir ajustando los temas y el contenido de los componentes en el nuevo diseño.

Consejos de uso

• Problema común: Después de cambiar el diseño, vuelve a revisar la ubicación de los componentes para asegurarte de que siga ajustándose a la nueva estructura de columnas.

4. Configura el tema y el fondo

Ruta de acceso: Workbench Editor → Configuración del tema

1. Haz clic en Configuración del tema en el panel izquierdo.
2. En el área de fondo del diseño web, elige un color de fondo o una imagen de fondo.
3. Si usas un color de fondo, haz clic en el bloque de color o ingresa un código de color.
4. Selecciona un tema integrado de la lista de temas.
5. Si es necesario, activa Usar imagen de fondo personalizada y carga una imagen.

Criterios de éxito

• Resultado en la interfaz: Se actualizan el fondo de la página y el estilo del tema.
• Siguiente acción disponible: Puedes obtener una vista previa del estilo general de la página o continuar con la edición de componentes.

Consejos de uso

• Requisitos de la imagen: Las imágenes de fondo personalizadas admiten formatos jpg, png y jpeg, con un tamaño máximo de 3 MB.
• Consejo de uso: El modo claro y el modo oscuro se pueden configurar por separado para distintos escenarios de visualización.

5. Administra los componentes de la página

Ruta de acceso: Workbench Editor → Configuración de componentes

1. Revisa la lista de componentes de la página actual en el editor del espacio de trabajo.
2. Haz clic en el componente que quieras ajustar para entrar en su estado de edición o configuración.
3. Mantén el contenido de los componentes de escritorio o móviles según la vista actual del dispositivo.

Criterios de éxito

• Resultado en la interfaz: El contenido del componente seleccionado se actualiza o configura.
• Siguiente acción disponible: Puedes seguir editando otros componentes o pasar a guardar y obtener una vista previa.

Consejos de uso

• Consejo de uso: Después de cambiar la vista del dispositivo, verifica si el contenido de los componentes se muestra por completo en cada vista.

6. Guardar, obtener una vista previa y publicar

Ruta de acceso: Workbench Editor → Guardar / Vista previa / Publicar

1. Durante la edición, haz clic en Guardar en la parte superior para guardar tu progreso actual.
2. Para descartar los cambios no guardados, haz clic en Restablecer.
3. Después de editar, haz clic en Vista previa para revisar el efecto real de visualización.
4. Cuando la página se vea correctamente, haz clic en Publicar para aplicar la configuración.

Criterios de éxito

• Resultado en la interfaz: La página muestra la información de la hora de guardado o el efecto publicado en vivo.
• Siguiente acción disponible: Otros usuarios pueden actualizar el espacio de trabajo para ver la página actualizada.

Consejos de uso

• Problema común: Guardar solo conserva el progreso de edición. Es necesario publicar para que los cambios aparezcan en el espacio de trabajo en vivo.
• Consejo de uso: Obtén una vista previa antes de publicar para evitar que el contenido no confirmado se aplique directamente.