Hatena::Groupceptclub-edit

作業用:パンくずリスト&関連リンク

トップ ユーザー登録 ログイン ヘルプ

作業用:パンくずリスト&関連リンク

全ページにパンくずリストと関連リンクを設置します。

なお前提として「ページ内容の編集は後回し」ということでよろしくお願いします。内容があまり充実してないページなども結構ありまして、見つけると書きたくなるかもしれませんが、ぐっと我慢して作業を進めてください。内容を充実させるステップは後ほど行うこととなっていますので、まずは今回の作業を完成させましょう。

ひとつ作業するたびにページの内容に手を加えていては、いつまで経っても次のステップに進めません。ご協力よろしくお願いします。

以下、作業手順の説明など。わからない部分などあれば掲示板で聞いてください → bbs:22

作業中断。すいません。

作業ページ名入力フォーム

(使い方は後述します)

作業手順

作業開始を宣言

重複作業とならないように「自分が作業します」と、作業開始を宣言します。

  • task:15 にアクセスして「ユーザー」の欄が空のタスクを探します。タスク名をクリックすると、タスクごとの個別ページが表示されます。
  • 個別ページのタスク名の横に「編集」のリンクがありますので、クリックします。編集モードに切り替わります。
  • 入力エリアに「id:weathering が担当します」のように、自分の ID を書きます。
  • task:15 に戻ると、一覧の「ユーザー」の欄に、自分の ID が表示されてるはずです。これで作業開始宣言は完了ですので、次のステップに進みます。

作業用ファイルのダウンロード

  • 次の ZIP ファイルをダウンロードし、解凍します。
  • 解凍されたファイルには、タスク番号+タスク名に対応したテキストファイルが入っています。自分が開始を宣言したタスク用のファイルを探してください。
  • 次のようなテキストファイルになっているはずですので、確認してください。
----------------------------------------
プロモーションムービー
----------------------------------------

*ナビゲーション
-カルドセプトとは
-<a href="/">トップページ</a>

><div class="topicpath">
<a href="/">DS セプト部</a>
&gt; カルドセプトとは
&gt; プロモーションムービー
</div><

----------------------------------------
基礎講座
----------------------------------------

(このページはまだ書かれていません。詳しくは未入力ページの編集をご覧ください)

*ナビゲーション
-カルドセプトとは
-<a href="/">トップページ</a>

><div class="topicpath">
<a href="/">DS セプト部</a>
&gt; カルドセプトとは
&gt; 基礎講座
</div><
  • 点線で囲われた部分が、作業対象のページ名になります。
  • その後の部分から、次のページ名までの間の部分が、対象ページに追加する内容となります。

作業手順

  • このページの先頭にある、作業ページ名検索フォームに、ページ名を入力します。上のファイル例であれば「プロモーションムービー」と入力して、検索します。
    • 余計な文字やスペースなどが入ってしまうと最終的にうまくいかないので、前後にスペースなどが入ってないか確認してください。
  • 該当ページがまだ存在しない場合、入力エリアは空になっています。「このページはまだ書かれていません」から、最後の HTML タグまでをコピペして貼り付けてください。
  • 該当ページが既に存在する場合、入力エリアには色々入力されていますので、それを消さないように編集します。
編集手順
  • まずは作業用のテキストファイルから、内容部分をコピペします。場所はページのいちばん下になります。
  • 次に既存の入力エリア内に、関連リンクとパンくずリストが既に存在するかどうかチェックしてください。
  • 既にパンくずリスト (><div class="topicpath">~</div><) が入力されている場合、今回の作業で入力するものを優先するため、既存のものは削除します。
  • 既存の入力部分に「*関連」と書かれた部分がないかチェックします。なければそのままで、そのページの作業は終了です。最終的には次の形になります
*ナビゲーション
-ひとつ上の階層
-ふたつ上の階層

><div class="topicpath">
<a href="/">DS セプト部</a>
&gt; 第1階層のページ名
&gt; 第2階層のページ名
&gt; 第3階層のページ名
&gt; 当該ページ名
</div><

階層はページの位置によって増減しますので注意。

関連リンクの修正

既存の入力部分に関連リンク (「*関連」と書かれた部分) がある場合、修正作業が必要になります。今まで「関連」という見出しの下にリンクを並べていたものを、今後は「ナビゲーション」という見出しの下に並び替えます。

並び順は

  1. 前のページ・次のページへのリンク (あれば)
  2. ひとつ上の階層・ふたつ上の階層へのリンク (今回のコピペファイルに含まれる分)
  3. カードリストを含む (or 含む予定の) ページならば「カードリスト」へのリンク (これもコピペテキストに含まれています)
  4. 関連リンク
  5. 外部リンク
  6. パンくずリスト

となります。

既に存在するテキストに「前後のページへのリンク」があれば、次のようになります。

*ナビゲーション
-前のページ:ページ名
-次のページ:ページ名

-ひとつ上の階層
-ふたつ上の階層

><div class="topicpath">

前後のページと階層リンクの間は1行空けてください。階層リンクとパンくずリストの間も同様です。

前後以外の関連リンクがあれば、次のようになります。

*ナビゲーション
-ひとつ上の階層
-ふたつ上の階層

**関連リンク
-ページ名
-ページ名

><div class="topicpath">

これまでは「*関連」と大見出しになっていましたが、これを「**関連リンク」と中見出しに変更します。

関連リンクに更に見出しが付いている場合は「***見出し」と記述し、小見出しにします。小見出し以上に細分化はできないので、複数ある場合はいずれも小見出しにしてください。

*ナビゲーション
-ひとつ上の階層
-ふたつ上の階層

**関連リンク
-ページ名
-ページ名

***小見出し
-ページ名
-ページ名

***小見出し
-ページ名
-ページ名

><div class="topicpath">

外部リンクがある場合は、中見出しにまとめます。

*ナビゲーション
-ひとつ上の階層
-ふたつ上の階層

**外部リンク
-<a href="http://example.com/">ウェブサイト</a>
-<a href="http://example.com/">ウェブサイト</a>

><div class="topicpath">

すべて存在する場合は次のようになります。

*ナビゲーション
-前のページ:ページ名
-次のページ:ページ名

-ひとつ上の階層
-ふたつ上の階層

**関連リンク
-ページ名
-ページ名

***小見出し
-ページ名
-ページ名

***小見出し
-ページ名
-ページ名

**外部リンク
-<a href="http://example.com/">ウェブサイト</a>
-<a href="http://example.com/">ウェブサイト</a>

><div class="topicpath">

すべての作業が終わったら

  • この作業を続けて、タスク用のテキストファイルに含まれた全ページ (50ページ前後?) が処理できたら、再びタスクのページに戻り、編集モードに切り替えます。
  • タスク名の横に「TODO」と書かれたセレクトボックスがありますので、これを「終わった」に変更し、保存します。
  • 余裕があったら、次のタスクに取りかかってください。