fuusen69
フォーラムへの返信
-
ちなみにヘッダーは
<!DOCTYPE html>
<html <?php language_attributes();?>>
<head>
<meta charset=”<?php bloginfo(‘charset’);?>”>
<title>
<?php if(!is_home()){
wp_title(‘|’,true,’right’);
}
bloginfo(‘name’); ?>
</title>
<meta name=”google-site-verification” content=”_LnSM5NKy-PkmLbMfGgR7276phbysrV85Wc7Rjs6cnk” />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<script async custom-element=”amp-ad” src=”https://cdn.ampproject.org/v0/amp-ad-0.1.js”></script>
<!–[if lt IE 9]>
<script src=”html5shiv.js”></script>
<![endif]–><link rel=”stylesheet” href=”<?php echo get_stylesheet_uri();?>” />
<link href=”<?php echo(get_template_directory_uri()); ?>/css/import.css” rel=”stylesheet” type=”text/css” />
<?php wp_enqueue_script(‘jquery.scrollUp’, get_template_directory_uri() . ‘/js/jquery.scrollUp.js’, array(‘jquery’)); ?>
<?php wp_enqueue_script(‘jquery.accordion’, get_template_directory_uri() . ‘/js/jquery.accordion.js’, array(‘jquery’)); ?>
<?php wp_enqueue_script(‘jquery.scroll’, get_template_directory_uri() . ‘/js/jquery.scroll.js’, array(‘jquery’)); ?><!–[if lt IE 9]>
<?php wp_enqueue_script(‘html5shiv’, get_bloginfo(‘template_url’) . ‘/js/html5shiv.js’, array(‘jquery’)); ?>
<![endif]–><?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<script type=”text/javascript”>window.onload = function(){
jQuery(function($){
$(function(){
// 設定
var $width = “100%”; // 横幅
var $height = “100%”; // 高さ
var $interval = 4000; // 切り替わりの間隔（ミリ秒）
var $fade_speed = 2000; // フェード処理の早さ（ミリ秒）
$(“#slide ul li”).css({“position”:”relative”,”overflow”:”hidden”,”width”:$width,”height”:$height});
$(“#slide ul li”).hide().css({“position”:”absolute”,”top”:0,”left”:0});
$(“#slide ul li:first”).addClass(“active”).show();
setInterval(function(){
var $active = $(“#slide ul li.active”);
var $next = $active.next(“li”).length?$active.next(“li”):$(“#slide ul li:first”);
$active.fadeOut($fade_speed).removeClass(“active”);
$next.fadeIn($fade_speed).addClass(“active”);
},$interval);
});$(function(){
$(“img.rollover”).mouseover(function(){
$(this).attr(“src”,$(this).attr(“src”).replace(/^(.+)(\.[a-z]+)$/, “$1_on$2”));
}).mouseout(function(){
$(this).attr(“src”,$(this).attr(“src”).replace(/^(.+)_on(\.[a-z]+)$/, “$1$2”));
}).each(function(){
$(““).attr(“src”,$(this).attr(“src”).replace(/^(.+)(\.[a-z]+)$/, “$1_on$2″));
});
});
});
}
</script><header class=”header1″>
<!– headerここから –>
<div class=”header-flex”>
<div class=”logo-area”>
<h1 id=”logo”>“>ＪＲ関西線</h1>
<div id=”title_t”>
<h2>ＪＲ関⻄本線（亀山駅−難波駅）の路線図・ＪＲ関西本線の歴史<br class=”res767″>停車駅一覧・コンビニ情報・時刻表 – 駅探
</h2>
ＪＲ関西本線の時刻表 関西本線路線図・関西本線停車駅・関西本線駅情報・ＷＩＦＩ情報 – 駅探
</div></div>
/images/twitter.gif” width=”95″ height=”15″ alt=”twitter” class=”twitter”>
</div>
<!– headerここまで –>
</header>
<section id=”main_title”>
<h2 class=”midasi”>ＪＲ奈良線京都山城お茶の京都</h2>
/images/ochanokyoto.png” width=”100%” height=”auto” alt=”ＪＲ関西本線お茶の京都”></section>
<section>
<h3 class=”midasi”>ＪＲ関西本線季節のキハ１２０車両</h3>
<div id=”slide” class=”slide-h”>/images/mv01.png” width=”100%” height=”auto” alt=”ＪＲ関西本線キハ１２０”>
/images/mv02.png” width=”100%” height=”auto” alt=”ＪＲ関西本線夏のひまわりとキハ１２０電車”>
/images/mv03.png” width=”100%” height=”auto” alt=”ＪＲ関西本線木津川とキハ１２０電車”>
/images/mv04.png” width=”100%” height=”auto” alt=”ＪＲ関西本線雪が降る木津川とキハ１２０電車”>
</div>
</section><div id=”wrap”>
<!– ＪＲ関西線navここから –>
<nav>
<h3 class=”midasi”>ＪＲ関西線ナビゲーション</h3>
<ul id=”nav_menu”>
<?php wp_nav_menu(array(‘theme_location’=>’nav-menu’)); ?><ul class=”drawer_menu”>
<?php wp_nav_menu(array(‘theme_location’=>’drawer-menu’)); ?></nav>
<!– ハンバーガー –>
<div id=”navToggle”><div>
<span></span> <span></span> <span></span>
</div>
<p class=”menu-text”>MENU</p>
</div>
<script type=”text/javascript”>
// ハンバーガー
const btn = document.querySelector(‘#navToggle’);
const nav = document.querySelector(‘.drawer_menu’);btn.addEventListener(‘click’, () => {
nav.classList.toggle(‘open-menu’)
navToggle.classList.toggle(‘open-menu’)
});</script>