In Genesis Facebook group a user asked, Have a coding question about an archive loop 🙂 I’ve been using this tutorial for my theme’s archive.php: http://www.billerickson.net/genesis-grid-loop-content/ It does what I need it to principle, but I’m struggling with customizing it. I want it to output the image, title, and date. No excerpt. And I’d like […]
grid
Image Grid on Archives in Genesis
This tutorial provides the steps to display featured images of entries (posts) on archive pages in Genesis in a 3-column grid using CSS Grid with Flexbox fallback (for oldIE). For entries that do not have a featured image set, the first attached image will be shown and if that’s not present, a fallback image. The […]
Soliloquy Image Grid in WordPress
One of the reasons why I prefer Soliloquy over other slider plugins is the abundant number of hooks and filters which provide complete control of the HTML output. This tutorial provides the steps to loop through the image slides (client logos, in this example) of a Soliloquy slider and display them in a grid using […]
Posts grid on archives with title and excerpt on hover in Genesis
In my tutorial requests Trello board, a user asked: Hi Sridhar, how would you approach having an archive page for each taxonomy of a CPT? I started with https://sridharkatakam.com/grid-portfolio-images-title-excerpt-hover-showcase-pro/ , but there wasn’t a clear way to setup a separate page for each taxonomy. Thanks!! Archive pages for taxonomies are usually enabled by default and […]
Title and Excerpt upon Hover on Featured image using Display Posts Shortcode and CSS Grid in Genesis
A member asked via email: In this tutorial https://sridharkatakam.com/portfolio-grid-showcase-pros-front-page-title-excerpt-hover/ , you place the portfolio in the Widget 4 section of the front page. I need to be able to place multiple portfolios in different places throughout my site. I believe I can figure out how to replace any of the widget areas on the Front […]
Posts Grid in Genesis using CSS Grid
CSS Grid is a fantastic new feature in CSS supported by all modern browsers (partial support in IE at the time of writing this) since March of this year. Creating a grid is now as simple as declaring display property of the parent container element as grid. The number of columns can be set in […]
Filtering with click to Load more using Ajax Load More in Genesis
Ajax Load More is a useful WordPress plugin for automatically loading the next page of posts upon scrolling or manually by a button click. It also supports simple filtering (not faceted). In this tutorial, I provide the steps to set up (on a static Page) a grid of posts that belong to 3 specific categories […]
Grid of CPT entries with title and excerpt sliding up on hover in Genesis
Updated on June 26, 2017 A user recently wrote me: Hi Sridhar, I find your tutorials very helpful. I was hesitant to signup and pay the $47/month, but it’s money well spent every month. Thank you! I have a request. Can you help me or put out a tutorial to accomplish what I’m seeing here?: […]
Genesis Archives Grid Displaying Categories, Title, Image and Post Info
In my tutorial requests Trello board, a user asked: Is it possible to split post meta? What I want is a grid archive such that categories are listed above the title, then there’s an image (under the title), under the image are the tags. Possible? Thanks to the built-in hooks and shortcodes for categories and […]
Posts grid on single posts in Genesis
This tutorial provides the steps to display a grid of posts’ featured images below content on single posts in Genesis. We shall exclude the current post from appearing in the custom WordPress query. A fallback image will be set for posts that do not have a featured image. On hover: Screencast: As the viewport width […]
Recent Comments