Blank Post or Page Template in Genesis Theme Showing Title and Content Only
This code will output a blank barebones WordPress Genesis page/post template with just the post title and content as entered in the post editor in the WP Dashboard. No header or footer content are included but WordPress hooks have been left for scripts to be included. This may be useful when a page needs to be…
Read MoreChanging the Genesis Header HTML Structure and MarkUp Code
In Genesis Themes you can completely change the header structure HTML by overriding the default code from the parent Genesis theme and use your own header mark up in your Child Theme. Two types of markup can be overridden the structure and the markup. Overriding Genesis Header Structure The header structure content in Genesis is controlled by the code…
Read MoreRemove Archive Title & Description from Blog Page in Genesis
Genesis adds in an archive title and description at the top of each archive page, depending on which type of archive page you use, there is a way to remove these from the mark up on the page. Since Genesis 2.2.1 there is a genesis_do_posts_page_heading function which adds Archive and Description markup just before the articles on…
Read MoreAdding Classes and Attributes to HTML elements in Genesis
Attributes can be added into various HTML markup elements via filters in the Genesis Framework, these attributes can be adding in an ID or additional CSS Class, or amending the Microdata Schema including role, itemscope or itemtype attributes. The HTML markup elements/sections also known as ‘contexts‘ are originally declared as functions in the core Genesis Framework in:…
Read MoreRemove Archive Title & Description from Custom Post Type Archive in Genesis
Change Archive Title and Description of Custom Post Type Archive At the head of a custom post type archive page is an archive title and description by default, the title will inherit the name of the custom post type, you can edit these values in the Archive Settings of the custom post type in the…
Read MoreMove Header and Footer into Site Inner in Genesis
To move both and header and footer into the Site Inner container of Genesis there needs to be a lot of repositioning going on. The gist below is based off theWordPress Genesis Sample Theme – I need all four main elements header, content, footer-widgets and footer also to have structural wraps – header, footer-widgets and footer already have…
Read MoreCreating a FAQ Page in WordPress using ACF and jQuery
How to create a FAQ page in WordPress using Advanced Custom Fields and jQuery. ACF (Advanced Custom Fields) Pro comes with a great inclusion called the Repeater field which allows a user to continually add additional rows of data of certain custom fields to a page or post (or custom post type) in WordPress. This can be an ideal client…
Read MoreMake a Full Width Twenty Sixteen Theme Header
Here’s how you can make a full width header with a background image in WordPress’ latest default theme ‘Twenty Sixteen’. So above I have just chosen the color scheme as grey and added a header image, which just sits the image below the the site title and menu – maybe you want the image as a background…
Read MoreAdd Fallback Featured Image in Genesis
To set a fall back featured image in Genesis if one is not set, you can use a parameter in the filter genesis_get_image, in the code below I want to target a particular category and use a dashicon icon if the featured image is not set. This icon (or image) will then appear on the archive page. The genesis_get_image…
Read MoreRemove Genesis Structural Wraps from Markup
On Genesis themes, the structural .wrap is essentially an element which acts as a container for content. The sample and most of the themes have it set at 1140px wide and narrower at smaller sizes. What areas have the .wrap markup by default are: header menu-primary menu-secondary footer-widgets footer You can see this markup in the core Genesis framework…
Read More