質問編集履歴
4
タイトルを修正いたしました。
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
ワードプレスフッターエリアの画像
|
|
1
|
+
ワードプレスフッターエリアの画像にフッターメニューがのってしまう
|
test
CHANGED
|
File without changes
|
3
ソースコード・文章を修正いたしました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -14,25 +14,31 @@
|
|
|
14
14
|
|
|
15
15
|
###試したこと
|
|
16
16
|
|
|
17
|
-
style.cssの#footerareaで下記設定をしたが
|
|
17
|
+
style.cssの#footerareaで下記設定をしたがフッターメニュー（運営会社・問い合わせ等のリンク）が画像にのってる状態。フッターメニューは#footerarea .col-3でfloatを設定してるためと思われます。
|
|
18
18
|
|
|
19
19
|
```
|
|
20
20
|
|
|
21
21
|
#footerarea {
|
|
22
22
|
|
|
23
|
+
/* margin-bottom: 10px; */
|
|
24
|
+
|
|
23
|
-
|
|
25
|
+
/* margin: 0 auto; */
|
|
24
|
-
|
|
26
|
+
|
|
25
|
-
|
|
27
|
+
/* padding: 2px; */
|
|
28
|
+
|
|
26
|
-
|
|
29
|
+
/* color: #444 */
|
|
30
|
+
|
|
27
|
-
|
|
31
|
+
background: url(images/footer.png) no-repeat;
|
|
32
|
+
|
|
28
|
-
|
|
33
|
+
background-size: 100%;
|
|
34
|
+
|
|
29
|
-
|
|
35
|
+
width: 100%;
|
|
30
36
|
|
|
31
37
|
```
|
|
32
38
|
|
|
33
39
|
###ソースコード①
|
|
34
40
|
|
|
35
|
-
↓ 以下、style.css フッターエリアから抜粋。
|
|
41
|
+
↓ 以下、style.css フッターエリアから抜粋。（規定の設定。）
|
|
36
42
|
|
|
37
43
|
```
|
|
38
44
|
|
2
htmlソースコードを追加いたしました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
|
|
31
31
|
```
|
|
32
32
|
|
|
33
|
-
###ソースコード
|
|
33
|
+
###ソースコード①
|
|
34
34
|
|
|
35
35
|
↓ 以下、style.css フッターエリアから抜粋。
|
|
36
36
|
|
|
@@ -138,6 +138,54 @@
|
|
|
138
138
|
|
|
139
139
|
```
|
|
140
140
|
|
|
141
|
+
|
|
142
|
+
|
|
143
|
+
###ソースコード②
|
|
144
|
+
|
|
145
|
+
↓ 以下、生成されたフッターエリアのhtml。
|
|
146
|
+
|
|
147
|
+
```
|
|
148
|
+
|
|
149
|
+
<div class="widget-wrap">
|
|
150
|
+
|
|
151
|
+
<div class="container">
|
|
152
|
+
|
|
153
|
+
<div class="widget-area clearfix">
|
|
154
|
+
|
|
155
|
+
<div class="col-3"><aside id="nav_menu-2" class="widget widget_nav_menu"><div class="menu-%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc-container"><ul id="menu-%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc" class="menu"><li id="menu-item-77" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77"><a href="http://example.com/profile/">運営会社</a></li>
|
|
156
|
+
|
|
157
|
+
<li id="menu-item-66" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-66"><a href="https://example.com/terms">利用規約</a></li>
|
|
158
|
+
|
|
159
|
+
<li id="menu-item-78" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-78"><a href="http://example.com/privacy.html">プライバシーポリシー</a></li>
|
|
160
|
+
|
|
161
|
+
<li id="menu-item-65" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-65"><a href="https://example.com/info">問い合わせ</a></li>
|
|
162
|
+
|
|
163
|
+
</ul></div></aside></div> </div><!-- .widget-area -->
|
|
164
|
+
|
|
165
|
+
</div><!-- .container -->
|
|
166
|
+
|
|
167
|
+
</div><!-- .widget-wrap -->
|
|
168
|
+
|
|
169
|
+
|
|
170
|
+
|
|
171
|
+
<div id="site-generator">
|
|
172
|
+
|
|
173
|
+
<div class="container"><p>Copyright © example.com. All Rights Reserved.</p><div class="footer-right"></div><div style="clear:both;"></div>
|
|
174
|
+
|
|
175
|
+
</div><!-- .container -->
|
|
176
|
+
|
|
177
|
+
</div><!-- #site-generator --><div class="back-to-top"><a href="#branding"></a></div> </footer>
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
|
|
181
|
+
|
|
182
|
+
|
|
183
|
+
</div><!-- .wrapper -->
|
|
184
|
+
|
|
185
|
+
```
|
|
186
|
+
|
|
187
|
+
|
|
188
|
+
|
|
141
189
|
###補足情報(言語/FW/ツール等のバージョンなど)
|
|
142
190
|
|
|
143
191
|
▼ ワードプレス
|
1
画像を添付しなおしました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -6,7 +6,9 @@
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
|
|
10
|
+
|
|
11
|
+
|
|
10
12
|
|
|
11
13
|
|
|
12
14
|
|