ナビゲーションバーの使用方法

サイトの訪問者の方へ

PuzRingの参加サイトには、以下のようなナビゲーションバーが設置してあります。これを使ってパズルサイトを次々とたどっていくことができます。


PuzRing
【PuzRing】 [←前へ] [次へ→] [ランダム] [リスト] [ホーム]
PuzRing
【PuzRing】 [←前へ] [次へ→] [ランダム] [リスト] [ホーム]
※これはサンプルのため、リンクは切っています。

各リンクの意味は以下の通りです。

←前へ、<prev
リング内の1つ前のサイトに移動します
次へ→、next>
リング内の次のサイトに移動します
ランダム、random
リング内のどこかのサイトに移動します
リスト、list
リング内に参加しているサイト一覧を表示します
ホーム、(PuzRingロゴ部分)
PuzRingのホーム(このページ)に移動します

リング参加者(サイトオーナー)の方へ

PuzRing参加者(サイトオーナー)の方は、参加方法にしたがって仮登録を行ったら、ナビゲーションバーをご自分のサイトに設置してください。設置方法は、以下の手順にしたがってください。(この内容は、仮登録完了画面または仮登録時に送付されるメールにも記述されています)

  1. ナビゲーションバー用画像をダウンロードする。
    ナビゲーションバー用画像には下記の2種類ありますので、どちらにするか決めてください。決めたら、使用する画像を右クリックし、ダウンロードしてください。
    PuzRing  PuzRing
  2. ダウンロードした画像をアップロードする。
    ダウンロードした画像を、ご自分のサイトのサーバにアップロードしてください。(本サーバの画像に直接リンクしていただいても構いませんが、表示速度の点からご自分のサイトに置いていただくことを推奨します)
  3. ナビゲーションバー用のHTMLをコピーする。
    下記のHTMLをコピーして、ご自分のサイトのナビゲーションバーを貼り付けたい箇所にペーストしてください。
  4. サイトIDを埋め込む。
    ペーストしたHTMLの「★」印の箇所を、仮登録した時に割り当てられるご自分のサイトID(半角数字)に変更してください。サイトIDは、仮登録完了画面や、仮登録完了時に送付されるメールに記載されています。「★」印は全部で4カ所あります。
    【変更例】「ring=puzzle;id=;prev」→「ring=puzzle;id=1;prev」(サイトIDが"1"の場合)
  5. 画像のURLを変更する。
    ペーストしたHTMLの「●」印の上の行の画像URLを、2でアップロードしたファイルのURLに変更してください。
    【変更例】「src="http://puzzle.lavot.com/puzring/puzring.gif"」
       →「src="puzring.gif"」(ペースト先ファイルと同じディレクトリに"puzring.gif"という名前でアップロードした場合)
  6. ファイルをサーバにアップロードする。
    3〜5で編集したファイルをサーバにアップロードしてください。以上で、ナビゲーションバーの設置は完了です。参加方法にしたがって、リングマスターにメールを送付してください。