フレーム分割方式でのナビメーカーの操作

ご質問ありがとうございます。

フレームナビの背景を変更するには次のようにします。

1. 環境設定の左上メニューで「ナビゲーションレイアウト」を選択します。
2. 左上の右側のメニューで「ナビゲーションフレーム」を選択します。
3. 「詳しい設定を表示する (非推奨)」をクリックして、詳しい設定を表示します。
4. 「背景画像」を変更します。背景画像を増やすには「画像ライブラリ編集(共通)」で左上2番目のメニューから「背景画像」を選択し、新しい画像をアップロードするか、もしくはライブラリから読み込みます。
5. 文字の大きさは CSS で指定します。

また、「ナビゲーションレイアウト」でサイトナビゲーションの方式を「テンプレート方式」とすると、お好きなHTMLにナビゲーションを組み込むことができます。

下記は、ナビゲーションをリスト(<ul>)として書き出すテンプレートの例です。

<ul>
<!--sitenavi type="link"-->
<!--head--><li><!--/head-->
<!--foot--></li><!--/foot-->
<!--/sitenavi-->
</ul>

このテンプレートに基づいて添付画像のようにリストになります（添付画像では背景なども変更しています）。

ただ、現在弊社では「フレーム分割方式」によるナビゲーションを推奨しておりません。このオプションは10年ぐらい前のユーザーのために残されているもので、できるだけお使いにならない方がよいと思います。

HTML5 では <frameset> が廃止されましたし、携帯電話などではフレームを表示できないことがあります。もし特に理由がなければ、「埋め込み方式」をお使いください。

サイドにナビゲーションを配置することも、CSS を工夫することで可能だと思います。

以上参考になりましたら幸いですm(_ _)m。

てっとりばやく左ナビが作りたかったので・・・、フレーム分割にしましたが、おっしゃるとおりで、フレーム表示だと後々問題がおこりそうです。

下記は、ナビゲーションをリスト(<ul>)として書き出すテンプレートの例です。

を参考に、埋め込み式でCSSをてんやわんやしてみたら、左ナビを作成できました。

丁寧なお答えありがとうございました。

ご報告ありがとうございます。
また何かわかりにくい点など出てきましたら、お気軽にご相談ください。お待ちしておりますm(_ _)m。

この左ナビげーションの続きで教えて下さい。

ナビメーカーのテンプレート方式で、ナビゲーションを左ナビにしています。
#site-naviが#containerの外にあるので、cssでフロートさせて、左右に表示させているのですが、
できれば、#site-naviを#containerの中へ移動させたいのですが、そういうことは可能でしょうか？

お手数ですが、よろしければご教授ください。

ご質問ありがとうございます。

#site-navi を #container に含めることはできませんが、#site-navi を包み込む形で別の div を付け加えることは可能です。

「ナビメーカー」の「ナビゲーションレイアウト」で「ヘッダ」に「<div id="wrapper">」などを追記し「保存」した後、「ナビゲーション作成」で「ナビゲーション書き出し」を実行します。

つぎに「外部ファイル編集(共通)」の「footer.ssi」に「</div>」を書き加え、ページ全体を包み込む形でタグを閉じます。

上記でなんとかなるように思うのですがいかがでしょうか。参考になりましたら幸いですm(_ _)m。

早いお返事ありがとうございます。

教えてくださったやり方で、
#site-navi と #container　を
wrapperで包括できました。

助かりました。
いつもありがとうございます！

ご報告ありがとうございます。
また何かお困りのことが出てきましたらお気軽にご相談ください。
お待ちしておりますm(_ _)m。