ひゅーまにあ:header.php モバイルとPC 表示を変える

最上部の「体験申し込み」「お問合わせ」バナーの表示方法を、「モバイル」と「PC」で、異なった表示するために、
下記 138行〜144行 までを新規に追加。 (書き込む場所も重要!)

【注!】 ’19/2/1 ひゅーまにあ日本橋 修正時に、 スマホの 体験申し込み・資料請求 バナーが表示されていないことに気づき、
修正した(画像がヘテムルから引っ張っていたものを、メディアライブラリのファイルに修正)
修正内容は、下部に添付。

——-

<?php
/**
 * The Header template for our theme
 *
 * @package WordPress
 * @subpackage FSVBASIC
 * @since FSVBASIC 1.1
 */
?>

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>

<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />

<?php wp_head(); ?>

</head>

<body <?php body_class(); ?>>

<div id="layout">

<div id="page">

<div id="masthead" class="site-header-area" role="banner">

<div class="component-inner">

<div id="header-menu-button" class="menu-load-button">

<button id="button-toggle-menu"><span class="dashicons dashicons-menu"></span></button>

</div><!-- #header-menu-button -->

<?php

$options = fsvbasic_get_theme_options();

if ( !isset( $options[ 'header_logo' ] ) ) { $opHeaderLogo = ''; }
else { $opHeaderLogo = $options[ 'header_logo' ]; }

if ( !isset( $options[ 'head_large_text' ] ) ) { $opHeadLargeText = 'TEL:0120-00-0000'; }
else { $opHeadLargeText = $options[ 'head_large_text' ]; }

if ( !isset( $options[ 'head_text' ] ) ) { $opHeadText = 'texttexttexttexttext'; }
else { $opHeadText = $options[ 'head_text' ]; }

if ( !isset( $options[ 'link_sitemap' ] ) ) { $opLinkMap = '#'; }
else { $opLinkMap = $options[ 'link_sitemap' ]; }

if ( !isset( $options[ 'link_contact' ] ) ) { $opLinkCont = 'mailto:'; }
else { $opLinkCont = $options[ 'link_contact' ]; }

if ( ( $opLinkMap ) && ( $opLinkCont ) ) { $hw_linkclass = 'hw_link2'; }
elseif ( ! ( $opLinkMap ) && ! ( $opLinkCont ) ) { $hw_linkclass = 'hw_link0'; }
else { $hw_linkclass = 'hw_link1'; }

if ( ( $opHeadLargeText == "" ) && ( $opHeadText == "" ) && ( $opLinkMap == "" ) && ( $opLinkCont == "" ) ) : // #header-title-area Class Settings ?>

<div id="header-title-area" class="header-title-only">

<?php else: // #header-title-area Class Settings ?>

<div id="header-title-area" class="header-title-area">

<?php endif; // #header-title-area Class Settings

if ( $opHeaderLogo ) :

	$header_main_class = 'site-title-img';
	$header_main_html = '<img src="' . $opHeaderLogo . '" alt="' . esc_attr( get_bloginfo( 'name' ) ) . '" />';

else : // if ( $opHeaderLogo )

	$header_main_class = 'site-title';
	$header_main_html = get_bloginfo( 'name' );

endif; // if ( $opHeaderLogo )

if ( is_front_page() && is_home() ) : ?>
<h1 class="<?php echo $header_main_class; ?>"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php echo $header_main_html; ?></a></h1>
<?php else : ?>
<p class="<?php echo $header_main_class; ?>"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php echo $header_main_html; ?></a></p>
<?php endif;

$description = get_bloginfo( 'description', 'display' );

if ( $description || is_customize_preview() ) : ?>
<p class="site-description"><?php echo $description; /* WPCS: xss ok. */ ?></p>
<?php endif; ?>

</div><!-- #header-title-area -->

<div id="header-widget-area">

<?php

if ( ( $opLinkMap ) || ( $opLinkCont ) ) : ?>

<p class="<?php echo $hw_linkclass; ?>">
<?php if ( $opLinkMap ) : ?><a href="<?php echo $opLinkMap; ?>"><span><?php _e( 'Sitemap', 'fsvbasic' ); ?></span></a><?php endif; ?>
<?php if ( $opLinkCont ) : ?><a href="<?php echo $opLinkCont; ?>"><span><?php _e( 'Contact', 'fsvbasic' ); ?></span></a><?php endif; ?>
</p>

<?php endif;

if ( $opHeadText ) : ?><p class="hw_text"><?php echo $opHeadText; ?></p><?php endif;
if ( $opHeadLargeText ) : ?><p class="hw_text_large"><?php echo $opHeadLargeText; ?></p><?php endif; ?>

</div><!-- #header-widget-area -->

</div><!-- .component-inner -->

</div><!-- #masthead -->

<div id="header-nav-area" class="navigation-area clear">

<div class="component-inner clear">

<a class="assistive-text" href="#content"><?php esc_html_e( 'Skip to content', 'fsvbasic' ); ?></a>

<nav id="site-navigation" class="main-navigation" role="navigation">

<?php wp_nav_menu( array( 'theme_location' => 'primary', 'container' => 'div', 'container_class' => 'menu' , 'menu_class' => 'menu' ) ); ?>

</nav><!-- #site-navigation -->

</div><!-- .component-inner -->

</div><!-- #header-nav-area -->


<?php /*  Takei wrought  ここから  */ ?>
<?php if ( wp_is_mobile() ) : ?>
<a class="tel"href="/humania_apply/" target="_blank"><img src="https://ch-j.jp/wp-content/uploads/h_kengaku_3.2-2.png" width="200px" height="40px"></a>
<a class="tel" href="/humania_contact" target="_blank"><img src="https://ch-j.jp/wp-content/uploads/h_siryou_3.2-2.png" width="200px" height="40px"> </a>
<?php else: ?>
<?php endif; ?>
<?php /*  Takei wrought  ここまで  */ ?>

<?php

if ( is_home() || is_front_page() ) :

	$slide_count = 0;

	for ( $i = 1 ; $i < 6 ; $i++ ) {

		// Slider URL
		if ( !isset( $options{ "slide" . $i . "_url" } ) ) { ${ "opSlide" . $i . "Url" } = '#'; /** Default Settings **/ }
		else { ${ "opSlide" . $i . "Url" } =  $options{ "slide" . $i . "_url" }; }

		if ( ${ "opSlide" . $i . "Url" } ) { ${ "opSlide" . $i . "Url" } = '<a href="' . ${ "opSlide" . $i . "Url" } . '">' ; }

		// Slider Caption
		if ( !isset( $options{ "slide" . $i . "_cap" } ) ) { ${ "opSlide" . $i . "Cap" } = 'slide' . $i . ' caption'; /** Default Settings **/ }
		else { ${ "opSlide" . $i . "Cap" } =  $options{ "slide" . $i . "_cap" }; }

		// Slider Images
		if ( !isset( $options{ "slide" . $i . "_pic" } ) ) { ${ "opSlide" . $i . "Pic" } = get_template_directory_uri() . '/images/header_00' . $i . '.jpg' ; /** Default Settings **/ }
		else { ${ "opSlide" . $i . "Pic" } =  $options{ "slide" . $i . "_pic" }; }

		if ( ${ "opSlide" . $i . "Pic" } ) {

			$slide_count++ ;

			if ( ! strstr( ${ "opSlide" . $i . "Pic" } , get_template_directory_uri() ) ) { ${ "opSlide" . $i . "Pic" } = aq_resize( ${ "opSlide" . $i . "Pic" }, 1200, 300, $crop = true , $single = true, $upscale = true ); }

			${ "opSlide" . $i . "Pic" } = '<img src="' . ${ "opSlide" . $i . "Pic" } . '" alt="' . ${ "opSlide" . $i . "Cap" } . '">' ;

		}

	}

	if ( $slide_count > 0 ) : ?>

<div id="header-image" class="header-image-area">

<div class="component-inner">

<?php if ( $slide_count == 1 ) : ?><div class="main_slider_one"><?php endif; ?>

<ul class="main_slider">

<?php

	for ( $i = 1 ; $i < 6 ; $i++ ) {

		if ( ${ "opSlide" . $i . "Pic" } ) {

			echo '<li>' . "\n";

			echo ${ "opSlide" . $i . "Url" } . "\n";
			echo ${ "opSlide" . $i . "Pic" } . "\n";
			if ( ${ "opSlide" . $i . "Cap" } ) { echo '<div class="bx-caption"><span>' . ${ "opSlide" . $i . "Cap" } . '</span></div>' . "\n"; }
			if ( ${ "opSlide" . $i . "Url" } ) { echo '</a>' . "\n"; }

			echo '</li>' . "\n\n";

		}

	}

?>

</ul><!-- .main_slider -->

<?php if ( $slide_count == 1 ) : ?></div><?php endif; ?>

</div><!-- .component-inner -->

</div><!-- #header-title-area -->

<?php

	endif; // if ( $slide_count > 0 )

endif; // is_home()/is_front_page() ?>

———————–
修正前(当初は、画像ファイルがimgフォルダから取得していた)

<?php if ( wp_is_mobile() ) : ?>
<a class="tel"href="http://ch-j.co.jp/humania_apply/" target="_blank"><img src="http://ch-j.heteml.jp/humania_web/wp-content/img/header/h_sp_kengaku.png" width="200px" height="40px"></a>
<a class="tel" href="http://ch-j.co.jp/humania_contact" target="_blank"><img src="http://ch-j.heteml.jp/humania_web/wp-content/img/header/h_sp_shiryo.png" width="200px" height="40px"> </a>
<?php else: ?>
<?php endif; ?>

修正後(画像ファイルをメディアライブラリから取得する)

<!--?php if ( wp_is_mobile() ) : ?-->
<a class="tel" href="http://ch-j.co.jp/humania_apply/" target="_blank" rel="noopener noreferrer"><img src="https://ch-j.jp/wp-content/uploads/h_kengaku_3.2-2.png" width="200px" height="40px" /></a>
<a class="tel" href="http://ch-j.co.jp/humania_contact" target="_blank" rel="noopener noreferrer"><img src="https://ch-j.jp/wp-content/uploads/h_siryou_3.2-2.png" width="200px" height="40px" /> </a>
<!--?php else: ?-->
<!--?php endif; ?-->