シリウスでヘッダ下にメニューを表示させたい｜トップメニューの作り方

 

 

こんにちは、ゆーすけです。

 

今週は一般のお問い合わせで、２件ほどメニューに関しての
ご質問を頂きましたので、他にもやり方が分からない方が
多数いるのではないかと思って記事にしてみます。

 

ヘッダー下にメニューを出したいのだがテンプレートが見つからない

ゆーすけさん、こんにちは。

こちらのサイトのように
↓ ↓
http://(省略)

 

ヘッダーの下にメニューを表示したいのですが、それらしき
テンプレートが見当たりません。

お手数ですが分かる範囲でよいのでお返事をいただけたらと思います。

（以下略）

 

はい。こうしたお問い合わせが１つ有りました。

これわかりますかね？

 

例えば、私のカンタン記事カケルくんのレビューページのような感じですね。

 

ヘッダーの下にメニューが表示されてます。

 

重要なのことは、
テンプレートに依存しているというわけではないことです。

 

シリウスではテンプレートが１カラム、２カラム、３カラムとあり
さらに標準、ビジネス、角丸といった組み合わせができます。

 

これらのテンプレートのどれかにヘッダ下のメニュー
（以下トップメニューと正式に呼びます）
があるわけではありません。

 

どのテンプレートであれ、すべてヘッダー下にメニューが表示出来ます。

トップメニューの作り方

（１）[編集]タブをクリックします

 

（２）[メニューの編集]ボタンをクリックします

 

（３）トップメニューの下の[新規追加]をクリックします

 

（４）テキストのところにメニューに表示させたい文字列を
リンク先URLには飛ばしたいサイトURLを記入します。

 

＊ターゲットを指定することで別窓の設定もできます。

＊内部ページボタンを押すと内部リンクを入れることができます。

＊左下のNoFollowは「相手先のページに自分のところのドメインパワーを渡さない」設定です。

 

作ったリンクを修正する場合は番号をクリックし、
新規作成の隣の「編集」をクリックします。
またリンクを削除する場合は「削除」をクリックすればOKです。

 

ヘッダメニューの応用技

さて、ここまでは正直いうと
SIRIUSのヘルプで検索をすれば出てくるのですが、
同じ内容を移しても意味が無いのでオリジナルコンテンツを！
（googleはオリジナルと重要視しますｗ）

 

私のカンタン記事カケルくんのサイトでは、トップメニューの
左[特徴][オリジナル特典]というボタンを押すと該当箇所まで
いっきに飛ぶ仕掛けになってます。

 

これは
SIRIUSの標準機能ではありません。

もともとHTMLを知っている人は当たり前の知識になります。
だからHTMLを知ると更にSIRIUSを使いこなせます。

 

上の（４）の図でオリジナル特典のリンク先が[#tokuten]になっているのに注目して下さい！

リンク先が#tokutenってどういう意味があるのかというと、
html内のtokutenという箇所へ飛びますという意味になります。

 

レビューページのオリジナル特典の記事編集画面が下になります。

 

頭の部分に
<a name=”tokuten” id=”tokuten”></a>
と書いてありますね。

 

これは同じページ内にリンクを貼るやり方で
旧式（古いブラウザ）が name=”呼び名”
新式（基本はこっち）が id=”呼び名”

という形で表現されています。

 

つまりここの<a id=”×××”>と書いてあるところの
×××をリンクするときに「＃×××」と入力すれば
この<a>タグの箇所に飛ぶというわけです。

 

更に詳しく

nameで飛ばす場合は<a>タグのみ
idで飛ばす場合は<a>タグ以外でもOK(h3とかに付加してもOK）

＞＞詳細はこちらを参考にして下さい。（別窓で飛びます）

 

今のブラウザはidで飛ばせるのばかりだと思うので
基本idで設定をしたほうがいいかもしれませんね。