目次
動画解説
1.グローバルナビゲーションとは？
※クリックすると画像が大きくなります。
サイト最上部にある、各ページへアクセスする為にどのページにも共通して用意されているリンクです。固定ページを利用して「会社概要」「よくある質問」「お問い合わせ」など、ページを作る上での主要となるコンテンツを配置する目的があります。
2.グローバルナビゲーションを編集する
■「Index.html」の45行目あたり
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!--▼グローバルナビゲーション--> <nav class="fluid nav"> <div class="nav_in"> <li class="topss cols"><a href="index.html">トップページ</a></li> <li class="cols"><a href="page.html">コラム</a></li> <li class="cols"><a href="word.html">用語集</a></li> <li class="cols"><a href="company.html">運営会社</a></li> <li class="last cols"><a href="sitemap.html">サイトマップ</a></li> <li class="last cols"><a href="sitemap.html">ランキング</a></li> </div> </nav> <!--▲グローバルナビゲーション--> |
※クリックすると画像が大きくなります。
上記の黄色いマーカが付いた部分がグローバルメニューです。
■変更例
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!--▼グローバルナビゲーション--> <nav class="fluid nav"> <div class="nav_in"> <li class="topss cols"><a href="index.html">トップページ</a></li> <li class="cols"><a href="mokute.html">目的別で探す</a></li> <li class="cols"><a href="uresuji.html">売れ筋ランキング</a></li> <li class="cols"><a href="kutikomi.html">商品口コミ</a></li> <li class="last cols"><a href="unei.html"運営者情報</a></li> <li class="last cols"><a href="sitemap.html">サイトマップ</a></li> </div> </nav> <!--▲グローバルナビゲーション--> |
トップページの部分は、残しておきましょう。
3.ファイルの上書き保存をする
※クリックすると画像が大きくなります。
TeraPadの矢印部分『ファイル』をクリックします。
※クリックすると画像が大きくなります。
TeraPadの矢印部分『上書き保存』をクリックします。
以上で、編集されたファイルが出来上がりました。
以上で、編集されたファイルが出来上がりました。