<!--
こちらはWIING WebServiceCloudのオリジナルWordPressテーマ「WIING STAFF'S」を使用しています。
余分なプラグインや機能、記述などを入れない軽量シンプルなWordPress専門テーマです。
▽WIING STAFF'S ダウンロード
https://wiing-wsc.com/staffs/
-->
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>
<?php if(!is_archive()){if(get_post_meta($post->ID, 'meta_title', true)){
echo get_post_meta($post->ID, 'meta_title', true).'-';bloginfo('name');
}}else{if(is_archive()){the_archive_title();}else{the_title();echo '-';bloginfo('name');}} ?>
</title>
<meta name="description" content="<?php  if(!is_archive()){if(get_post_meta($post->ID, 'meta_desc', true)){
echo get_post_meta($post->ID, 'meta_desc', true);}}
else{if(is_archive()){the_archive_title();echo '-';bloginfo('name');}else{bloginfo('description');echo '-';bloginfo('name');}} ?>" />
<?php if(get_post_meta($post->ID, 'meta_keyword', true)){
	echo '<meta name="Keywords" content="';
 if(!is_archive()){	
	echo get_post_meta($post->ID, 'meta_keyword', true);
 }
 if(is_archive()){	
	echo the_archive_title();
 }
	echo '" />';
} ?>
<meta name="author" content="WIING　WSC">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
<link rel="icon" href="favicon.ico" type="image/vnd.microsoft.icon">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<?php #for iPhone180*180 ?>
<!--<meta name="robots" content="noindex,nofollow,noarchive">-->
<?php wp_head(); ?>
<?php # canonical 自動取得 ?>
<?php if (is_category()){ ?>
<link rel="canonical" href="<?php echo (empty($_SERVER["HTTPS"]) ? "http://" : "https://") . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"];?>">
<?php } else{ ?>
<?php if(!empty($custom['canonical'][0])){ $custom['canonical'][0] = $custom['canonical'][0]; } elseif(!empty($custom['canonical_page'][0])) { $custom['canonical'][0] = $custom['canonical_page'][0]; } else { $custom['canonical'][0] = get_the_permalink(); }?>
<link rel="canonical" href="<?php echo $custom['canonical'][0] ?>">
<? } ?>
<?php # END canonical 自動取得 ?>
<?php /* <link href="<?php echo get_template_directory_uri(); ?>/css/reset.css" rel="stylesheet" type="text/css"> */ ?>
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/base.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/base_res.css">
<?php /* <link href="<?php echo get_template_directory_uri(); ?>/css/all.min.css" rel="stylesheet" type="text/css"> */ ?>
</head>
<body>
<?php # Jqueryはほぼ必須だがCDN読み込みしない
//<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" defer></script> ?>
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery-2.1.4.min.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/tel.js" defer></script>
<?php # TEL無効化 ?>
<script src="<?php echo get_template_directory_uri(); ?>/js/utility.js" defer></script>
<?php /* 解析タグを使用する場合は下記コメントの有効化
<script src="<?php echo get_template_directory_uri(); ?>/js/analytics.js" async></script>
*/ ?>
<?php # Optional instagram feed Additions ?>
<?php /* <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/instafeed.js"></script> */ ?>
<script type="text/javascript">
/*$(document).ready(function() {
var userFeed = new Instafeed({
    target:'instafeed',
    get: 'user', //ユーザーから取得
    userId: 'commingsoon', //ユーザーID(先ほど確認した'user_id')
    sortBy: 'most-recent',//最新記事から順に取得
    links: true , //画像リンク取得
    limit: 4, //取得する画像数を設定
    resolution: 'low_resolution', //画像サイズを設定
    template: '<li class="sec-fth-ite"><a href="{{link}}" target="_blank"><img src="{{image}}"></a></li>',
    accessToken: 'commingsoon' //アクセストークン
    });
    userFeed.run();
});*/
</script>
<?php if(is_page(array('aboutus'))): ?>
<?php endif; ?>
<div id="wra">
<div id="hea-wra">
    <header>
        <div id="hea-con">
            <h1 id="hea-lef"><a href="<?php echo esc_url( home_url('/') ); ?>" title="WIING WebServiceCloudのWordPress用メディアブログテーマです。-WIING STAFF'S"><img src="<?php echo get_template_directory_uri(); ?>/images/but_log01.png" alt="WIING WebServiceCloudのWordPress用メディアブログテーマです。-WIING STAFF'S"></a></h1>
            <div id="hea-rig">
                <h1 class="hea-tit">
                    <?php bloginfo( 'name' ); ?>
                </h1>
                <ul class="sns-blo">
                    <li><a href="https://twitter.com/wiingwsc" target="_blank"><i class="fab fa-twitter"></i></a></li>
                    <li><a href="https://www.instagram.com/wiingwsc/" target="_blank"><i class="fab fa-instagram"></i></a></li>
                    <li><a href="https://www.facebook.com/WIING-Web-Service-Cloud-LLC-104428460970891" target="_blank"><i class="fab fa-facebook-square"></i></a></li>
					<li><a href="https://note.mu/wiing" target="_blank"><i class="far fa-sticky-note"></i></a></li>
                    <li><a href="https://wiing-wsc.com/" target="_blank"><i class="fab fa-fort-awesome"></i></a></li>
                </ul>
				        <div id="hum-men-wra"><a class="hum-men" href="javascript:void(0)"> <span></span> <span></span> <span></span></a></div>

            </div>
        </div>
    </header>

    <nav>
        <?php
		/*外観-メニューから以下のメニューを追加
		 'global' => 'グローバルナビ',
		'header' => 'ヘッダーナビ',
		'footer' => 'フッターナビ',
		 */
		wp_nav_menu( array(
			'theme_location' => 'global',//メニュー位置を指定
			'menu'=> 'gloval', //WPメニュー名指定。指定しないとulにid・class指定できない
			'menu_class' => 'men', // WPメニュー構成ul要素クラス名
			'menu_id' => 'men', // WPメニュ構成ul要素ID名
			'container' => 'div', // ulを囲う親要素指定。なしの場合false
			'container_class' => 'men-wra', // コンテナ適用クラス名
			'container_id' => 'men-wra', // コンテナ適用ID名
		) );
	?>
    </nav>
</div>
<!-- hea-wra -->
<?php if(is_front_page()): ?>
<div class="mai-vis-sli-wra">
        <ul class="mai-fle-sec">
            <li>
		        <div class="eff-mai-wra">
                    <p class="mai-fad"><img src="<?php echo get_template_directory_uri(); ?>/images/ima_mai_vis01.jpg" alt="メインビジュアル1"></p>
                    <p class="mai-sli">&nbsp;</p>
                </div>
                <h2 class="mai-vis-tit"><a href="promotion">WIING STAFF'S<br>WordPress専用テーマの紹介</a></h2>
                <div class="eff-but-blo">
                    <button type="button" class="eff-but" onClick="location.href='promotion'">詳しく読む<i class="fas fa-angle-right"></i></button>
                </div>
            </li>
            <li>
		        <div class="eff-mai-wra">
                    <p class="mai-fad"><img src="<?php echo get_template_directory_uri(); ?>/images/ima_mai_vis02.jpg" alt="メインビジュアル1"></p>
                    <p class="mai-sli">&nbsp;</p>
                </div>
                <h2 class="mai-vis-tit"><a href="contact">問い合わせ<br>社内サポートチーム</a></h2>
                <div class="eff-but-blo">
                    <button type="button" class="eff-but" onClick="location.href='contact'">詳しく読む<i class="fas fa-angle-right"></i></button>
                </div>
            </li>
            <li>
		        <div class="eff-mai-wra">
                    <p class="mai-fad"><img src="<?php echo get_template_directory_uri(); ?>/images/ima_mai_vis03.jpg" alt="メインビジュアル1"></p>
                    <p class="mai-sli">&nbsp;</p>
                </div>
                <h2 class="mai-vis-tit"><a href="guide">WIING STAFF'S<br>使い方ガイド</a></h2>
                <div class="eff-but-blo">
                    <button type="button" class="eff-but" onClick="location.href='guide'">詳しく読む<i class="fas fa-angle-right"></i></button>
                </div>
            </li>
        </ul>
</div>
<?php endif; ?>
<div id="mai-con-wra">
<?php if(!is_page()): ?>
<?php echo do_shortcode( '[htm-bre-cru]' );	?>
<?php endif; ?>
<?php if(is_page() && !is_front_page()): ?>
<?php
$parent_id = $post->post_parent; // 固定ページの場合、親ページのIDを取得-ショートコードからだと参照不可
$parent_slug = get_post($parent_id)->post_name;
$parent_title = get_post($parent_id)->post_title;
echo'<div class="bre-cru-wra">';
echo'<div class="bre-cru"><a href="';
echo esc_url( home_url('/') );
echo'">HOME</a>&nbsp;〉';
if ($parent_id) {
echo '<a href="';
echo get_permalink($parent_id);;
echo '">';
echo $parent_title;
echo '</a>&nbsp;〉';
}
echo get_the_title();
echo'</div>';
echo'</div>';
?>	
<?php endif; ?>
	
<div id="mai-con" >
