最上部の「体験申し込み」「お問合わせ」バナーの表示方法を、「モバイル」と「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; ?-->