Skip to content

Instantly share code, notes, and snippets.

@feastdesignco

feastdesignco/super-simple-modern-homepage

Last active June 11, 2020 10:17
Download ZIP

Revisions

  1. feastdesignco revised this gist Jun 11, 2020. 1 changed file with 4 additions and 0 deletions.
    4 changes: 4 additions & 0 deletions super-simple-modern-homepage
    View file
    Original file line number Diff line number Diff line change
    @@ -6,6 +6,10 @@
    <h2>Trending Recipes</h2>
    <!-- /wp:heading -->

    <!-- wp:shortcode -->
    [fsri id="111,222,333,444"]
    <!-- /wp:shortcode -->

    <!-- wp:paragraph -->
    <p>Our readers are loving...</p>
    <!-- /wp:paragraph -->
  2. feastdesignco revised this gist May 11, 2020. 1 changed file with 14 additions and 2 deletions.
    16 changes: 14 additions & 2 deletions super-simple-modern-homepage
    View file
    Original file line number Diff line number Diff line change
    @@ -32,6 +32,10 @@
    [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 -->
    @@ -48,6 +52,10 @@
    [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 -->
    @@ -60,12 +68,16 @@
    [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 tweaked:</p>
    <p>Check out what which recipes we've recently updated:</p>
    <!-- /wp:paragraph -->

    <!-- wp:shortcode -->
    @@ -86,6 +98,6 @@

    <!-- wp:html -->
    <!-- use this area to modify just the homepage CSS -->
    <style>h2 { margin-top: 57px; font-weight: bold; } @media only screen and (min-width: 600px) { .content{max-width:1100px;} } .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; } #breadcrumbs{display:none; }</style>
    <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; } #breadcrumbs{display:none; }</style>
    <div id="mediavine-settings" data-blacklist-all="1"></div>
    <!-- /wp:html -->
  3. feastdesignco created this gist Apr 3, 2020.
    91 changes: 91 additions & 0 deletions super-simple-modern-homepage
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,91 @@
    <!-- wp:paragraph -->
    <p>A modern homepage includes unique content, and displaying your most popular posts and categories on the homepage, instead of simply the "most recent". Change this text to a 2-3 sentence intro to your site!</p>
    <!-- /wp:paragraph -->

    <!-- wp:heading -->
    <h2>Trending Recipes</h2>
    <!-- /wp:heading -->

    <!-- wp:paragraph -->
    <p>Our readers are loving...</p>
    <!-- /wp:paragraph -->

    <!-- wp:shortcode -->
    [fsri orderby="comment_count" posts_per_page="8"]
    <!-- /wp:shortcode -->

    <!-- wp:heading -->
    <h2>Find recipes for...</h2>
    <!-- /wp:heading -->

    <!-- wp:search {"label":"Search: ","placeholder":"search for a recipe + hit enter"} /-->

    <!-- 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 -->
    <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: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:heading -->
    <h2>Recently Updated</h2>
    <!-- /wp:heading -->

    <!-- wp:paragraph -->
    <p>Check out what which recipes we've recently tweaked:</p>
    <!-- /wp:paragraph -->

    <!-- wp:shortcode -->
    [fsri orderby="modified"]
    <!-- /wp:shortcode -->

    <!-- wp:heading -->
    <h2>New Recipes</h2>
    <!-- /wp:heading -->

    <!-- wp:paragraph -->
    <p>Here's what's come out of my kitchen recently:</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; } @media only screen and (min-width: 600px) { .content{max-width:1100px;} } .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; } #breadcrumbs{display:none; }</style>
    <div id="mediavine-settings" data-blacklist-all="1"></div>
    <!-- /wp:html -->