Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
modern-homepage-template
<!-- wp:paragraph -->
<p>A modern homepage for the themes includes unique content, and displaying your most popular posts and categories on the homepage, instead of simply the "most recent". </p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2>Trending Recipes</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Search engines consider content at the top of the page to be the most important, so let's focus on showing the top recipes over the last 30 days first. Our readers are loving...</p>
<!-- /wp:paragraph -->
<!-- wp:shortcode -->
[fsri category="popular" posts_per_page="8"]
<!-- /wp:shortcode -->
<!-- wp:heading -->
<h2>Find recipes for...</h2>
<!-- /wp:heading -->
<!-- wp:shortcode -->
[fsci categories="paleo,vegan,vegetarian,gluten-free" image_class="feast-image-round" show_title="no"]
<!-- /wp:shortcode -->
<!-- wp:paragraph -->
<p>The <a href="https://feastdesignco.com/feast-plugin-simple-category-index/">Simple Category Index</a> is the perfect way to visually link to your categories, providing better click-depth.</p>
<!-- /wp:paragraph -->
<!-- wp:search {"label":"Search: ","placeholder":"search for a recipe + hit enter"} /-->
<!-- wp:paragraph -->
<p>A search bar within the content allows your readers to jump straight to recipes that interest them. The search feature is 10x better than a dedicated recipe index page.</p>
<!-- /wp:paragraph -->
<!-- wp:html -->
<style>.about-the-author{ background-color: #f2f2f2; color: #32373c; padding: 17px; display: grid; grid-template-columns:1fr 3fr; grid-gap: 30px; margin-top: 57px;} .about-the-author img { border-radius: 50%; width:210px; margin: 0 auto; } .about-the-author h2 {margin-top: 17px;}
@media only screen and (max-width: 600px){.about-the-author{grid-template-columns:1fr;text-align:center;}}</style>
<div class="about-the-author">
<img src="https://foodiepro.com/wp-content/uploads/2020/03/feast-skylar-headshot.jpg" alt="Skylar Bowker, Designer" data-pin-nopin="true">
<div class="author-description">
<h2>About Skylar, RDN</h2>
<p>Paleo Recipe Developer</p>
<p>This is a fake profile talking about how I switched to a paleo diet and it helped my eczema and I grew 4". Trust me, I'm an online doctor.</p>
<p><a href="https://foodiepro.com/about" class="fancylink" style="font-weight:bold;">Learn more about me →</a></p>
</div>
</div>
<!-- /wp:html -->
<!-- wp:heading -->
<h2>Category 1</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Show off your most popular category here.</p>
<!-- /wp:paragraph -->
<!-- wp:shortcode -->
[fsri category="category1-recipes"]
<!-- /wp:shortcode -->
<!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right">See more <a href="/category1-recipes">category 1 recipes →</a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Understanding your audience is key to organizing your site around topics (categories) your audience loves.</p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2>Category 2</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Showcase another category you're well known for here.</p>
<!-- /wp:paragraph -->
<!-- wp:shortcode -->
[fsri category="category2-recipes"]
<!-- /wp:shortcode -->
<!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right">See more <a href="/category2-recipes">category 2 recipes →</a></p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2>Category 3</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>And finally a third category you want to showcase, with a unique description. Another good idea would be to showcase a "seasonal" category of recipes for upcoming holidays.</p>
<!-- /wp:paragraph -->
<!-- wp:shortcode -->
[fsri category="category3-recipes"]
<!-- /wp:shortcode -->
<!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right">See more <a href="/category3-recipes">category 3 recipes →</a></p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2>Recently Updated</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Check out what which recipes we've recently updated:</p>
<!-- /wp:paragraph -->
<!-- wp:shortcode -->
[fsri orderby="modified"]
<!-- /wp:shortcode -->
<!-- wp:heading -->
<h2>Recent Recipes</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>While there's a place for "most recent", we recommend that this makes up no more than 4 recipes. </p>
<!-- /wp:paragraph -->
<!-- wp:shortcode -->
[fsri]
<!-- /wp:shortcode -->
<!-- wp:html -->
<!-- use this area to modify just the homepage CSS -->
<style>
h2 { margin-top: 57px; font-weight: bold; }
.wp-block-search { margin:27px 0; padding: 17px; background: #f2f2f2; } .wp-block-search input { text-align: center; } .wp-block-search button, .wp-block-search__label { display: none; visibility: hidden; } .wp-block-search ::placeholder { color: #333; }
@media only screen and (min-width: 600px) { .content{ max-width:1100px; } }
</style>
<div id="mediavine-settings" data-blacklist-all="1"></div>
<!-- /wp:html -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.