Guía de estilo

Índice

  1. Tipografía
  2. Elementos básicos de la interfaz de usuario
  3. Bloques atómicos
  4. Bloques reutilizables
  5. Galería
  6. Campos personalizados
  7. Plantillas de páginas y entradas

Tipografía

Elementos básicos de la interfaz de usuario

Bloques atómicos

Imagen de ancho completo con tarjeta

Impleméntelo añadiendo un bloque Imagen con especificaciones de imagen de 1300 x 550. A continuación, añada un bloque Grupo y añada "transformación de tarjeta" en el campo Clases adicionales.

Ceremonia de entrega de premios

5 de mayo de 2022

Medios + Texto

Implementar añadiendo el bloque Media & Text Gutenberg. No se necesitan clases adicionales.

¿Qué hace que una cerveza merezca un premio de oro, plata o bronce?

"La evaluación de la cerveza se realiza a muchos niveles. A nivel profesional, la evaluación de la cerveza es una forma de revisión por pares. Los resultados son públicos, por lo que los consumidores pueden saber qué cervezas cumplen un alto nivel de calidad y qué cervezas ejemplifican determinados estilos según la interpretación de los jueces. Cuando los profesionales del sector reconocen la excelencia de los productos de todo el mercado, el consumidor puede estar seguro de que esos productos son los mejores disponibles".

- Chris Swersey, Director de Concursos

Contacto

Implementar añadiendo el bloque Columns Gutenberg y añadiendo "contact-row" al campo Additional Classes.

Bob Pease

Presidente y Consejero Delegado

Nancy Johnson

Vicepresidente Senior de Reuniones y Eventos

Cuestiones de conformidad y uso de logotipos

Enviar correo electrónico a Nancy

Chris Swersey

Director de Concursos

Consultas de los jueces

Envía un correo electrónico a Chris

Extracto de la tarjeta

Actualmente no es un bloque de Gutenberg porque esto se construye en archive.php.

Extracto Fila

Actualmente no es un bloque de Gutenberg porque está integrado en el fragmento de noticias recientes de Woody. La clase "with-stripe-background" es la que añade la franja amarilla de fondo.

Párrafo introductorio + cuadro de información

Al colocar el párrafo principal y un cuadro de información en columnas, podemos controlar el orden en que aparecen apilados en el móvil. Añadir lead-info-box a los campos CSS adicionales del bloque de columnas

Las inscripciones al concurso deberán recibirse en la dirección de envío entre el lunes 9 de marzo y el viernes 13 de marzo de 2020. Una vez completado el proceso de inscripción, se enviará a las cervecerías participantes información detallada sobre el envío. Por favor, lea atentamente lo siguiente para planificar adecuadamente y asegurarse de que sus cervezas llegan a tiempo. Las cervezas que lleguen tarde no serán evaluadas.

Dirección de envío WBC

BA - WBC 2020 587 S. Taylor Avenue
Louisville, CO 80027

Bloques reutilizables

Acerca del bloque BA Reutilizable que se utiliza actualmente en los comunicados de prensa

Acerca de la Brewers Association

La Brewers Association (BA) es la asociación comercial sin ánimo de lucro dedicada a las cerveceras estadounidenses pequeñas e independientes, a sus cervezas y a la comunidad de entusiastas cerveceros. La BA representa a más de 4.000 cerveceras estadounidenses. El sello de cervecero artesano independiente de la BA es un símbolo ampliamente adoptado que diferencia las cervezas de cerveceros artesanos pequeños e independientes. La BA organiza eventos como la World Beer Cup®, el Great American Beer Festival®, la Craft Brewers Conference® & BrewExpo America®, SAVOR™: An American Craft Beer & Food Experience, National Homebrew Competition y American Craft Beer Week®. La BA publica la revista The New Brewer®, y Brewers Publications™ es la editorial líder de literatura cervecera en EE.UU. Los amantes de la cerveza están invitados a aprender más sobre el dinámico mundo de la cerveza artesanal en CraftBeer.com® y sobre la elaboración casera a través de la American Homebrewers Association® de la BA y la aplicación móvil gratuita Brew Guru®. Síganos en Facebook, Twitter e Instagram.

La Brewers Association es una empresa que ofrece igualdad de oportunidades y no discrimina por motivos de raza, color, origen nacional, sexo, religión, edad, discapacidad, creencias políticas, orientación sexual o estado civil/familiar. La BA cumple las disposiciones de la Orden Ejecutiva 11246 y las normas, reglamentos y órdenes pertinentes de la Secretaría de Trabajo.

Sólo en inglés

se utiliza en páginas en las que no se ofrece el menú desplegable de traducción, por ejemplo, Contacto

La edición de este bloque afecta a todas sus instancias excepto a las Cervecerías Participantes y a los Ganadores de Premios. Un desarrollador deberá actualizar el idioma de esas páginas.

Impleméntalo añadiendo la Galería estándar de los bloques de Gutenberg y seleccionando "Archivo multimedia" en el desplegable Enlace a. Un plugin de terceros llamado Featherlight muestra cada imagen en un lightbox al hacer clic.

Campos personalizados

Banner del sitio

Este campo personalizado sólo se muestra en la parte posterior de la página de inicio, pero controla el banner que se muestra en todas las páginas del sitio.

Cuando el campo está vacío, no se muestra ningún banner:

Al añadir texto en este campo se muestra el banner. Tenga en cuenta en el ejemplo que para añadir un hipervínculo al banner, tendrá que utilizar marcado HTML:

El banner viene con un color de fondo por defecto, pero puedes cambiarlo añadiendo un valor hexadecimal en el campo Site Banner Color. Lo mejor es consultar con Sarah Baldwin antes de hacer el cambio de color o esto puede suceder 🙂.

Flotar imagen a la derecha

Disponible en todas las páginas y entradas. Si la imagen destacada es de al menos 1100px de ancho, usted tiene la opción para que sea de ancho completo o una pequeña imagen cuadrada flotó a la derecha. Active este campo personalizado si desea que sea pequeña, cuadrada y flotante a la derecha.

Inventario de plantillas de páginas y entradas

Plantillas de página

  • Por defecto
  • Noticias
    • Archivo personalizado que recoge las entradas etiquetadas con "noticias" y "comunicado de prensa".
  • Salpicaduras
    • Puede utilizarse después del evento

Plantillas de puestos

  • Por defecto
    • Las entradas esperan una imagen destacada
    • Si la imagen destacada tiene al menos 1100px de ancho, el diseño por defecto será de ancho completo, pero puede convertirla en una imagen más pequeña y cuadrada utilizando el campo personalizado, Float Image Right (Flotar imagen a la derecha).
    • Si la imagen destacada tiene menos de 1100px de ancho, la imagen tendrá automáticamente el diseño cuadrado más pequeño.
    • El bloque reutilizable About the BA está disponible para su uso en puestos