In this tutorial I share the code for displaying Posts in Posts page and Archive pages in Genesis in columns with the image (featured if present otherwise a placeholder) getting zoomed in with a subtle opacity change when hovered. Step 1 Create a file named say template_content-archives.php in your child theme directory having the following […]
Search Results for: featured posts grid
Displaying Related Content using Related Posts for WP in Masonry Style in Genesis
In the comments section of Pinterest-style Related Posts in Genesis using Masonry article, a user wrote: Thank you for the tutorial! Right now it only shows related posts. Is it possible to make it show both posts and pages? My recommendation for showing related content in WordPress is to use either JetPack’s Related Posts or […]
Displaying Products in WooCommerce Shop and Archives similar to Agency Pro’s Grid with Product Info on Hover
Updated on December 14, 2018 In the members-only forum a user asked, how easy / hard would it be to take this: How to add a Featured Posts section similar to that in Agency Pro in any Genesis theme and utilize it for a woocommerce main “shop” page? In this article we shall spruce up […]
Posts Grid on Archives in Genesis
In this article I show how Posts can be displayed in columns on archives and Posts page in Genesis. For each entry, published date will appear at the top left . Categories and Tags (if present) will appear near the bottom when the featured image is hovered. We shall use matchHeight jQuery to make all […]
Page Template for Staff Grid having Alternating rows of Image – Content and Content – Image in Genesis
The title of this article should actually read “Page Template for Staff Grid having Alternating rows of Image – Content, Image – Content and Content – Image, Content – Image in Genesis” but it does not for the sake of brevity. In Genesis Slack’s #questions room, a user recently asked if this (1.2 MB jpg) […]
Category Archive Featured Images Grid showing Post Title, Post Info and Entry Meta on Hover in Genesis
In the comments section of Category Archive Grid showing Featured Images with Post Title on Hover in Genesis, a user asked: Could you advice what I can do to have not only post title but also date and category on hover? In this tutorial I share the template for category archives that displays the featured […]
Filterable Categories Grid in Genesis
In this tutorial we shall set up a full width Page Template which when applied to a Page automatically displays all the Posts in top level categories in your Genesis powered WordPress site filterable by their corresponding categories. Live Demo In the past I wrote a similar tutorial titled Filter Posts by Category in Genesis. This […]
Using Flexible Posts Widget to display Featured Posts in WordPress
In the comments section of Genesis Sandbox Featured Content Widget’s output in a responsive grid with title and excerpt/content on hover tutorial, a user asked: I was wondering if it was possible to have the post widget always in a normal state ( Image, Title and Excerpt visible) with a hover link over the entire […]
Masonry Grid on Category Archives with Title and Excerpt on Hover in Genesis
Update on May 12, 2018: Follow this newer and updated tutorial instead. In this tutorial I share how Masonry, which comes shipped with WordPress can be activated and used on Category archive pages in Genesis. We are going to display the featured images of Posts in the grid and set Post’s title and excerpt to […]
Alternating Posts Layout for Content Archives in Genesis
In Genesis Slack chat’s CSS room, yesterday a user asked an interesting question: i’m looking for a solution to get a grid like my attachement. i.e. it is a archive page with 3 posts in a row. I thought about :nth-of-type but maybe someone knows a easier solution. I only use the featured images and […]
Recent Comments