メニューをトップに配置してみた
先日サイドバーに付けたメニューですけど(関連記事：メニューを付けるオススメな方法)、
やはりサイドバーだといまいち視認性に欠けるので、
思い切ってトップに持ってきた。
Livedoorブログでトップにメニューを置くには、
テンプレートの編集が必要です。
メモスペースがサイドバーにしか配置できないので。
私が知る限りでは、
Seesaaブログはメイン記事の上段にもメモスペースに当たる自由形式を置けるので、比較的手軽に出来るんですけどね。
テンプレートの編集にもだいぶなれてきたので、
メニューのHTMLの挿入作業自体はそれほど時間もかからなかったけど、
今回はメニューの体裁を整えるのに時間がかかりましたね。
テーブルを使おうと思ったんですが、
これを手作業で整えるのは至難の業ですね。
ここで私は購入してすっかり眠っていたホームページビルダーを使いました。
別に何でもいいんですけど、HTMLエディタがあれば便利ですね。
しかしそれでも時間はかかります。
操作に慣れていないというものありますが、
どのような配色で、どのくらいの列幅にするかなど、
意外とデザイン的なところにこだわってしまったんですね。
その割には出来がいまいちですが・・・
また、ついでといってはなんですが、
前から気に入らなかった現在のテンプレートの配色も
スタイルシートをいじって少し変更してみました。
これも何か前よりセンスが悪くなったような気が・・・
後日要調整ですな・・・
具体的なことが書けませんでした。
というかテーブルを使ったメニューの作り方は、
いろいろなブログで紹介されているのでそちらをご参考にしても良いかと。
とりあえず日ごろからお世話になっているサイトをご紹介しておきます。（今日は疲れたので手抜き・・・）
悪魔(アクセスアップ)に魂を売ったブログ
こちらで目次の作り方１〜３がありますので。
(追記)
これだけだとかなり中途半端だったので、後日追加修正しました。
トップのメニューを整理しました
この記事へのトラックバックURL
私もテーブルで作ったんですが、いまいち見栄えがよくないんですよね。
伸縮メニューとかの方がかっこいいと思いつつまだできてません。
そのあたり極められたら、教えてください。
TOPに戻るだけはサイドにあったほうがいいと思いますよ。TOPにあっても意味がない(^^)
トップのHTMLにメニューの方がいいですねー。
未来日付じゃなくて。
それから「アフィリエイトは儲かんないだもん」さんのサイドバーの目次はいい感じでした。
ってよそ様の宣伝をしてしまった。
トップにしか無いトップに戻るリンクは役に立ちませんな。後で直します＾＾
それにしてもメニューを付けるというのはホントにネタになりますね。最初にその気になったのはmahoroba_jpさんのおかげです。
プチビジネスさん、伸縮メニューは今のところ出来る気がしません。
むしろお二人のうちどちらかが成功するのを待ってますので・・・よろしくお願いします。
メニューの設置、とても魅力的ですね。
私もライブドアＢｌｏｇを使っているのですが、
「トップにメニューを置く」際の「テンプレートの編集」
これってかなり難しい作業なのでしょうか？
ホームページビルダーは持っているので、
問題は作ったメニューをどこに挿入すれば良いか、だけなんですよ。
もし説明可能であればいつか教えて頂ければ助かります。
いつも勉強になります。これからもよろしくお願いします！
メニューをトップに置くのはすごく簡単ですよ。
とても見やすい目次をすでに作られているので、後はちょっとした作業です。
テンプレートの編集でトップページの編集に入ります。そこで表示されるHTMLの以下の箇所に、すでに作成されている目次のHTMLを貼り付ければOKです。
<div id="content">
<div class="blog">
<div class="blogbody"> ←この行を追加
ここに目次のソース
</div> ←これも忘れずに追加
上のほうにid="content"とclass="blog"が設定されたタグがありますので、その後ろくらいに追加してみてください。「この行を追加」のところはあった方が良いというレベルです。無くてもいいし。
もっと簡単なのは、
<!-- Loop Start -->の直前かな？
多分ここでもうまく行くと思うけど試してません・・・
後で詳しく記事にしてみますね。
テンプレートの編集が必要です。
メモスペースがサイドバーにしか配置できないので。
↓
方法はあります。下のサイトが私の例です。
http://blog.livedoor.jp/twohead/
ブログメニュー
新着記事
|
|||
|
|||
メインコンテンツ |
|||
|
