Christoph Herr has a modular starter Genesis child theme with Sass partials called Prometheus. I have taken just the Sass part from Prometheus, simplified it a bit and added a couple of partials for homepage and custom CSS. So if you are looking for Sass version of Genesis Sample 2.6.0’s style.css, click on the button… Continue Reading »
How to always show responsive menu in Genesis Sample
In Genesis Facebook group a user asks: Hi Everyone, Using Genesis Sample child theme and I want to always display the mobile navigational menu – even on desktop. I’m having a hard time finding a tutorial for that. Thanks! And the answer is to simply remove the relevant CSS in the 960px min-width media query…. Continue Reading »
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… Continue Reading »
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… Continue Reading »
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… Continue Reading »
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… Continue Reading »
Equal height Content and Sidebar in Genesis Sample 2.6.0
Looking to set the same height for content and sidebar in Genesis? Flexbox to the rescue. This tutorial provides the code change to replace floats with Flexbox in Genesis Sample 2.6.0’s CSS for equal height (determined by whichever is taller) content and sidebar columns. In the 960px min-width media query inside style.css, replace /* Content… Continue Reading »
Linting and Formatting in Visual Studio Code for WordPress
In the past, I wrote about setting up WordPress PHP code standards in Visual Studio Code. This article shows how we can go one step further and set up JavaScript & CSS linting (code analysis for potential errors) and pretty printing / auto formatting for PHP, CSS & JS. We are going to use Node,… Continue Reading »
BrowserSync in Laravel Valet
Updated on April 22, 2018 For Mac users that do not have the need to create local sites with different PHP versions, Laravel Valet is perhaps the lightest, fastest and best localhost development environment for setting up WordPress (or any other static/dynamic) sites as of today. A few reasons why I love Valet: Lightweight, super… Continue Reading »
How to dynamically load posts on click using Ajax in Genesis
This tutorial provides the steps to show post title links in the sidebar and using Ajax to fetch and load the corresponding entry when a title is clicked based on this excellent article from wpmudev. While the tutorial has been written for Genesis Sample, it should work with a few adjustments in any Genesis or… Continue Reading »
- 1
- 2
- 3
- …
- 30
- Next Page »
Recent Comments