質問編集履歴
2
タグにHTMLとCSSを追加しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -88,3 +88,4 @@
|
|
|
88
88
|
|
|
89
89
|
ここにより詳細な情報を記載してください。
|
|
90
90
|
7月15日、地図のHTMLを全体にしてCSSを指摘された通りに<p anchor>に変更しました、使用しているテーマはLuxeritas Child Themeです。
|
|
91
|
+
|
1
日本地図のHTMLを全体に指摘された部分(追加CSS)を変更しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -7,22 +7,72 @@
|
|
|
7
7
|
|
|
8
8
|
### 該当のソースコード
|
|
9
9
|
|
|
10
|
-
日本地図内のHTML（
|
|
10
|
+
日本地図内のHTML（全体）
|
|
11
11
|
|
|
12
12
|
```HTML
|
|
13
|
+
<!-- wp:html -->
|
|
13
14
|
<div align="center"><img src="https://sinpar.co.jp/wp-content/uploads/2022/05/map-white-0531.jpg" usemap="#ImageMap" alt="map">
|
|
14
15
|
<map name="ImageMap">
|
|
16
|
+
<area shape="poly" coords="376,25,495,25,495,102,407,104,408,114,373,116,373,116" href="#hokkaido" alt="hokkaido">
|
|
15
17
|
<area shape="rect" coords="374,130,468,158" href="#aomori" alt="aomori">
|
|
18
|
+
<area shape="rect" coords="422,161,467,195" href="#iwate" alt="iwate">
|
|
19
|
+
<area shape="rect" coords="372,161,420,195" href="#akita" alt="akita">
|
|
20
|
+
<area shape="rect" coords="421,198,467,233" href="#miyagi" alt="miyagi">
|
|
21
|
+
<area shape="poly" coords="374,200,420,199,420,231,396,231,396,223,374,222,376,220" href="#yamagata" alt="yamagata">
|
|
22
|
+
<area shape="rect" coords="392,234,468,268" href="#fukushima" alt="fukushima">
|
|
23
|
+
<area shape="rect" coords="444,272,468,320" href="#ibaraki" alt="ibaraki">
|
|
24
|
+
<area shape="rect" coords="408,271,443,306" href="#tochigi" alt="tochigi">
|
|
25
|
+
<area shape="rect" coords="371,272,406,306" href="#gunma" alt="gunma">
|
|
26
|
+
<area shape="rect" coords="371,309,442,337" href="#saitama" alt="saitama">
|
|
27
|
+
<area shape="rect" coords="445,320,468,405" href="#chiba" alt="chiba">
|
|
28
|
+
<area shape="poly" coords="392,341,444,341,444,356,429,356,429,368,394,368,394,368" href="#tokyo" alt="tokyo">
|
|
29
|
+
<area shape="poly" coords="379,372,428,372,428,406,392,406,392,387,381,388,381,385" href="#kanagawa" alt="kanagawa">
|
|
30
|
+
<area shape="poly" coords="374,227,390,227,390,267,346,267,344,237,373,237,373,237" href="#niigata" alt="niigata">
|
|
31
|
+
<area shape="rect" coords="305,235,340,269" href="#toyama" alt="toyama">
|
|
32
|
+
<area shape="rect" coords="279,223,302,268" href="#ishikawa" alt="ishikawa">
|
|
33
|
+
<area shape="poly" coords="280,272,302,272,301,304,257,305,258,285,283,284,283,284" href="#fukui" alt="fukui">
|
|
34
|
+
<area shape="rect" coords="353,339,388,368" href="#yamanashi" alt="yamanashi">
|
|
35
|
+
<area shape="poly" coords="332,273,372,273,371,337,350,337,349,367,334,366,334,366" href="#nagano" alt="nagano">
|
|
36
|
+
<area shape="rect" coords="305,271,327,368" href="#gifu" alt="gifu">
|
|
37
|
+
<area shape="poly" coords="344,373,378,372,378,392,389,392,390,406,344,404,344,404" href="#shizuoka" alt="shizuoka">
|
|
38
|
+
<area shape="rect" coords="305,370,338,404" href="#aichi" alt="aichi">
|
|
39
|
+
<area shape="rect" coords="279,346,302,427" href="#mie" alt="mie">
|
|
40
|
+
<area shape="rect" coords="279,308,301,344" href="#shiga" alt="shiga">
|
|
41
|
+
<area shape="poly" coords="232,284,254,286,256,311,278,310,278,342,232,343" href="#kyoto" alt="kyoto">
|
|
42
|
+
<area shape="rect" coords="230,345,252,384" href="#osaka" alt="osaka">
|
|
43
|
+
<area shape="rect" coords="204,283,226,354" href="#hyogo" alt="hyogo">
|
|
44
|
+
<area shape="rect" coords="255,344,277,399" href="#nara" alt="nara">
|
|
45
|
+
<area shape="poly" coords="231,389,252,391,253,406,278,405,278,427,231,427,231,427" href="#wakayama" alt="wakayama">
|
|
46
|
+
<area shape="rect" coords="180,283,202,317" href="#tottori" alt="tottori">
|
|
47
|
+
<area shape="rect" coords="155,283,177,318" href="#shimane" alt="shimane">
|
|
48
|
+
<area shape="rect" coords="180,320,202,355" href="#okayama" alt="okayama">
|
|
49
|
+
<area shape="rect" coords="155,320,175,353" href="#hiroshima" alt="hiroshima">
|
|
50
|
+
<area shape="rect" coords="130,283,151,354" href="#yamaguchi" alt="yamaguchi">
|
|
51
|
+
<area shape="rect" coords="174,399,217,428" href="#tokushima" alt="tokushima">
|
|
52
|
+
<area shape="rect" coords="174,366,217,397" href="#kagawa" alt="kagawa">
|
|
53
|
+
<area shape="rect" coords="130,367,172,396" href="#ehime" alt="ehime">
|
|
54
|
+
<area shape="rect" coords="129,399,172,428" href="#kochi" alt="kochi">
|
|
55
|
+
<area shape="poly" coords="59,285,117,285,117,307,92,307,92,336,59,337,59,337" href="#fukuoka" alt="fukuoka">
|
|
56
|
+
<area shape="rect" coords="31,283,55,337" href="#saga" alt="saga">
|
|
57
|
+
<area shape="rect" coords="7,284,30,338" href="#nagasaki" alt="nagasaki">
|
|
58
|
+
<area shape="rect" coords="57,337,91,391" href="#kumamoto" alt="kumamoto">
|
|
59
|
+
<area shape="rect" coords="94,308,119,348" href="#oita" alt="oita">
|
|
60
|
+
<area shape="rect" coords="93,351,116,391" href="#miyazaki" alt="miyazaki">
|
|
61
|
+
<area shape="rect" coords="57,394,117,428" href="#kagoshima" alt="kagoshima">
|
|
62
|
+
<area shape="rect" coords="57,441,80,475" href="#okinawa" alt="okinawa">
|
|
16
63
|
</map>
|
|
17
64
|
</div>
|
|
65
|
+
<!-- /wp:html -->
|
|
18
66
|
```
|
|
19
67
|
リンク先のHTML
|
|
20
68
|
```HTML
|
|
21
|
-
<
|
|
69
|
+
<!-- wp:html -->
|
|
70
|
+
<p class="has-text-align-center" id="aomori" class="sample"><br><span class="serif-font"><span style="font-size: 20px" class="font-size"><a href="https://sinpar.co.jp/sinpar-salesoutlet-aomori/">青森</a></span></span></p>
|
|
71
|
+
<!-- /wp:html -->
|
|
22
72
|
```
|
|
23
73
|
|
|
24
74
|
```CSS
|
|
25
|
-
|
|
75
|
+
p.anchor{
|
|
26
76
|
display: block;
|
|
27
77
|
padding-top: 70px;
|
|
28
78
|
margin-top: -70px;
|
|
@@ -37,4 +87,4 @@
|
|
|
37
87
|
|
|
38
88
|
|
|
39
89
|
ここにより詳細な情報を記載してください。
|
|
40
|
-
|
|
90
|
+
7月15日、地図のHTMLを全体にしてCSSを指摘された通りに<p anchor>に変更しました、使用しているテーマはLuxeritas Child Themeです。
|