This tutorial provides the steps to display the widgets placed inside Header Right widget area (after it is activated) above the primary navigation menu in Genesis Sample. We shall wrap the Header Right widget area and primary nav in a custom div and use Flexbox for styling the header. Sample HTML markup: Mobile: Tested in […]
WordPress
How to automatically add category slugs as classes for post-type nav menu items
This tutorial provides the code to automatically add space separated category slugs as classes to nav menu items that link to single posts in WordPress. Could be useful for styling the menu items based on categories when using a plugin like Category Posts in Custom Menu. Add the following in child theme’s functions.php: To view […]
Custom Post Type Archive with Custom Fields in Genesis
In the Genesis Facebook group a user asks: I am creating a custom archive page for a custom post type (called Faculty). I want to use Advanced Custom Fields to create fields on the post page for the client (a university department) to input Name, Courses Taught, Research, and email address. I want the client […]
How to load WooCommerce CSS and JS only on shop-specific pages in WordPress
Update on 7 Mar 2022: Follow this updated tutorial instead. — When you have a WooCommerce-powered shop in your WordPress site, assets like the following may be loading on all the pages of the site (depending on what plugins/services/theme are/is active): woocommerce-layout.csswoocommerce-smallscreen.csswoocommerce.csstwenty-seventeen.css add-to-cart.min.jsjquery.blockUI.min.jsjs.cookie.min.jswoocommerce.min.jscart-fragments.min.js If you do not have a “Add to Cart” feature in your […]
Horizontal Opt-in Form below Site Header in Genesis Sample
This is an updated version of Horizontal Opt-in Form in Genesis using eNews Extended plugin and Flexbox for Genesis Sample 2.6.0. Step 1 Install and activate Genesis eNews Extended plugin. Step 2 Add the following in Genesis Sample’s functions.php: // Registers `horizontal-opt-in` widget area. genesis_register_widget_area( array( ‘id’ => ‘horizontal-opt-in’, ‘name’ => __( ‘Horizontal Opt-in’, ‘text-domain’ […]
How to exclude Posts from a specific Category on the Posts page in WordPress
Looking to have posts from a particular category or categories not appear on your WordPress Blog? Whether you have the list of posts appearing on the homepage or on a separate Posts page (something like this), pre_get_posts filter hook in WordPress can be used to alter the query on non-singular pages such as the Posts […]
How to add Simple Social Icons to Nav Menu in Showcase Pro
In the members-only forum, a user asked: Hello Sridhar, I would like to know how to add simple social icons to the far right-hand side of Showcase Pro’s header. I have seen a few tutorials for different themes, but I don’t know how to get it in Showcase. Thank you! This tutorial provides the steps […]
Full-width Landing Pages without Header and Footer for Beaver Builder and Elementor in Genesis
In the past, I wrote a tutorial on full-width pages ripe for use with page builders like Beaver Builder and Elementor. While that method works okay as long as you don’t mind the site header and footer, there may be times when you do not want those as well. Ex.: For landing pages that you […]
Gutenberg in Genesis
Neither the parent Genesis nor any of the official StudioPress child themes are Gutenberg-ready as of today. No doubt this is going to change but in the meantime, we can add support for Gutenberg in our Genesis themes and style the blocks to match the rest of the site on the frontend. This article provides […]
Dummy Content for Gutenberg
Interested in checking out the upcoming WordPress editor, Gutenberg and want a JumpStart? Here you can find sample content of several Gutenberg blocks that you can simply paste into a test page on your site. This could be useful for example, in seeing if/to what extent your theme is Gutenberg-ready and having the page ready […]
Recent Comments