目次
動画解説
1.トップページから各都道府県別ページへのリンク
トップページから下層ページ(都道府県別個別ページ)へのリンクは、
あらかじめ設定してあるため、リンクアドレスの設定(リンクを貼る)必要はありません。
※クリックすると画像が大きくなります。
2.リンクタグについて
先ほど記述したとおり、あらかじめ各都道府県ページへのリンクが設定してありますが、
念のためリンクが設定してあるファイルとリンクタグについて記述しておきます。
リンクアドレスを指定しているファイルは「index.php」になります。
index.phpに書かれているコードはパソコン&タブレット表示の時のコードと、
スマートフォン表示用のコードがあります。
スマートフォン表示用のコードがあります。
パソコン・タブレット表示用の記述
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 |
<!--▼MAP--> <div class="fluid map adress_link"> <div class="fluid area_left"> <div class="fluid area_3"> <div class="fluid area_name">北陸・甲信越</div> <a href="area/niigata.php">新潟</a> <a href="area/yamanashi.php">山梨</a> <a href="area/nagano.php">長野</a><br> <a href="area/ishikawa.php">石川</a> <a href="area/toyama.php">富山</a> <a href="area/hukui.php">福井</a></div> <div class="fluid area_5"> <div class="fluid area_name">関西</div> <a href="area/osaka.php">大阪</a> <a href="area/hyogo.php">兵庫</a> <a href="area/kyoto.php">京都</a><br> <a href="area/shiga.php">滋賀</a> <a href="area/nara.php">奈良</a> <a href="area/wakayama.php">和歌山</a></div> <div class="fluid area_6"> <div class="fluid area_name">中国</div> <a href="area/okayama.php">岡山</a> <a href="area/hiroshima.php">広島</a> <a href="area/tottori.php">鳥取</a><br> <a href="area/shimane.php">島根</a> <a href="area/yamaguchi.php">山口</a></div> </div> <div class="fluid area_right"> <div class="fluid area_1"> <div class="fluid area_name">北海道・東北</div> <a href="area/hokkaido.php">北海道</a> <a href="area/aomori.php">青森</a> <a href="area/akita.php">秋田</a><br> <a href="area/yamagata.php">山形</a> <a href="area/iwate.php">岩手</a> <a href="area/miyagi.php">宮城</a> <a href="area/hukushima.php">福島</a></div> <div class="fluid area_2"> <div class="fluid area_name">関東</div> <a href="area/tokyo.php">東京</a> <a href="area/kanagawa.php">神奈川</a> <a href="area/saitama.php">埼玉</a> <a href="area/chiba.php">千葉</a><br> <a href="area/tochigi.php">栃木</a> <a href="area/ibaraki.php">茨城</a> <a href="area/gunma.php">群馬</a></div> </div> <div class="fluid area_bottom"> <div class="fluid area_8"> <div class="fluid area_name">九州</div> <a href="area/hukuoka.php">福岡</a> <a href="area/saga.php">佐賀</a> <a href="area/nagasaki.php">長崎</a> <a href="area/kumamoto.php">熊本</a><br> <a href="area/oita.php">大分</a> <a href="area/miyazaki.php">宮崎</a> <a href="area/kagoshima.php">鹿児島</a> <a href="area/okinawa.php">沖縄</a></div> <div class="fluid area_7"> <div class="fluid area_name">四国</div> <a href="area/kagawa.php">香川</a> <a href="area/tokushima.php">徳島</a> <a href="area/ehime.php">愛媛</a><br> <a href="area/kouchi.php">高知</a> </div> <div class="fluid area_4"> <div class="fluid area_name">中部</div> <a href="area/aichi.php">愛知</a> <a href="area/gihu.php">岐阜</a> <a href="area/shizuoka.php">静岡</a><br> <a href="area/mie.php">三重</a> </div> </div> </div> <!--▲MAP--> |
スマートフォン表示用の記述
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 |
<!--▼プルダウンリンク(スマホの時のみ表示されます)--> <div class="fluid mobile_link"> <div class="fluid mobile_link_TXT"> ■ 調べたい都道府県を選択してください。 </div> <FORM name="form2"> <SELECT NAME="select2"> <option value="#" selected="selected"> ▼ 選択してください </option> <option value="area/hokkaido.php">北海道</option> <option value="area/aomori.php">青森県</option> <option value="area/akita.php">秋田県</option> <option value="area/yamagata.php">山形県</option> <option value="area/iwate.php">岩手県</option> <option value="area/miyagi.php">宮城県</option> <option value="area/hukushima.php">福島県</option> <option value="area/tokyo.php">東京都</option> <option value="area/kanagawa.php">神奈川県</option> <option value="area/saitama.php">埼玉県</option> <option value="area/chiba.php">千葉県</option> <option value="area/tochigi.php">栃木県</option> <option value="area/ibaraki.php">茨城県</option> <option value="area/gunma.php">群馬県</option> <option value="area/niigata.php">新潟県</option> <option value="area/yamanashi.php">山梨県</option> <option value="area/nagano.php">長野県</option> <option value="area/ishikawa.php">石川県</option> <option value="area/toyama.php">富山県</option> <option value="area/hukui.php">福井県</option> <option value="area/aichi.php">愛知県</option> <option value="area/gihu.php">岐阜県</option> <option value="area/shizuoka.php">静岡県</option> <option value="area/mie.php">三重県</option> <option value="area/osaka.php">大阪府</option> <option value="area/hyogo.php">兵庫県</option> <option value="area/kyoto.php">京都府</option> <option value="area/shiga.php">滋賀県</option> <option value="area/nara.php">奈良県</option> <option value="area/wakayama.php">和歌山県</option> <option value="area/okayama.php">岡山県</option> <option value="area/hiroshima.php">広島県</option> <option value="area/tottori.php">鳥取県</option> <option value="area/shimane.php">島根県</option> <option value="area/yamaguchi.php">山口県</option> <option value="area/kagawa.php">香川県</option> <option value="area/tokushima.php">徳島県</option> <option value="area/ehime.php">愛媛県</option> <option value="area/kouchi.php">高知県</option> <option value="area/hukuoka.php">福岡県</option> <option value="area/saga.php">佐賀県</option> <option value="area/nagasaki.php">長崎県</option> <option value="area/kumamoto.php">熊本県</option> <option value="area/oita.php">大分県</option> <option value="area/miyazaki.php">宮崎県</option> <option value="area/kagoshima.php">鹿児島県</option> <option value="area/okinawa.php">沖縄県</option> </SELECT> <INPUT type="button" onclick="if(document.form2.select2.value){location.href=document.form2.select2.value;}" value="Go!"> </FORM> </div> <!--▲プルダウンリンク--> |