teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

header.php、footer.php、を追加しました。

2019/06/13 02:42

投稿

UKYO9311
UKYO9311

スコア31

title CHANGED
File without changes
body CHANGED
@@ -27,4 +27,111 @@
27
27
 
28
28
 
29
29
  他に足りない情報などありましたら教えていただけたら幸いです。。。
30
- お手数おかけしますが、よろしくお願いいたします。
30
+ お手数おかけしますが、よろしくお願いいたします。
31
+
32
+
33
+
34
+
35
+ ●追記
36
+ 遅れてすみません。こちらで調べてみたところ、ヘッダーとフッターをファイルごと削除したら表示されました。でもファイルを残したまま中身を全部消すだけでは表示されませんでした。まだ原因はつかめていません。
37
+
38
+ ```header.php
39
+
40
+ <!DOCTYPE html>
41
+ <html>
42
+
43
+ <head>
44
+ <meta charset="utf-8">
45
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
46
+ <title>Pocket Cabin</title>
47
+ <meta name="keywords" content="">
48
+ <meta name="description" content="">
49
+ <meta name="viewport" content="width=device-width">
50
+ <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/jquery.bxslider.css" />
51
+ <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style.css" />
52
+ <link rel=”shortcut icon” href=”images/favicon.ico” />
53
+
54
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
55
+ <script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>
56
+ <script src="https://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
57
+ <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
58
+ <!-- <script src="https://maps.googleapis.com/maps/api/js?key=XXX"></script> -->
59
+
60
+ <!-- begin: Facebook share meta tags -->
61
+ <meta property="og:locale" content="ja_JP">
62
+ <meta property="og:type" content="website">
63
+ <meta property="og:description" content="">
64
+ <meta property="og:title" content="">
65
+ <meta property="og:url" content="">
66
+ <meta property="og:site_name" content="">
67
+ <meta property="og:image" content="images/fb.jpg">
68
+ <!-- end: Facebook share meta tags -->
69
+
70
+
71
+ </head>
72
+
73
+ <body>
74
+
75
+ <header class="header">
76
+ <div class="container__wide">
77
+ <div id="logo">
78
+ <h1>
79
+ <a href="<?php echo home_url(); ?>">
80
+ <img class="ico_b" src="<?php bloginfo('template_directory'); ?>/images/logo.svg">
81
+ </a>
82
+ </h1>
83
+ </div>
84
+ <nav class="pc-only">
85
+ <ul id="main">
86
+
87
+ </ul>
88
+
89
+ </nav>
90
+ </div>
91
+
92
+ <div id="contBar"><a id="bar" class="menu-trigger sp-only"><span></span><span></span><span></span></a></div>
93
+ <div id="bar_menu" class="sp-only">
94
+ <ul>
95
+
96
+ </ul>
97
+ <div class="bar_menu-sns">
98
+
99
+ </div>
100
+ </div>
101
+ </header>
102
+ ```
103
+
104
+
105
+ ```footer.php
106
+ <footer class="bg_beige">
107
+ <a href="<?php echo home_url(); ?>">
108
+ <img class="ico_b" src="<?php bloginfo('template_directory'); ?>/images/logo.svg" alt="Pocket Cabin">
109
+ </a>
110
+ <div class="sns_wrap">
111
+ <a href="https://www.facebook.com/pocketcabin/" target="_blank" class="sns"><img src="<?php bloginfo('template_directory'); ?>/images/icon_facebook.svg"></a>
112
+ <a href="https://www.instagram.com/pocketcabin/" target="_blank" class="sns"><img src="<?php bloginfo('template_directory'); ?>/images/icon_instagram.svg"></a>
113
+ </div>
114
+ <div>Copyright &copy; Pocket Cabin, All Rights Reserved.</div>
115
+ </footer>
116
+
117
+ <!-- Load Scripts -->
118
+ <script src="<?php bloginfo('template_directory'); ?>/js/jquery.bxslider.js"></script>
119
+ <script src="<?php bloginfo('template_directory'); ?>/js/scripts.js"></script>
120
+
121
+ <script>
122
+ $(window).on('load', function() {
123
+ var url = $(location).attr('href');
124
+ if(url.indexOf("?id=") != -1){
125
+ var id = url.split("?id=");
126
+ var $target = $('#' + id[id.length - 1]);
127
+ if($target.length){
128
+ var pos = $target.offset().top;
129
+ $("html, body").animate({scrollTop:pos}, 1000);
130
+ }
131
+ }
132
+ });
133
+ </script>
134
+
135
+ </body>
136
+ </html>
137
+ ```