RSSはこちら

ブログテンプレートならHKD

ブログタイトルを3時間悩んでやっと思いつきました。変にこだわるデザインです。すでに変にこだわって時間をロスしています。

更新休止のお知らせ

現在HKDは更新を休止しており、緊急を要する修正以外は手をつけれない状態です。 ご利用していただいてる方々には申し訳ございませんが、よろしくお願いいたします。
  • --⁄--⁄--(--)
  • --:--

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
category
スポンサー広告
  • 2009⁄09⁄18(Fri)
  • 21:26

グローバルナビの編集方法

グローバルナビは、ブログ内のページ遷移機能のほかに、デザインの一部としてもなかなか良いパーツになると私は思っています。

グローバルナビはみんなが使えるようにあまり凝った事はせず、標準ではカテゴリーのテキストリンクを並べるだけの物になっています。

そこでグローバルナビの編集方法について書きたいと思います。
ダウンロードして頂いたスタイルシートの中に次のような記述があると思います。
<ul id="globalNavi">
<!--
 ************ グローバルナビの追加・編集方法 ************
初期設定ではカテゴリーの一覧とサイトマップがグローバルナビとして機能しています。
<li>タグを編集すればグローバルナビの項目を増やしたり減らしたりできます。
なにもいらない場合は、<li>タグを全部消してください。
<ul>タグまで消してしまうと黒の背景も消えてしまうので、<ul></ul>の部分は消さないで下さい。
**********************************************************
-->
<!--category-->
<li><a href="<%category_link>" title="<%category_name>の記事一覧"><%category_name></a></li>
<!--/category-->
<li><a href="<%url>archives.html" title="サイトマップ">サイトマップ</a></li>
</ul>

ここのリストでサイトマップを表現しています。
標準ではFC2独自のテンプレート変数<!--category--><!--/category-->を使って繰り返しカテゴリーを表示しています。
ulタグの中にliタグが二つしかないのにカテゴリーが全て表示された後にサイトマップが表示されるのはこのためです。

なので、このliタグを増やしたり減らしたりする事でグローバルナビの項目を変更する事ができます。
もしくは、liタグを全て消す事でグローバルナビを非表示にする事もできます。
ただコメント内にも記述していますが、ulタグまで消去してしまうと背景画像が消えたりデザインが崩れる恐れがあるので、ulタグはそのまま残して置いてください。

例として・・・
サイトマップのリンクだけを表示する場合
<ul id="globalNavi">
<!--
 ************ グローバルナビの追加・編集方法 ************
初期設定ではカテゴリーの一覧とサイトマップがグローバルナビとして機能しています。
<li>タグを編集すればグローバルナビの項目を増やしたり減らしたりできます。
なにもいらない場合は、<li>タグを全部消してください。
<ul>タグまで消してしまうと黒の背景も消えてしまうので、<ul></ul>の部分は消さないで下さい。
**********************************************************
-->
<li><a href="<%url>archives.html" title="サイトマップ">サイトマップ</a></li>
</ul>

何も表示させない場合
<ul id="globalNavi">
<!--
 ************ グローバルナビの追加・編集方法 ************
初期設定ではカテゴリーの一覧とサイトマップがグローバルナビとして機能しています。
<li>タグを編集すればグローバルナビの項目を増やしたり減らしたりできます。
なにもいらない場合は、<li>タグを全部消してください。
<ul>タグまで消してしまうと黒の背景も消えてしまうので、<ul></ul>の部分は消さないで下さい。
**********************************************************
-->
</ul>


個別の記事へのリンクを作る場合
<ul id="globalNavi">
<!--
 ************ グローバルナビの追加・編集方法 ************
初期設定ではカテゴリーの一覧とサイトマップがグローバルナビとして機能しています。
<li>タグを編集すればグローバルナビの項目を増やしたり減らしたりできます。
なにもいらない場合は、<li>タグを全部消してください。
<ul>タグまで消してしまうと黒の背景も消えてしまうので、<ul></ul>の部分は消さないで下さい。
**********************************************************
-->
<li><a href="http://hkdesign.blog91.fc2.com/blog-entry-1.html" title="エントリー1">エントリー1</a></li>
<li><a href="http://hkdesign.blog91.fc2.com/blog-entry-2.html" title="エントリー2">エントリー2</a></li>
<li><a href="http://hkdesign.blog91.fc2.com/blog-entry-3.html" title="エントリー3">エントリー3</a></li>
</ul>

hrefのところはリンクのURLです。上の例では私のブログ記事へのリンクURLですが、ご自身のブログの記事URLを指定してください。
関連記事
スポンサーサイト
category
カスタマイズ > その他カスタム
genre
ブログ
theme
FC2ブログ共有テンプレート

TrackBack Url

http://hkdesign.blog91.fc2.com/tb.php/17-f6ff0eeb

検索フォーム

プロフィール

HKD TEMPLATE


Author:
 Hellow
mail:
 hkdesign.mail☆gmail.com
 ☆を半角@に変えてください。

Henni
Kodawaru
Design
略してHKD

ブログテンプレートならHKDにようこそ!
このサイトではFC2で使える共有テンプレートを配布しています。
サイトについての説明はこちらをどうぞ。

カテゴリ

アクセスランキング

[ジャンルランキング]
ブログ
2745位
アクセスランキングを見る>>

[サブジャンルランキング]
共有テンプレート
18位
アクセスランキングを見る>>

FC2カウンター

メールフォーム

名前:
メール:
件名:
本文:

アプリ紹介

google chrome拡張機能「high! like!」を作りました。
機能1:はてなハイクをサイト上に投稿できる
機能2:はてなハイク投稿時に同時にtwitterにも投稿する
詳しくは次のURLへお越しください
hk-factory
Googleウェブストア

プラグインギャラリー

ブログ管理画面の共有プラググイン追加から、作者:hkdesignと検索してダウンロードしてください。

CastomCategory
CustomRssReader
ImageClock

テンプレートギャラリー

ブログ管理画面の共有テンプレート追加から、作者:hkdesignと検索してダウンロードしてください。

動作環境について

テンプレートは以下の環境・方法で動作確認を行ってからFC2に申請しています。もし、記載の環境でも表示が崩れて見えない場合は連絡してくれるとありがたいです。

【Win】FireFox 3 / IE8 / IE7(*) / IE6(*) / Google Chrome
【Mac】FireFox 3.0(*) / Safari 3.0(*)
*マークがあるブラウザは手元に環境がないので、Adobe BrowserLabを使ってチェックしています。

Adobe BrowserLab
https://browserlab.adobe.com/

ライセンスについて

ライセンス形態はGPLライセンスをとります。
簡単に言うと次の4つです。
  • カスタマイズ・再配布など連絡なしに使用OK。
  • ただし、著作権表示は消したらダメです。
  • なんらかの損害が出た場合は自己責任です。
  • 再配布する場合、GPLライセンスが適用されます。
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。