LT Hopline guide

On this page
  1. Watch the 2-minute setup
  2. Section patterns (Pro)
  3. Page layouts (Pro)
  4. Demo content to replace
  5. Photo guide
  6. Colour styles

Watch the 2-minute setup

Install LT Hopline, import the demo pages, make it yours and run the launch checklist.

LT Hopline is a block theme for craft breweries, brewpubs and taprooms. See it live in the demo.

Section patterns (Pro)

PatternUse it for
Hero with visit the taproom cardDark hero with headline, buttons, highlights and a card with today’s hours, taps, food and tonight’s event.
Beers on tapEight tap-list cards with beer name, style, ABV and a tasting note, plus a gluten and drink-responsibly note.
Brewery toursFour tour stops from the taproom to the tasting, with tour times and a booking button.
About the breweryTaproom picture, your story and a checklist (kids, dogs, seasonals).
Events and trivia nightsThree ticket-style cards for your weekly events and a group booking note.
Pours and pricesPour sizes and example prices beside alcohol-free drinks and allergen notes.
Food trucks and kitchenThis week’s food truck schedule next to a picture, with your kitchen rules.
Cans and merch to goFour cards: cans, growler and crowler fills, merch and gift cards.
Inside the breweryThree photos (tanks, a tasting flight, hops) with captions.
Our crewThree cards with photo, role and a short bio.
Guest reviewsThree review cards (use real reviews only).
Frequently asked questionsAge and ID, dogs, groups, tours, gluten and alcohol-free drinks, beer to go.
Taproom hours and locationHours, address, parking, phone and a map with directions.
Contact cardsCall, email and visit cards.
Drink responsibly bannerHighlighted strip with the legal drinking age, ID check and a safe-ride reminder.
Visit call to actionColoured “Come thirsty” band with directions and phone buttons.
LT Hopline beers on tap section

Page layouts (Pro)

  • Home page: the complete homepage.
  • Beers page: tap list, tours, pours and prices, food trucks, cans and merch, events and FAQ.
  • About page: brewery story, inside the brewery, crew and reviews.
  • Contact page: contact cards, drink-responsibly banner, hours and map.

Demo content to replace

  • Phone (555) 016-4730, email [email protected] and the Malt House Lane address (header, footer, contact sections).
  • Taproom hours (top bar, footer, hero card, hours section).
  • The sample beers (names, styles, ABV and notes) and the “12 house beers” line in the hero card.
  • Pour sizes and example prices; tour days and times; the weekly events; the food truck schedule; what you sell to go.
  • Crew names, roles and photos; the gallery pictures; sample reviews.
  • The “Book a tour” and “Get directions” buttons: link them to your booking system and your own map.

Keep the legal drinking age, the ID check and the drink-responsibly reminder, and change the age to the local law outside the US. Do not add awards, ratings or statistics you cannot prove, never call a beer gluten-free without proof, and avoid offers that encourage heavy drinking.

Photo guide

Replace the illustrations and placeholder portraits with your own photos: select the image in the editor, then Replace. These sizes look sharp on large screens without slowing the site down.

ImageShapeUpload sizeTips
About photoLandscape 5:41600 × 1280 pxYour taproom or bar, with taps and a few tables.
Food photoLandscape 5:41600 × 1280 pxA food truck outside or a dish with a beer on your tables.
Inside the brewery (3 photos)Landscape 4:31600 × 1200 pxYour tanks, a tasting flight and your hops or malt. Ask guests before you publish photos of them.
Crew photosPortrait 4:5800 × 1000 pxHead and shoulders with space above the head, same light and background for everyone.
Map pictureLandscape 3:21600 × 1040 pxA screenshot of your map, or keep the illustration; the button links to Google Maps.
Blog featured imagesLandscape 3:21600 × 1067 pxShown on the blog cards and at the top of each post.
Logo (header and footer)Wide or squareAt least 200 px tall, PNG with a transparent background or SVGShown about 44 px tall. Set it in Appearance → Editor: select the logo block.
Site iconSquare512 × 512 pxThe small icon in browser tabs. Settings → General → Site Icon.
  • Save photos as JPEG or WebP and keep each file under about 300 KB (a free tool such as squoosh.app does this).
  • WordPress crops to the shape for you: select the image → Crop in the toolbar to choose which part shows.
  • Fill in the Alternative text of each photo (for example “Our reception desk”) for accessibility and Google.
  • Only use photos you own or have permission for. Ask clients before you publish photos of them.

Colour styles

Default (hop green and gold), Amber Ale (copper red), Stout (dark brown and honey) and Saison (farmhouse blue). Try them in the live demo with the colour dots in the top bar.