/** * Add inline styles for banner images. * * @see wp_add_inline_style() */ function hovercraft_banner_image() { if (hovercraft_post_has_featured_image() && is_singular()) { $attachment_id = get_post_thumbnail_id(get_the_ID()); $large_url = wp_get_attachment_image_url($attachment_id, 'hovercraft-banner-large'); $medium_url = wp_get_attachment_image_url($attachment_id, 'hovercraft-banner-medium'); $small_url = wp_get_attachment_image_url($attachment_id, 'hovercraft-banner-small'); $header_rgba = hovercraft_hex2rgba(get_theme_mod('hovercraft_header_background_color', '#eeeeee'), 0.9); ob_start(); require get_template_directory() . '/inc/theme-banner.php.css'; $css = ob_get_clean(); wp_add_inline_style('hovercraft-style', preg_replace('/\\s+/', ' ', $css)); } }
/** * Display an optional post thumbnail. * * Wraps the post thumbnail in an anchor element on index views, or a div * element when on single views. * * @since Hovercraft 1.0 */ function hovercraft_post_thumbnail() { if (hovercraft_post_has_featured_image()) { ?> <div class="post-thumbnail"> <a class="post-thumbnail-link" href="<?php the_permalink(); ?> " aria-hidden="true"> <?php the_post_thumbnail('post-thumbnail', array('alt' => get_the_title())); ?> </a> </div><!-- .post-thumbnail --> <?php } }
?> <nav id="primary-navigation" class="main-navigation" role="navigation" aria-label="<?php _e('Primary Menu', 'hovercraft'); ?> "> <h2 class="menu-title"><?php _e('Menu', 'hovercraft'); ?> </h2> <?php if (has_nav_menu('primary')) { get_template_part('template-parts/navigation-primary'); } ?> </nav><!-- #primary-navigation --> <?php } ?> <?php get_search_form(); ?> </div> </header><!-- #masthead --> <?php if (hovercraft_post_has_featured_image() && is_singular()) { ?> <div id="banner-image"></div><?php } ?> <div id="content" class="site-content">