// ========================================================================= // REMOVE YOU ARE HERE FROM BREADCRUMB // ========================================================================= add_filter( 'genesis_breadcrumb_args', 'afn_breadcrumb_args' ); function afn_breadcrumb_args( $args ) { $args['labels']['prefix'] = ''; return $args; }
Genesis
Genesis translations
<?php // ========================================================================= // GENESIS TRANSLATIONS WITHOUT LOCO TRANSLATE // ========================================================================= function genesis_hungarian_translations( $translated, $original, $domain ) { if ( $translated == "Leave a Comment" ) { $translated = "Hozzászólás írása"; } if ( $translated == "by" ) { $translated = "Szerző: "; } if ( $translated == "Filed Under: " ) { $translated = "Kategória: "; } if ( $translated == "Tagged With: " ) { $translated = "Címkék: "; } return $translated; } add_filter( 'gettext', 'genesis_hungarian_translations', 10, 3 );
Add page title with featured image as background in Genesis
Step #1 Create a file with name “page-title.php”
You can set a static background image in the else statement, just replace the dotted line with your uploaded image URL:
Step #2 Add this snippet to functions.php
Step #3 Add this to your CSS
Genesis Loop with Pagination
Full-width hero image on category / tag / taxonomy archive pages in Genesis
Below is a variation of the earlier linked tutorial which will work not only on category archives (Ex.: example.com/category/category-1) but also on tag archives (Ex.: example.com/tag/headlines) and any other custom taxonomy term archive pages (Ex.: example.com/portfolio_category/featured).
Step 1
Install and activate WP Term Images plugin.
Step 2
Edit category / tag / taxonomy archive pages and set your desired images.
Step 3
Add the following in child theme’s functions.php:
// Register custom image size for hero images on category / tag / taxonomy archive pages. add_image_size( 'category-image', 1600, 400, true ); add_action( 'genesis_after_header', 'sk_taxonomy_term_hero_image' ); /** * Display hero image below header on category / tag / taxonomy archive pages. */ function sk_taxonomy_term_hero_image() { global $wp_query; // if we are not on a category archive or tag archive or a taxonomy archive, abort. if ( ! is_category() && ! is_tag() && ! is_tax() ) { return; } // get and store the object of current taxonomy term or category or tag. $term = is_tax() ? get_term_by( 'slug', get_query_var( 'term' ), get_query_var( 'taxonomy' ) ) : $wp_query->get_queried_object(); if ( ! $term ) { return; } // image id is stored as term meta. $image_id = get_term_meta( $term->term_id, 'image', true ); // image data stored in array, second argument is which image size to retrieve. $image_data = wp_get_attachment_image_src( $image_id, 'category-image' ); // image url is the first item in the array (aka 0). $image = $image_data[0]; // if there's no image for this category, abort. if ( empty( $image ) ) { return; } printf( '<figure class="term-image"><img src="%s" alt="%s" /></figure>', $image, single_cat_title( '', false ) ); }
Step 4
Add the following in child theme’s style.css:
.category-image img { vertical-align: top; width: 100%; }
References:
How to display taxonomy term image below archive intro text in Genesis
Remove Entry Meta from Genesis Single Post
//Remove Entry Meta from Genesis Single Post add_action( 'loop_start', 'remove_entry_meta' ); function remove_entry_meta() { if ( is_singular('post') ) { remove_action( 'genesis_entry_header', 'genesis_post_info', 12 ); remove_action( 'genesis_entry_footer', 'genesis_post_meta' ); } }
How to create 4 col Bootstrap Carousel from Custom Post Type in Genesis
<!-- Carousel --> <div id="promo-carousel" class="carousel job-carousel-wrapper slide" data-ride="carousel" data-interval="3000"> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <?php // Item size (set here the number of posts for each group) $i = 4; // Set the arguments for the query global $post; $args = array( 'numberposts' => 16, // -1 is for all 'post_type' => 'munkak', // or 'post', 'page' 'orderby' => 'title', // or 'date', 'rand' 'order' => 'ASC', // or 'DESC' ); // Get the posts $myposts = get_posts($args); // If there are posts if($myposts): // Groups the posts in groups of $i $chunks = array_chunk($myposts, $i); $html = ""; /* * Item * For each group (chunk) it generates an item */ foreach($chunks as $chunk): // Sets as 'active' the first item ($chunk === reset($chunks)) ? $active = "active" : $active = ""; $html .= '<div class="carousel-item '.$active.'"><div class="container"><div class="row">'; /* * Posts inside the current Item * For each item it generates the posts HTML */ foreach($chunk as $post): include('variables.php'); $html .= '<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">'; $html .= '<a class="cat-link" href="'.get_the_permalink().'">'; $html .= get_the_post_thumbnail(); $html .= '<h4>'.get_the_title($post->ID).'</h4>'; $html .= '<ul>'; $html .= '<li>'.$orszag.'</li>'; $html .= '<li>'.get_field("munkaber").'</li>'; $html .= '</ul>'; $html .= '</a>'; $html .= '</div>'; endforeach; $html .= '</div></div></div>'; endforeach; // Prints the HTML echo $html; endif; ?> </div> <!-- carousel inner --> <!-- Controls --> <div class="job-carousel carousel-control-wrapper"> <a class="carousel-control-prev" data-target="#promo-carousel" role="button" data-slide="prev"> <i class="fas fa-chevron-left"></i> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" data-target="#promo-carousel" role="button" data-slide="next"> <i class="fas fa-chevron-right"></i> <span class="sr-only">Next</span> </a> </div> </div> <!-- /carousel -->
Custom Post Type Taxonomy Archive Page in Genesis
Create a file with name taxonomy-yourtaxonomy.php
<?php //Include taxonomy template file add_action('genesis_entry_header', 'add_custom_category'); function add_custom_category(){ include('loop/taxonomy-archive.php'); } //Add wrapper open add_action('genesis_before_while', 'add_grid_wrapper_open'); function add_grid_wrapper_open(){ echo '<div class="grid row"> '; } //Add wrapper close add_action('genesis_after_endwhile', 'add_grid_wrapper_close'); function add_grid_wrapper_close(){ echo ' </div>'; } genesis();
Create another file in loop folder with name taxonomy-archive.php
<div class="card melo"> <a href="<?php the_permalink(); ?>"> <?php the_post_thumbnail( 'full', array('class' => 'card-img-top') ); ?> </a> <div class="card-body"> <h4 class="card-title"><?php the_title(); ?></h4> <div class="card-text"> </div> </div> </div>
How to add Featured Image to Custom Post Type Sidebar in Genesis
//ADD FEATURED IMAGE TO CUSTOM POST TYPE SIDEBAR IN GENESIS function your_custom_function(){ if (is_singular( 'your_cpt' )) { the_post_thumbnail( 'medium', array('class' => '') ); } } add_action('genesis_before_sidebar_widget_area', 'your_custom_function');
How to set Featured Image as Background Cover with Title and Sub Title
How to add page title background cover to sub pages in Genesis
How to add Social Icons to Genesis Menu
//ADD SOCIAL ICON TO GENESIS MENU function wdm_add_menu_items( $menu, $args ) { // check if it is the 'primary' navigation menu if ( 'primary' === $args->theme_location ) { // add the search form ob_start(); get_search_form(); $search = ob_get_clean(); $menu .= '<li id="menu-item-125" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-125"> <a href="#" target="_blank"> <i class="fb-icon fab fa-facebook-f"></i> </a> </li>'; } return $menu; } add_filter( 'wp_nav_menu_items', 'wdm_add_menu_items', 10, 2 );
How to force full width content in Genesis Custom Post Type Single Page
// Add support for Genesis layouts to listings post type add_post_type_support( 'your_post_type', 'genesis-layouts' ); // Force layout on custom post type add_filter('genesis_site_layout', 'your_post_type_layout'); function your_post_type_layout($opt) { if ( 'your_post_type' == get_post_type() ) $opt = 'full-width-content'; return $opt; }
Add support for Genesis Layouts to Custom Post Type
// Add support for Genesis layouts to custom post type add_post_type_support( 'munkak', 'genesis-layouts' );
How to move Genesis Nav Menu beside the logo
remove_action( 'genesis_after_header', 'genesis_do_nav' ); add_action( 'genesis_header_right', 'genesis_do_nav' );
How to Fix Missing Icons Bug in Simple Social Icons Plugin
1) Create a file named sprite-map.svg in yout theme folder
For example: genesis-sample/images/sprite-map.svg
2) Copy and paste this xml snippet
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="social-email" viewbox="0 0 500 600"> <path fill="currentColor" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path> </symbol> <symbol id="social-facebook" viewbox="0 0 500 600"> <path fill="currentColor" d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"></path> </symbol> <symbol id="social-youtube" viewbox="0 0 500 600"> <path fill="currentColor" d="M186.8 202.1l95.2 54.1-95.2 54.1V202.1zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-42 176.3s0-59.6-7.6-88.2c-4.2-15.8-16.5-28.2-32.2-32.4C337.9 128 224 128 224 128s-113.9 0-142.2 7.7c-15.7 4.2-28 16.6-32.2 32.4-7.6 28.5-7.6 88.2-7.6 88.2s0 59.6 7.6 88.2c4.2 15.8 16.5 27.7 32.2 31.9C110.1 384 224 384 224 384s113.9 0 142.2-7.7c15.7-4.2 28-16.1 32.2-31.9 7.6-28.5 7.6-88.1 7.6-88.1z"></path> </symbol> <symbol id="social-instagram" viewbox="0 0 500 600"> <path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path> </symbol> <symbol id="social-linkedin" viewbox="0 0 500 600"> <path fill="currentColor" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path> </symbol> <symbol id="social-behance" viewbox="0 0 500 600"> <path fill="currentColor" d="M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z"></path> </symbol> </svg>
3) Call this file with an action hook in functions.php
function add_sprite_map(){ include('images/sprite-map.svg'); } add_action('genesis_before', 'add_sprite_map');
Add featured image to Genesis single post
How to Move Genesis Nav Above the Header
//How to Move Genesis Nav Above the Header remove_action( 'genesis_after_header', 'genesis_do_nav' ); add_action( 'genesis_before_header', 'genesis_do_nav' );
Add Full Width Wrap to Genesis Site-Inner
.entry { background-color:transparent; } .site-inner { max-width: none; } @media only screen and (max-width: 1139px) { .site-inner{max-width: none;} }
Genesis page template
<?php /** * Template name: Sales */ //Sales cover add_action('genesis_after_header', 'add_sales_cover'); function add_sales_cover(){ include('inc/sales-cover.php'); } genesis();