As the world eagerly awaits the release of Apple’s new flagship iPhone X, developers are anxious that their mobile sites will look good on the device because of the notch. The phone’s super-retina OLED screen covers the entire face of the phone, except for the “notch” where the camera and other various components are situated.
[Read More…]
Child Themes
Customize the Genesis Header with CSS Grid Layout
Genesis Header Many questions asked on both the Studio Press Community Forum and Genesis WordPress Facebook page relate to refining a child theme’s default header. Since we’re working with the Genesis sample theme in this tutorial, we know that the default header initially stretches the full width of the page. Add a header-right widget to
[Read More…]
Display Word Count for Posts in Genesis Themes
Add to functions.php. Make sure you change text-domain in line 3 to your child theme’s text-domain.
1 2 3 4 5 6 7 8 9 10 11 12 13 | add_shortcode( 'word_count', 'word_count' ); function word_count() { return sprintf( __( '%s words', 'text-domain' ), str_word_count( strip_tags( get_post_field( 'post_content', get_the_ID() ) ), 0 ) ); } add_filter( 'genesis_post_info', 'custom_post_info_filter' ); function custom_post_info_filter( $post_info ) { if ( is_singular( 'post' ) ) { $post_info = '[post_date] by [post_author_posts_link] [post_comments] [post_edit] [word_count]'; } return $post_info; } |
Genesis Themes: Customize Prev/Next Single Post Links
How do I to customize the previous and next post links on the single post page in Genesis themes?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | add_post_type_support( 'post', 'my-custom-prev-next-post-nav' ); add_action( 'genesis_after_entry', 'my_custom_prev_next_post_nav' ); function my_custom_prev_next_post_nav() { if ( ! is_singular() || ! post_type_supports( get_post_type(), 'my-custom-prev-next-post-nav' ) ) { return; } genesis_markup( array( 'open' => '<div %s>', 'context' => 'adjacent-entry-pagination', ) ); echo '<div class="pagination-previous alignleft">'; previous_post_link( '%link', '« Previous Page' ); echo '</div>'; echo '<div class="pagination-next alignright">'; next_post_link( '%link', 'Next Page »' ); echo '</div>'; genesis_markup( array( 'close' => '</div>', 'context' => 'adjacent-entry-pagination', ) ); } |
Remove ‘Menu’ from Genesis Sample Theme Mobile Nav
How does one remove the “Menu” text from the responsive menu in the Genesis Sample Theme? The following block of code starts at line 35 in the Genesis Sample Theme’s functions.php file. Look at the highlighted lines. Replace the word ‘Menu’ with ”. That’s all folks!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | //* Enqueue Scripts and Styles add_action( 'wp_enqueue_scripts', 'genesis_sample_enqueue_scripts_styles' ); function genesis_sample_enqueue_scripts_styles() { wp_enqueue_style( 'genesis-sample-fonts', '//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700', array(), CHILD_THEME_VERSION ); wp_enqueue_style( 'dashicons' ); wp_enqueue_script( 'genesis-sample-responsive-menu', get_stylesheet_directory_uri() . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0', true ); $output = array( 'mainMenu' => __( 'Menu', 'genesis-sample' ), 'subMenu' => __( 'Menu', 'genesis-sample' ), ); wp_localize_script( 'genesis-sample-responsive-menu', 'genesisSampleL10n', $output ); } |