Stil-Leitfaden

Inhaltsübersicht

  1. Typografie
  2. Grundlegende UI-Elemente
  3. Atomare Blöcke
  4. Wiederverwendbare Blöcke
  5. Galerie
  6. Benutzerdefinierte Felder
  7. Seiten- und Beitragsvorlagen

Typografie

Grundlegende UI-Elemente

Atomare Blöcke

Bild in voller Breite mit Karte

Fügen Sie zur Implementierung einen Bildblock mit den Bildspezifikationen 1300 x 550 hinzu. Fügen Sie anschließend einen Gruppenblock hinzu und fügen Sie "card transform-up" in das Feld "Additional Classes" ein.

Zeremonie der Preisverleihung

5. Mai 2022

Medien + Text

Implementierung durch Hinzufügen des Media & Text Gutenberg-Blocks. Keine zusätzlichen Klassen erforderlich.

Was macht ein Bier würdig für eine Gold-, Silber- oder Bronze-Auszeichnung?

"Die Bewertung von Bier findet auf vielen Ebenen statt. Auf professioneller Ebene ist die Bierbewertung eine Form von Peer Review. Die Ergebnisse sind öffentlich, so dass die Verbraucher erfahren können, welche Biere ein hohes Qualitätsniveau aufweisen und welche Biere nach Ansicht der Juroren bestimmte Stile verkörpern. Wenn die Fachleute der Branche die hervorragende Qualität der Produkte auf dem Markt anerkennen, kann der Verbraucher sicher sein, dass diese Produkte die besten auf dem Markt sind."

- Chris Swersey, Wettbewerbsleiter

Kontakt Zeile

Implementierung durch Hinzufügen des Columns Gutenberg-Blocks und Hinzufügen von "contact-row" zum Feld Additional Classes

Bob Pease

Präsident & Geschäftsführer

Nancy Johnson

Senior-Vizepräsident für Tagungen und Veranstaltungen

Fragen der Einhaltung von Vorschriften und Verwendung von Logos

E-Mail an Nancy

Chris Swersey

Wettbewerbsleiter

Anfragen zur Beurteilung

E-Mail an Chris

Auszug Karte

Derzeit kein Gutenberg-Block, da dieser in archive.php eingebaut ist.

Auszug Zeile

Derzeit kein Gutenberg-Block, da dieser im Recent News Woody Snippet eingebaut ist. Die Klasse "with-stripe-background" fügt den gelben Hintergrundstreifen hinzu.

Leitsatz + Infokasten

Indem wir den Lead-Absatz und eine Infobox in Spalten unterbringen, können wir die Reihenfolge steuern, in der sie auf dem Handy gestapelt erscheinen. hinzufügen lead-info-box zu den zusätzlichen CSS-Feldern des Spaltenblocks

Die Wettbewerbsbeiträge müssen zwischen Montag, dem 9. März, und Freitag, dem 13. März 2020, bei der Versandadresse eingegangen sein. Detaillierte Versandinformationen werden den teilnehmenden Brauereien nach Abschluss des Anmeldeverfahrens zugesandt. Bitte lesen Sie die folgenden Informationen sorgfältig durch, damit Sie richtig planen und sicherstellen können, dass Ihre Bierbeiträge rechtzeitig eintreffen. Verspätete Einreichungen werden nicht gewertet.

WBC Versandadresse

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

Wiederverwendbare Blöcke

Über den wiederverwendbaren BA-Block, der derzeit für Pressemitteilungen verwendet wird

Über die Brewers Association

Die Brewers Association (BA) ist der gemeinnützige Handelsverband, der sich für kleine und unabhängige amerikanische Brauereien, ihre Biere und die Gemeinschaft der Brauereifans einsetzt. Die BA vertritt mehr als 4.000 US-Brauereien. Das BA-Siegel für unabhängige Handwerksbrauereien ist ein weit verbreitetes Symbol, das Biere von kleinen und unabhängigen Handwerksbrauereien kennzeichnet. Die BA organisiert Veranstaltungen wie den World Beer Cup®, das Great American Beer Festival®, die Craft Brewers Conference® & BrewExpo America®, SAVOR™: An American Craft Beer & Food Experience, National Homebrew Competition und American Craft Beer Week®. Die BA gibt das Magazin The New Brewer® heraus, und Brewers Publications™ ist der führende Verlag für Brauereiliteratur in den USA. Bierliebhaber sind eingeladen, unter CraftBeer.com® mehr über die dynamische Welt des Craft-Biers und über die American Homebrewers Association® der BA und die kostenlose Brew Guru® Mobile App mehr über das Heimbrauen zu erfahren. Folgen Sie uns auf Facebook, Twitter und Instagram.

Die Brewers Association ist ein Arbeitgeber der Chancengleichheit und diskriminiert nicht aufgrund von Rasse, Hautfarbe, nationaler Herkunft, Geschlecht, Religion, Alter, Behinderung, politischer Überzeugung, sexueller Orientierung oder Ehe-/Familienstatus. Die BA hält sich an die Bestimmungen der Executive Order 11246 sowie an die Regeln, Vorschriften und einschlägigen Anordnungen des Arbeitsministers.

Nur Englisch Klappentext

wird auf Seiten verwendet, auf denen kein Dropdown-Menü für die Übersetzung angeboten wird, z. B. auf der Seite "Kontakt".

Die Bearbeitung dieses Blocks wirkt sich auf alle seine Instanzen aus, mit Ausnahme der Seiten " Teilnehmende Brauereien " und " Preisträger". Ein Entwickler muss die Sprache für diese Seiten aktualisieren.

Implementieren Sie, indem Sie die Standard-Galerie aus den Gutenberg-Blöcken hinzufügen und "Mediendatei" aus dem Dropdown-Menü "Link zu" auswählen. Ein Drittanbieter-Plugin namens Featherlight zeigt jedes Bild in einer Lightbox an, wenn es angeklickt wird.

Benutzerdefinierte Felder

Standortübergreifendes Banner

Dieses benutzerdefinierte Feld wird nur im hinteren Bereich der Homepage angezeigt, steuert aber das Banner, das auf jeder Seite der Website angezeigt wird.

Wenn das Feld leer ist, wird kein Banner angezeigt:

Durch Hinzufügen von Text in dieses Feld wird das Banner angezeigt. Bitte beachten Sie im Beispiel, dass Sie HTML-Markup verwenden müssen, um dem Banner einen Hyperlink hinzuzufügen:

Das Banner wird mit einer Standard-Hintergrundfarbe geliefert, die Sie jedoch ändern können, indem Sie einen Hex-Wert in das Feld "Site Banner Color" eingeben. Wenden Sie sich am besten an Sarah Baldwin, bevor Sie die Farbe ändern, sonst kann dies passieren 🙂 .

Schwimmendes Bild rechts

Verfügbar auf allen Seiten und Beiträgen. Wenn das vorgestellte Bild mindestens 1100px breit ist, haben Sie die Wahl zwischen einem Bild in voller Breite oder einem kleinen, quadratischen Bild, das nach rechts verschoben wird. Aktivieren Sie dieses benutzerdefinierte Feld, wenn Sie es klein, quadratisch und nach rechts verschoben haben möchten.

Inventar der Seiten- und Beitragsvorlagen

Seitenvorlagen

  • Standard
    • Standardseite - kann ein Hauptbild haben, z. B. Preisverleihungen, oder kein Hauptbild, z. B. Über den Wettbewerb
    • Standardmäßig wird das Bild in voller Breite angezeigt, wie bei Preisverleihungen, aber Sie können das benutzerdefinierte Feld - Bild rechts ausrichten - verwenden, um ein kleineres, quadratisches Bild anzuzeigen, wie bei Hotel suchen.
  • Nachrichten
    • Benutzerdefiniertes Archiv, das Beiträge mit den Schlagworten "Nachrichten" und "Pressemitteilung" aufnimmt
  • Spritzwasser
    • Kann nach der Veranstaltung verwendet werden

Post-Vorlagen

  • Standard
    • Beiträge erwarten ein Featured Image
    • Wenn das vorgestellte Bild mindestens 1100 Pixel breit ist, wird das Standardlayout in voller Breite angezeigt, aber Sie können es in ein kleineres, quadratisches Bild umwandeln, indem Sie das benutzerdefinierte Feld Float Image Right
    • Wenn das vorgestellte Bild weniger als 1100px breit ist, wird das Bild automatisch im kleineren, quadratischen Layout angezeigt.
    • Der wiederverwendbare Block "About the BA " ist für die Verwendung auf Posten verfügbar