Los espacios de trabajo permiten agrupar pestañas por temas, como: trabajo, estudios o compras, en una única ventana. Una vez que tengas creados tus espacios de trabajo, podrás moverte entre ellos de forma súper sencilla, usando el botón del menú o los atajos de teclado.

Añadir un Espacio de Trabajo

Para agregar un nuevo espacio de trabajo:

1. Haz clic en el botón Espacios de Trabajo en el lado izquierdo de la barra de pestañas (la parte superior de la lista en las barras de pestañas verticales).
2. Haz clic en Nuevo espacio de trabajo.
3. Elige entre crear un Espacio de Trabajo vacío o uno que incluya las pestañas que estén actualmente activas en dicha ventana.
4. Introduce un nombre y elige un icono para el Espacio de Trabajo.
5. Haz clic en Crear o presiona Enter.

El espacio de trabajo se creará y aparecerá en la lista. Ahora puedes comenzar a abrir pestañas para planear tus viajes. Para volver a las pestañas habituales, haga clic en el primer elemento de la lista, en este caso en la página de inicio.

También puedes crear un Espacio de Trabajo de las siguientes maneras:

• Escribiendo «Crear espacio de trabajo» en el menú de Comandos Rápidos.
• Creando un atajo de teclado o gesto de ratón para ello.

Crear un nuevo espacio de trabajo a partir de pestañas abiertas

Cuando desee mover un conjunto de pestañas a un nuevo espacio de trabajo:

1. Seleccione las pestañas que desea colocar en el espacio de trabajo.
2. Haga clic con el botón derecho en una de las pestañas seleccionadas para abrir el menú contextual.
3. Seleccione Mover # Espacio de trabajo > de pestañas Crear espacio de trabajo con pestañas > seleccionadas.
4. Asigne un nombre al nuevo espacio de trabajo y seleccione un icono para él.
5. Haz click en Crear.

---

Cambiar entre Espacio de Trabajo

Hay varias maneras de cambiar entre espacios de trabajo. Elige la que tú prefieras:

• Abre el menú de los espacios de trabajo y selecciona el que quieras abrir.
• Escribe el nombre del espacio de trabajo, «Siguiente espacio de trabajo«, «Espacio de trabajo anterior» o «Esta ventana» en Comandos rápidos.
• Utiliza los atajos de teclado. Si te sabes el orden en el que están, usa Ctrl+Shift / ⌘ ⇧y el número del espacio de trabajo, por ejemplo, Ctrl+Shift+3. También puedes crear atajos de teclado para las opciones Siguiente espacio de trabajo y Anterior espacio de trabajo.
• Crea un gesto de ratón para ello.
• En el panel de ventanas, haz (doble) clic en una pestaña del espacio de trabajo que quieras abrir.
• En el menú Vivaldi > Ventana > Otros espacios de trabajo y pestañas, selecciona una pestaña del espacio de trabajo que quieras abrir.

Espacio de Trabajo y Ventanas

Un Espacio de Trabajo no puede estar abierto en más de una ventana al mismo tiempo. Si intentas abrir un Espacio de Trabajo que ya esté abierto en otra ventana, en vez de abrir el espacio de trabajo en la ventana actual, serás redirigido a la ventana en la que esté abierto ese Espacio de Trabajo.

---

Editar un Espacio de Trabajo

Para cambiar el nombre de un espacio de trabajo:

1. Abre el menú de espacios de trabajo.
2. Haz clic derecho en el que quieras editar.
3. Selecciona Renombrar espacio de trabajo.
4. Dale un nuevo título al espacio de trabajo.
5. Pulsa Enter.

También puedes renombrar el espacio de trabajo en el Panel de Ventanas, bien haciendo dos clics lentos en el nombre del espacio de trabajo o haciendo clic derecho en el nombre del espacio de trabajo y eligiendo Renombrar en el menú de contexto.

Para cambiarle el icono a un espacio de trabajo:

1. Abre el menú de espacios de trabajo.
2. Haz clic en el icono.
3. Selecciona o introduce uno nuevo.

---

Reordenar Espacio de Trabajo

Los nuevos espacios de trabajo se agregan al final de la lista. Si deseas moverlos, puedes reorganizar fácilmente la lista.

Para reordenar los espacios de trabajo:

1. Abre el menú de espacios de trabajo.
2. Haz clic en el espacio de trabajo que desea mover y mantenga presionado el botón del ratón.
3. Arrastre el espacio de trabajo a su nueva ubicación en la lista.
4. Suelta el botón del ratón.

---

Gestión de pestañas en los espacios de trabajo

Dentro de un espacio de trabajo puedes abrir y cerrar pestañas de la misma manera que lo harías en una ventana normal. Incluyendo Pilas de pestañas y Pestañas en Mosaico.

Mover pestañas entre espacios de trabajo

Opción 1 – Panel de ventanas

1. Abre el Panel de Ventanas
2. Expande las carpetas de espacios de trabajo origen y destino.
3. Arrastra pestañas de un Espacio de Trabajo a otro. Selecciona múltiples pestañas con Shift o Ctrl / ⌘ para mover varias pestañas a la vez.

Opción 2 – Menú de contexto de la Barra de Pestañas

1. Haz clic derecho en la pestaña que quieras mover. Selecciona múltiples pestañas con Shift o Ctrl / ⌘ para mover varias pestañas a la vez.
2. En el menú de contexto selecciona Mover pestaña / Mover # pestañas > Espacio de trabajo > nombre del espacio de trabajo.

Reglas de Espacios de Trabajo

Las reglas de Espacios de trabajo mueven automáticamente las pestañas al espacio de trabajo en el que desea verlas siguiendo las reglas que hayas configurado. Por ejemplo, si tienes un espacio de trabajo para sitios de noticias, puedes configurar reglas para abrir todos sus enlaces de noticias favoritos en el Espacio de Trabajo «Noticias». Luego, cada vez que te encuentres con un artículo de noticias en un espacio de trabajo diferente, al abrirlo, la pestaña se moverá automáticamente al Espacio de Trabajo «Noticias».

Para crear reglas de Espacio de Trabajo:

1. Ve a Configuración>, Pestañas, Espacios >.
2. Haga clic en Nueva regla para espacios de trabajo.
3. Configura los criterios de la regla.
4. Selecciona el espacio de trabajo al que se debe mover la pestaña en «Abrir en».

Ejemplo: «Si la URL contiene bbc.com abrir en Noticias«.

---

Hibernar Espacio de Trabajo

Al separar pestañas en diferentes espacios de trabajo, puede darte la impresión de que no tienes tantas pestañas abiertas. Para reducir el consumo de recursos del navegador, puedes hibernar aquellos espacios de trabajo que no vayas a utilizar.

Para hibernar un espacio de trabajo:

1. Abre el menú de espacios de trabajo.
2. Haz clic derecho en el espacio de trabajo que quieras hibernar.
3. Selecciona Hibernar espacio de trabajo.

---

Copiar todos los enlaces de un Espacio de Trabajo

Para crear una lista de enlaces de todas las páginas web que tiene abiertas en un espacio de trabajo:

1. Abre el menú de espacios de trabajo.
2. Haz clic con el botón derecho en uno de los espacios de trabajo.
3. Selecciona Copiar todos los enlaces en el menú contextual.
4. Pega los enlaces donde deseas almacenarlos o compartirlos.

Además de los espacios de trabajo, puedes copiar todos los enlaces de las pestañas de una Pila de pestañas o de las que hayas seleccionado.

---

Eliminar un Espacio de Trabajo

Para eliminar un espacio de trabajo:

1. Abre el menú de espacios de trabajo.
2. Haz clic derecho en el espacio de trabajo que quieras eliminar.
3. Selecciona Eliminar espacio de trabajo.

Al eliminar un Espacio de Trabajo, cerrarás también todas las pestañas dentro de ese espacio de trabajo. Si quieres conservar algunas pestañas, muévelas antes de eliminar el espacio de trabajo. Si necesitas recuperar pestañas que hayan desaparecido al eliminar un espacio de trabajo, puedes encontrarlas en Pestañas cerradas.

---

Opciones de los Espacio de Trabajo

Ocultar los nombres de los espacios de trabajo

Si quieres dejar más espacio para las pestañas, puedes ocultar el nombre de los espacios de trabajo. Al tener iconos diferentes, es fácil distinguir uno de otro.

Para ocultar los nombres de los espacios de trabajo:

1. Haz clic con el botón derecho en el botón de menú Espacio de trabajo.
2. Haz clic en Mostrar nombre del espacio de trabajo para desactivarlo.

Ocultar el menú de Espacio de Trabajo

Para ocultar el menú de espacios de trabajo de la barra de pestañas, puedes:

• Hacer clic derecho en los espacios de trabajo en la barra de pestañas y seleccionar Mostrar espacios de trabajo en la barra de pestañas.
• Ir a Ajustes > Pestañas > Espacios >y desactivar Mostrar espacios de trabajo en la barra de pestañas.

Mover el menú de espacios de trabajo

Si prefieres acceder y gestionar tus espacios de trabajo desde otra parte del navegador:

1. Oculta los espacios de trabajo de la barra de pestañas siguiendo los pasos mencionados anteriormente.
2. Abre el Editor de la Barra de herramientas desde el menú Vivaldi > Vista > Personalizar la barra de herramientas.
3. En la sección de barra de navegación, localiza los espacios de trabajo.
4. Arrástralo a la posición que prefieras, en cualquiera de las barras de herramientas.

Desactivar los espacios de trabajo

Para desactivar o reactivar los espacios de trabajo:

1. Dirígete a Ajustes>, Pestañas>, Espacios.
2. Desmarca la casilla Activar espacios de trabajo para desactivar la función, o márcala para activarla.

Al no haber algoritmos en Vivaldi Social (ni en Mastodon en general) que muestren contenido según tu uso, tendrás que seguir personas o hashtags para diseñar tu propio feed. Gracias a la naturaleza federada de Mastodon, puedes seguir cuentas de cualquier instancia de Mastodon en tu cuenta de Vivaldi Social.

Seguir cuentas

Para seguir cuentas en Vivaldi Social:

Opción 1

1. Abre el perfil de la cuenta que quieras seguir.
2. Haz clic en el botón de Seguir de su perfil, bajo la imagen de cabecera.

Opción 2

1. Busca el nombre de usuario (@nombredeusuario@nombredelservidor) de la cuenta que quieras seguir.
2. En los resultados de búsqueda, haz clic en Seguir, al lado del nombre.

---

Seguir hashtags

Además de seguir cuentas, también puedes seguir hashtags.

Para ello:

1. Haz clic en uno (p.ej. #Vivaldi, #Caturday, #PhotoMonday) en una de las publicaciones que los incluya, o buscándolo en la función de búsqueda.
2. Busca publicaciones recientes que utilicen el hashtag y decide si quieres buscar ver contenido similar en tu feed.
3. Haz clic en Seguir en la esquina superior derecha de la página.

---

Sigue contenido de Vivaldi Social con el lector de feeds

Si usas Vivaldi Feeds o cualquier otro lector de feeds, puedes recibir las publicaciones nuevas directamente a tu cliente de feeds.

Para suscribirte al contenido con Vivaldi Feeds:

1. Asegúrate de que Mail, Calendar y Feeds estén activados en Ajustes > General > Funciones de productividad.
2. En Vivaldi Social, abre el perfil o la página de hashtags que quieras seguir.
3. Añade .rss al final de la URL de la página.
   Por ejemplo, https://social.vivaldi.net/@Vivaldi.rss o https://social.vivaldi.net/tags/Vivaldi.rss.
4. Pulsa Enter para abrir el enlace y ver una vista previa del feed.
5. Haz clic en Subscribir bajo el título de la página.
6. Revisa y, si fuera necesario, edita el título del feed y la frecuencia de actualización.
7. Haz clic en Añadir Feed.

Si usas otro lector de feeds, copia el enlace con .rss al final y añádelo al lector de feeds usando las instrucciones de tu cliente.

Vivaldi ha incorporado la posibilidad de añadir iconos personalizados para todos los botones de la barra de herramientas. Te contamos la mejor manera de gestionar los recursos a la hora de crear tus propios iconos.

Editar un tema

Puedes poblar todos los botones de los temas desde la IU de Vivaldi. Para poner tus propios iconos, dirígete a Opciones > Temas > Editor > Iconos . Allí verás una lista de todos los botones de la barra de herramientas disponibles, ordenados por categoría, y la interfaz para colocar tus propios iconos. Los iconos personalizados se incluirán en un tema exportado.

Botón de editor de iconos

---

Tamaño de la imagen

Vivaldi soporta bitmap 28 × 28 pixels o imágenes SVG en todas las barras de herramientas. Si la imagen es más grande, se reducirá a este tamaño.

Diseño de iconos

Los glifos de iconos de Vivaldi tienen un tamaño aproximado de 16 píxeles. Tu icono debería tener un margen alrededor de los bordes, no llenar todo el espacio. Si no, puedes verte con iconos grandes en una barra de herramientas muy llena. Aún así, puedes usar todo el espacio disponible para formas que salgan del límite imaginario, o para iconos más grandes.

Posición sugerida de icono en el lienzo

---

Recursos bitmap

Vivaldi da soporte a imágenes bitmap en formato BMP, GIF, JPG, JPEG, PNG, y WEBP. Considera utilizar un formato que de soporte al canal alfa. Los iconos deberían mantener suficiente contraste tanto contra fondos claros como oscuros, ya que tu icono podrá ser usado también en otros temas.

La mejor manera de exportar recursos bitmap es al doble de su tamaño para renderizar bien en pantallas DPI altas y que quede espacio para el ajuste de zoom de la interfaz de usuario (es decir, deberás exportar las imágenes a 56 × 56 píxeles para duplicar la resolución del objetivo de 28 píxeles.)

---

Recursos SVG

Además de bitmaps, Vivaldi también permite el formato SVG (Scalable Vector Graphic), que puede producirse de distintas maneras.

Si quieres que tu icono herede los colores del tema actual, no uses definiciones de relleno de color, o usa el currentColor término. Así asegurarás que se hereden los colores de forma correcta en todas las barras de herramientas y combinaciones de temas.

<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 28 28"
  fill="currentColor"
>
  <!-- inherits fill color from current Vivaldi theme -->
  <path d="..." />
  <!-- uses specific fill color -->
  <path d="..." fill="#ffeea8" />
</svg>

Ejemplo de cómo heredar el color con SVG

Por otro lado, puedes controlar todos los colores de trazo y relleno de forma local, independientemente de los colores de tu tema actual. En ese caso debes asegurarte de que todos los colores estén predefinidios, para no heredar el color del tema.

<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 28 28"
  fill="#000"
>
  <!-- inherits default fill color #000 specified above -->
  <path d="..." />
  <!-- uses specific fill color -->
  <path d="..." fill="#ffeea8" />
</svg>

Ejemplo de código SVG con colores definidos

La decisión de hacerlo de una u otra forma es solo tuya. Si prefieres la segunda opción, deberás definir las propiedades del trazo.

<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 28 28"
  fill="none"
  stroke="currentColor"
>
  <!-- no fill; stroke color inherited from current Vivaldi theme -->
  <path
    d="..."
    stroke-width="1"
    stroke-linecap="round"
    stroke-linejoin="round"
  />
</svg>

Ejemplo de icono SVG icon basado en trazos

Filtros y máscaras SVG

En SVG, los filtros y máscaras se referencian por un ID único. Si el ID no es único, se podría perder la referencia, y el filtro o la máscara no funcionarán correctamente. Manter un ID único para el mismo filtro a través de diversos archivos es una tarea tediosa, y no evitará la duplicidad de ID en el DOM.

Para solucionar los posibles problemas, considera aplanar el gráfico en vez de usar máscaras, o reemplazar los filtros SVG con CSS. Por ejemplo, para reemplazar el efecto de brilo feDropShadow en SVG:

<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 28 28"
  fill="none"
  stroke="currentColor"
>
  <defs>
    <filter id="neonGlow-034">
      <feDropShadow
        in="enlarged"
        dx="0"
        dy="0"
        stdDeviation="40"
        flood-color="cyan"
      />
    </filter>
  </defs>
  <g filter="url(#neonGlow-034)">
    <rect x="7" y="7" width="14" height="14" rx="2" />
  </g>
</svg>

Filtro original SVG

<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 28 28"
  fill="none"
  stroke="currentColor"
>
  <g style="filter: drop-shadow(0, 0, 1px, cyan)">
    <rect x="7" y="7" width="14" height="14" rx="2" />
  </g>
</svg>

Efecto similar conseguido con CSS

SVG minimizado

Es interesante que minimices los iconos exportados SVG con una herramienta como SVGO. Puede que tu editor también minimize los SVG a la hora de exportarlos, pero es posible que venga con algunas pegas, como mantener los números de identificación únicos.

Codificación de archivo SVG

Los archivos SVG deben estar codificados mediante UTF-8. Al importar se sanea todo el JavaScript y elementos <style> (se permiten los atributos inline).

---

Formato de archivado de temas

Hemos expandido el formato de tema de Vivaldi para dar soporte a un número cada vez más elevado de botones de la barra de herramientas o cadenas de comando. El icono se exporta en un archivo de tema JSON como button ID e image path.

"buttons": {
  "buttonId": "imagefile01.png"
}

Si estás procesando por lotes las imágenes del icono, puedes exportar tu tema personalizado en Vivaldi y actualizar las imágenes reemplazándolas en el archivo ZIP resultante.

Plantilla de Figma

Por si quieres empezar a crear un set de iconos basado en los iconos oficiales de la IU de Vivaldi, hemos creado una plantilla de Figma. Puedes encontrarla en https://www.figma.com/community/file/1214878626987427743.

Los códigos QR son una manera sencilla de compartir enlaces y otros tipos de información. Con el lector de códigos QR de Android puedes escanear códigos QR y códigos de barras para abrir enlaces, menús, plataformas de pago, apps…Así podrás obtener la información que contenga el código sin tener que escribir nada. Además de escanear, también puedes crear códigos para compartir enlaces.

Abrir el lector de códigos QR

Hay tres maneras de acceder al lector de códigos QR:

• Desde el lado derecho del campo de direcciones (URL);
• Desde el widget de búsqueda;
• Presionando durante unos segundo el icono de la app y seleccionando Escanear código QR.

Escanear un código QR

Para escanear un código QR:

1. Abre el lector del código QR usando uno de los métodos previamente mencionados;
2. La primera vez que lo uses, concede a Vivaldi acceso a la cámara de tu teléfono.
3. Posiciona el recuadro de la pantalla sobre el código QR o código de barras;

Si el lector detecta una URL, abrirá el enlace en una pestaña de forma automática. Si detecta otro tipo de información, te ofrecerá la posibilidad de copiar dicha información o de iniciar una búsqueda.

---

Crear un código QR

Para crear un código QR:

1. Abre la página web que quieras compartir;
2. Ve a menú Vivaldi > Compartir;
3. Selecciona código QR;
4. Muéstrale tu teléfono a alguien, para que puedan escanear el código o descargar el código QR como una imagen.

En Vivaldi puedes crear un código QR que redirija a una página web, para compartirlo con otras personas.

Empezar a usar el generador de códigos QR

Para mostrar el generador de códigos QR en la barra de direcciones:

1. Ve a Ajustes > Barra de direcciones > Opciones del campo de direcciones;
2. Activa el generador de códigos QR.

---

Crear un nuevo código QR

Opción 1

1. Abre la página web que quieras compartir;
2. Haz clic en el botón Compartir página con código QR en la parte derecha del campo de direcciones, entre el botón del Modo lectura (si está disponible para esta página) y el de Añadir marcador.

Opción 2

1. Haz clic en el botón Compartir página con código QR en la parte derecha del campo de direcciones, entre el botón del Modo lectura (si está disponible para esta página) y el de Añadir marcador.
2. Escribe o pega la URL para la que quieras crear un código QR.

Opción 3

1. Abre la página web que quieras compartir;
2. Haz clic derecho en la página para abrir el menú de contexto;
3. Selecciona Crear código QR para esta página.

Opción 4

1. Abre la página web que quieras compartir;
2. En el menú de comandos rápidos escribe «Crear código QR para la página activa«.

Opción 5

Crea un atajo de teclado o un gesto de ratón para la acción.

---

Compartir el código QR

Una vez hayas creado el código QR:

• Escanea la imagen con un lector de códigos QR, como por ejemplo el lector de códigos QR de Vivaldi Android.
• Haz clic en Copiar bajo el código generado para compartir la imagen.
• Haz clic en Guardar en descargas para almacenar la imagen del código QR en tu ordenador.

Con Vivaldi Mail, te devolvemos el control de tu correo. Sin tener que renunciar ni a tu privacidad ni a tu libertad online, por supuesto.

Relájate y deja que Jon te explique cómo activar el sistema de calendario de Vivaldi. Una gran herramienta para aquellos que quieran despegarse de las grandes empresas tecnológicas.

Nos ha pasado a todos. Estás en internet buscando algo concreto, pero no paras de encontrar otras tantas cosas que también te parecen interesantes. Sin darte cuenta, tu navegador va a estar lleno de pestañas.

Una de las funciones más populares de Vivaldi es la gestión de pestañas Jon y Varsha te cuentan 21 maneras de aprovechar esta funcionalidad.

El panel de traducción es la última novedad relacionada con el traductor integrado de Vivaldi, una manera inigualable de traducir textos cortos.