• Skip to main content
  • Skip to primary sidebar

WordPress, Genesis Framework and Storefront customization tutorials

  • Archive
    • Free
    • Premium
  • Blog
  • About
  • Contact
  • Newsletter
  • Membership
  • Login
Home » Genesis » Page 2

Genesis

Remove “You are here” from Genesis breadcrumb

// =========================================================================
// REMOVE YOU ARE HERE FROM BREADCRUMB
// =========================================================================
add_filter( 'genesis_breadcrumb_args', 'afn_breadcrumb_args' );
function afn_breadcrumb_args( $args ) {
	$args['labels']['prefix'] = '';
return $args;
}

Filed Under: Free Tagged With: 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 );

Filed Under: Free Tagged With: Genesis

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

Filed Under: Free Tagged With: Genesis

Genesis Loop with Pagination

Filed Under: Free Tagged With: Genesis

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

single_cat_title()

Filed Under: Free Tagged With: 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' );

    }
}

Filed Under: Free Tagged With: Genesis

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 -->

Filed Under: Free Tagged With: Bootstrap, Genesis

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>

Filed Under: Free Tagged With: CPT, Genesis

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');

Filed Under: Free Tagged With: Genesis

How to set Featured Image as Background Cover with Title and Sub Title

To view the full content, please sign up for the membership.

If You are already a member, please log in below:

 
 
Forgot Password

Filed Under: Premium Tagged With: Genesis

How to add page title background cover to sub pages in Genesis

To view the full content, please sign up for the membership.

If You are already a member, please log in below:

Filed Under: Premium Tagged With: 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 );

Filed Under: Free Tagged With: Genesis

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;
}

Filed Under: Free Tagged With: Genesis

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' );

Filed Under: Free Tagged With: Genesis

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' );

Filed Under: Free Tagged With: Genesis

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');

Filed Under: Free Tagged With: Genesis

Add featured image to Genesis single post

Filed Under: Free Tagged With: Genesis

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' );

Filed Under: Free Tagged With: Genesis

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;}

}

Filed Under: Free Tagged With: Genesis

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();

Filed Under: Free Tagged With: Genesis

  • « Go to Previous Page
  • Go to page 1
  • Go to page 2
  • Go to page 3
  • Go to Next Page »

Primary Sidebar

Gabor Flamich

Hi! I'm Gabor.
I write tutorials on WordPress and WooCommerce.

MacBook

12 Essential Snippets for Genesis Developers

Subscribe to my Newsletter to view my basic collection of Genesis snippets that I use for my projects!

Sign Up for Free
  • Facebook
  • GitHub
  • Instagram
  • LinkedIn
  • Twitter
  • YouTube
UpdraftPlus Premium

Tags

ACF Ajax Analytics API Bootstrap Breadcrumb category CPT CSS fetch Genesis Google Maps Gutenberg HTML Isotope JavaScript jQuery loop Map Menu Parallax PHP SASS SEO SQL Storefront SVG tab tag manager tags Taxonomy Tool upsell Webpack Wholesale WooCommerce WordPress WPML

Disclosure: Some of the links in this site are affiliate links. I will be paid a commission if you use this link to make a purchase.

  • Privacy Policy / Terms of Service
© 2023 WP Flames - All Right Reserved