<!-- ============================================================
Cheddar-Crusted Green Bean Casserole — WordPress Custom HTML block
Paste this whole block into a "Custom HTML" block in the editor.
Swap the four [ADD PHOTO] placeholders for your own images —
recommended size 1200x800px, saved as .webp for speed.
============================================================ -->
<style>
.gbc-post {
--forest: #2F4B3C;
--forest-deep: #1D3128;
--gold: #C68A2E;
--cream: #FAF6EF;
--ink: #23211C;
--paper: #FFFFFF;
--line: #E4DDCB;
font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;
color: var(--ink);
background: var(--cream);
max-width: 760px;
margin: 0 auto;
line-height: 1.65;
}
.gbc-post * { box-sizing: border-box; }
.gbc-post h1, .gbc-post h2, .gbc-post h3 {
font-family: 'Fraunces', Georgia, serif;
color: var(--forest-deep);
font-weight: 600;
line-height: 1.2;
margin: 0 0 0.5em;
}
.gbc-post h1 { font-size: 2.5rem; letter-spacing: -0.01em; }
.gbc-post h2 { font-size: 1.6rem; margin-top: 2.2em; }
.gbc-post h3 { font-size: 1.15rem; margin-top: 1.4em; color: var(--gold); }
.gbc-post p { max-width: 68ch; font-size: 1.05rem; }
.gbc-hero-kicker {
font-family: 'Fraunces', Georgia, serif;
font-style: italic;
color: var(--gold);
font-size: 1.1rem;
margin-bottom: 0.3em;
}
.gbc-post .gbc-photo {
width: 100%;
border-radius: 6px;
background: linear-gradient(135deg, #EFE7D2, #E4DDC5);
border: 1px dashed #C9BE9E;
display: flex;
align-items: center;
justify-content: center;
color: #7D7358;
font-size: 0.9rem;
text-align: center;
padding: 2em;
margin: 1.2em 0;
}
.gbc-hero-photo { aspect-ratio: 16/9; }
.gbc-step-photo { aspect-ratio: 4/3; }
.gbc-meta-row {
display: flex;
flex-wrap: wrap;
gap: 1.8em;
padding: 1em 0;
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
margin: 1.4em 0 1.8em;
}
.gbc-meta-row div { font-size: 0.95rem; }
.gbc-meta-row span {
display: block;
font-family: 'Fraunces', Georgia, serif;
font-size: 1.3rem;
color: var(--forest-deep);
}
.gbc-card {
background: var(--paper);
border: 1px solid var(--line);
border-left: 4px solid var(--forest);
border-radius: 4px;
padding: 1.6em 1.8em;
margin: 1.6em 0;
}
.gbc-card ul { padding-left: 1.1em; margin: 0.6em 0 0; }
.gbc-card li { margin-bottom: 0.5em; }
.gbc-steps { list-style: none; padding: 0; margin: 1.2em 0; counter-reset: step; }
.gbc-steps li {
counter-increment: step;
display: grid;
grid-template-columns: 2.2em 1fr;
gap: 0.8em;
margin-bottom: 1.3em;
align-items: start;
}
.gbc-steps li::before {
content: counter(step);
font-family: 'Fraunces', Georgia, serif;
font-size: 1.1rem;
color: var(--paper);
background: var(--forest);
width: 2.2em;
height: 2.2em;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.gbc-tip {
background: var(--forest-deep);
color: var(--cream);
border-radius: 4px;
padding: 1.4em 1.7em;
margin: 1.8em 0;
}
.gbc-tip h3 { color: var(--gold); margin-top: 0; }
.gbc-tip p { color: var(--cream); }
.gbc-nutrition {
display: flex;
flex-wrap: wrap;
gap: 0;
border: 1px solid var(--line);
border-radius: 4px;
overflow: hidden;
margin: 1.4em 0;
}
.gbc-nutrition div {
flex: 1 1 22%;
text-align: center;
padding: 1em 0.5em;
border-right: 1px solid var(--line);
}
.gbc-nutrition div:last-child { border-right: none; }
.gbc-nutrition strong {
display: block;
font-family: 'Fraunces', Georgia, serif;
font-size: 1.4rem;
color: var(--forest-deep);
}
.gbc-nutrition small { color: #6B644E; font-size: 0.8rem; }
.gbc-faq h3 { color: var(--forest-deep); }
.gbc-faq p { margin-top: 0.3em; }
.gbc-ad-slot {
margin: 2.2em 0;
padding: 0.8em 0;
text-align: center;
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
}
.gbc-ad-label {
font-size: 0.7rem;
letter-spacing: 0.04em;
color: #A69E85;
margin-bottom: 0.6em;
}
@media (max-width: 480px) {
.gbc-post h1 { font-size: 1.9rem; }
.gbc-meta-row { gap: 1.1em; }
}
</style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Fraunces:wght@500;600&family=Work+Sans:wght@400;500;600&display=swap" rel="stylesheet">
<article class="gbc-post">
<div class="gbc-hero-kicker">A four-ingredient classic, reworked</div>
<h1>Cheddar-Crusted Green Bean Casserole</h1>
<p>The green bean casserole has been sitting on American holiday tables since a Campbell's home economist dreamed it up in 1955 — but the mushroom-soup-and-crispy-onion original didn't have cheese. This version does, and it's the difference between a side dish people politely finish and one they go back for seconds on.</p>
<div class="gbc-photo gbc-hero-photo">[ADD PHOTO: overhead shot of the finished casserole in a white baking dish, onions golden brown]</div>
<div class="gbc-meta-row">
<div>Prep<span>10 min</span></div>
<div>Cook<span>15 min</span></div>
<div>Total<span>25 min</span></div>
<div>Serves<span>6</span></div>
</div>
<p>What makes this one worth bookmarking is how little it asks of you. No roux to babysit, no oven timer to stress over during a kitchen already juggling a turkey — just a bowl, a microwave, and ten minutes in a hot oven at the end. It's the side dish you can prep while everything else is chaos.</p>
<!-- ============ AD SLOT 1 ============ -->
<div class="gbc-ad-slot">
<div class="gbc-ad-label">Advertisement</div>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6984528672299428"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6984528672299428"
data-ad-slot="1126926515"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<h2>What you'll need</h2>
<p>Four pantry staples do all the work here. Nothing exotic, nothing you have to hunt for at a specialty store.</p>
<div class="gbc-card">
<ul>
<li><strong>2 (14.5 oz) cans green beans</strong>, drained — French-style if you want a softer, old-fashioned texture; whole or cut for more bite</li>
<li><strong>1 (10.5 oz) can condensed cream of mushroom soup</strong> — the base that turns everything creamy without a separate sauce step</li>
<li><strong>1 cup shredded Cheddar cheese, divided</strong> — sharp Cheddar earns its keep here; mild works if you're feeding picky eaters</li>
<li><strong>1 (6 oz) can French-fried onions</strong> — the whole reason this dish has fans for life</li>
</ul>
</div>
<div class="gbc-photo gbc-step-photo">[ADD PHOTO: the four ingredients laid out on a countertop before mixing]</div>
<h2>How to make it</h2>
<ol class="gbc-steps">
<li>
<div>
<strong>Heat the oven.</strong>
<p>Preheat to 350°F (175°C) so it's ready the moment your mixture goes in.</p>
</div>
</li>
<li>
<div>
<strong>Combine and warm.</strong>
<p>Stir the green beans and mushroom soup together in a large microwave-safe bowl until fully combined. Microwave on high for 3 to 5 minutes, until warmed through.</p>
</div>
</li>
<li>
<div>
<strong>Fold in the first half of the cheese.</strong>
<p>Stir in ½ cup of the Cheddar and microwave again for 2 to 3 minutes, until it melts into the mixture and everything turns glossy.</p>
</div>
</li>
<li>
<div>
<strong>Layer it up.</strong>
<p>Spread the mixture evenly into a casserole dish. Scatter the remaining Cheddar over the top, then finish with the French-fried onions.</p>
</div>
</li>
<li>
<div>
<strong>Bake until golden.</strong>
<p>Bake for about 10 minutes, just until the cheese is fully melted and the onions have turned a deep golden brown. Watch the last two minutes — onions go from golden to burnt fast.</p>
</div>
</li>
</ol>
<div class="gbc-photo gbc-step-photo">[ADD PHOTO: close-up of the casserole fresh out of the oven, onions crisp]</div>
<div class="gbc-tip">
<h3>Make it your own</h3>
<p>Once you've made the base version, it's easy to build on: crumble in cooked bacon before baking, stir a minced garlic clove into the soup mixture, or swap half the Cheddar for smoked Gouda for a deeper, campfire-adjacent flavor. Sautéed mushrooms folded in with the soup add an earthier, more grown-up version of the original.</p>
</div>
<h2>Make-ahead and storage</h2>
<p>This casserole is genuinely holiday-friendly because you can build it up to three days ahead. Assemble everything except the French-fried onions, cover tightly, and refrigerate. Add the onions and bake fresh right before serving so they stay crisp instead of going soggy in the fridge.</p>
<p>Leftovers keep 3 to 4 days refrigerated in an airtight container. Reheat covered at 350°F for 20 to 30 minutes, uncovering the last few minutes to bring the topping back to life. A splash of milk stirred in before reheating fixes any dryness. Individual portions can go in the microwave in short bursts, though the onions will soften rather than stay crunchy.</p>
<h2>Nutrition per serving</h2>
<div class="gbc-nutrition">
<div><strong>322</strong><small>Calories</small></div>
<div><strong>23g</strong><small>Fat</small></div>
<div><strong>20g</strong><small>Carbs</small></div>
<div><strong>7g</strong><small>Protein</small></div>
</div>
<p style="font-size:0.85rem;color:#6B644E;">Based on 6 servings. Values will shift if you add bacon, extra cheese, or swap ingredients.</p>
<!-- ============ AD SLOT 2 ============ -->
<div class="gbc-ad-slot">
<div class="gbc-ad-label">Advertisement</div>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6984528672299428"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6984528672299428"
data-ad-slot="1126926515"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<h2>Common questions</h2>
<div class="gbc-faq">
<h3>Can I use fresh or frozen green beans instead of canned?</h3>
<p>Yes. Steam or blanch about 1 lb of fresh green beans until just tender, or use thawed frozen beans, before mixing them with the soup. They'll hold a bit more bite than canned, which some people prefer.</p>
<h3>Can I make this gluten-free?</h3>
<p>Swap in a gluten-free condensed soup and check that your French-fried onions are labeled gluten-free — some brands use wheat flour in the coating.</p>
<h3>Can I freeze it?</h3>
<p>Freeze the beans-and-soup mixture without the cheese or onions for up to 2 months. Thaw overnight in the fridge, then continue with the cheese, topping, and bake steps fresh.</p>
<h3>Why did my topping turn soggy?</h3>
<p>Onions added too early or a casserole covered while cooling will steam the topping. Add the onions right before baking, and if reheating, leave the dish uncovered for the last few minutes.</p>
</div>
<p style="margin-top:2em;">However you dress it up, this is still the dish people quietly hope will be on the table — cheesy, crisp on top, and done before your other four side dishes are even out of the oven.</p>
</article>