Consigue la barra de marca de la Commonwealth

Implementación de la Barra de Marca de la CommonwealthSiga estos pasos para agregar la nueva Barra de Marca de la Mancomunidad de Virginia a su sitio web oficial del gobierno de Virginia.

Para problemas técnicos, póngase en contacto con developer@vita.virginia.gov.

Siga estos pasos para agregar la nueva barra de marca de la Commonwealth of Virginia a su sitio web oficial del gobierno de Virginia. Para problemas técnicos, póngase en contacto con developer@vita.virginia.gov.

Opciones de construcción

Producción:

Agencia o entidad gubernamental de Virginia Un sitio web oficial de la Mancomunidad de Virginia : Así es como lo sabes Un sitio web oficial Así es como lo sabes

Nota: La representación anterior de la barra de marca de la Mancomunidad de Virginia se actualizará a medida que se seleccionen las opciones a continuación.

Paso 1: Agencia o entidad gubernamental de Virginia

Nombre de la agencia o entidad gubernamental de Virginia (obligatorio)*:

*Este campo permite que la barra de marca de la Mancomunidad de Virginia se personalice para su agencia o entidad gubernamental de Virginia. Por favor, deletree el nombre oficial completo.

Opcional - Nombre dinámico:

Elija una clase o un identificador únicos de un elemento de página del que desee extraer un nombre para mostrarlo en la barra de personalización de marca.

Id de elemento HTML (sin #)

Clase de elemento HTML (sin .)

Opcional: establezca una URL estática para el enlace de la etiqueta de anclaje de la agencia/entidad gubernamental:

Establezca una URL estática para la etiqueta de anclaje asociada con el nombre de la agencia o entidad gubernamental dentro de la barra de personalización de marca de la Commonwealth. De forma predeterminada, la URL de la etiqueta de anclaje se extrae del nombre de host del sitio web.

URL de ruta completa (ejemplo: https://www.developer.virginia.gov)

Opcional: establezca un enlace de navegación de omisión:

Asigne una etiqueta de anclaje para vincular el al elemento HTML que alberga su contenido principal en función del atributo Id. Esto permite a los usuarios de teclado y lector de pantalla acceder a la parte principal de su sitio web / aplicación mucho más fácilmente.

Para obtener información sobre por qué los enlaces de omisión de navegación son importantes para la accesibilidad web, consulte este recurso:
Más información sobre Saltar navegación

Contenido principal Id de elemento HTML (sin #)

Paso 2: Elija las opciones de estilo

Color de fondo de la barra de marca:

Negro
Blanco

Opcional - Opción de colocación alternativa:

Elija un ID único de un elemento HTML de página para que la barra de personalización de marca se inserte en su diseño. Tenga en cuenta que la barra de marca debe seguir mostrándose estrictamente en la parte superior de su sitio web.

Id de elemento HTML (sin #)

Opcional: habilite la traducción de idiomas de Smartling:

Habilita el menú desplegable de selector de idioma dentro de la barra de marca para seleccionar un idioma localizado para el contenido de su sitio web a través de la plataforma Smartling

Habilitar la traducción de idiomas de Smartling

Paso 3: Revisar y generar fragmento de código

Revisión: Revise la representación anterior de la barra personalizada para asegurarse de que los detalles sean correctos.
Nota: Debe confirmar que los detalles anteriores son correctos dentro de la representación de la barra de marca anterior antes de continuar con los siguientes pasos.
Confirmar: He revisado mi representación personalizada de la barra de marca anterior y confirmo que todos los detalles dentro de ella son correctos.
Acepte los términos de uso:
Nota: Debe aceptar los términos de uso antes de continuar. Ver términos de uso
Generar fragmento de código:Haga clic en el botón "Generar fragmento de código" para generar una etiqueta de script.

Nota sobre cambios adicionales: Cualquier cambio adicional después de hacer clic en el botón "Generar fragmento de código" requerirá que vuelva a hacer clic en el botón "Generar fragmento de código" para generar un nuevo fragmento con la información actualizada.

Paso 4: Incruste el fragmento de código en su sitio web

Haga clic en el botón "Copiar al portapapeles" para copiar el fragmento de código del Paso 3 para insertarlo dentro de la etiqueta principal de su sitio web.