---
title: クイックリンク
slug: MDN/Structures/Quicklinks
tags:
  - Guide
  - MDN Meta
  - Structures
  - ガイド
  - 構造
translation_of: MDN/Structures/Quicklinks
---
<div>{{MDNSidebar}}</div>

<p><span class="seoSummary">MDN はページへのクイックリンクの追加に対応しています。これらのボックスは、 MDN 上の他のページやサイト外のページへの階層的なリストを含むことができます。この記事では、クイックリンクボックスの生成方法を解説します。</span></p>

<p>ページには、左側のサイドバーに表示されるクイックリンクボックスが1つしかない場合があります。このサイドバーは、任意で、ユーザーがサイドバーの上部にある「このサイドバーを隠す」リンクをクリックすることで非表示にすることができます。</p>

<h2 id="Quicklinks_syntax" name="Quicklinks_syntax">クイックリンクの構文</h2>

<p>ページのクイックリンクは、 "Quick_Links" という ID を持つ {{HTMLElement("section")}} ブロックを作成することによって提供されます。次に、セクション内のクイックリンクボックスに入るコンテンツを配置します。これらは {{HTMLElement("ol")}} 順序付きリスト (ネストも可) として整形する必要があります。これは、エディターツールバーの番号付きリストボタンを使用して行うことができます。たとえば、このページにはいくつかの便利なページにつながるクイックリンクボックスがあります。その HTML は次のようになります。</p>

<pre class="brush: html notranslate">&lt;section id="Quick_Links"&gt;
  &lt;ol&gt;
    &lt;li&gt;&lt;a href="http://docs.ckeditor.com/"&gt;CKEditor documentation site&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://mxr.mozilla.org/"&gt;MXR: Mozilla source cross-reference&lt;/a&gt;&lt;/li&gt;
    &lt;li class="toggle"&gt;
      &lt;details&gt;&lt;summary&gt;Style guides&lt;/summary&gt;
      &lt;ol&gt;
        &lt;li&gt;&lt;a href="http://www.economist.com/research/StyleGuide/"&gt;The Economist style guide&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="http://www.amazon.com/gp/product/0226104036/"&gt;The Chicago manual of style&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="http://www.answers.com/library/Dictionary"&gt;Answers.com dictionary&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="http://www.wsu.edu/~brians/errors/"&gt;Common Errors in English&lt;/a&gt;&lt;/li&gt;
      &lt;/ol&gt;
      &lt;/details&gt;
    &lt;/li&gt;
  &lt;/ol&gt;
&lt;/section&gt;
</pre>

<p>注意すべき重要事項:</p>

<ul>
 <li>リストは順序付きリストである<strong>べき</strong>です。</li>
 <li>別な順序付きリストを含んだ {{HTMLElement("details")}} を同じ {{HTMLElement("li")}} ブロックの<strong>中</strong>で使用すると、階層構造のリストを持つことができます。</li>
</ul>

<h2 id="Using_macros_to_create_quicklinks" name="Using_macros_to_create_quicklinks">クイックリンクを生成するマクロの使用</h2>

<p class="mainArticle" style=""><em>メイン記事: <a href="/ja/docs/MDN/Contribute/Howto/Use_navigation_sidebars">ナビゲーションサイドバーを使うには</a></em></p>

<p>言うまでもなく、マクロを使用してクイックリンクを生成することができます (また、しばしば<strong>するべき</strong>です)。複数のページで同じクイックリンクを使用する必要がある場合は、マクロにするべきです。たとえば、このページでは {{TemplateLink("MDNSidebar")}} マクロを使用してクイックリンクボックスを生成しています。 <a href="/ja/docs/Project:MDN/Contributing/Editor_guide">MDN エディターガイド</a>の他の各ページも同様です。</p>

<p>マクロは、必要に応じて単純なものでも複雑なものでもかまいません。上記の{{anch("Quicklinks_syntax", "クイックリンクの構文")}}と同様の HTML を出力するだけです。</p>

<h3 id="Standard_quicklinks_macros" name="Standard_quicklinks_macros">標準のクイックリンクマクロ</h3>

<p>私たちのクイックリンクを生成する標準マクロの一覧です。</p>

<dl>
 <dt>{{TemplateLink("CSSRef")}}</dt>
 <dd>CSS リファレンスページの標準クイックリンクを作成します。</dd>
 <dt>{{TemplateLink("HTMLRef")}}</dt>
 <dd>HTML リファレンスページの標準クイックリンクを作成します。</dd>
 <dt>{{TemplateLink("MakeSimpleQuicklinks")}}</dt>
 <dd>MDN 上のページのリストが与えられた場合、このマクロは、ページのタイトルをリンクテキストとして使用し、その概要をツールチップとして使用するクイックリンクボックスを作成します。これは階層リストを作成しません。</dd>
 <dt>{{TemplateLink("QuickLinksWithSubpages")}}</dt>
 <dd>現在のページ (または指定したページ) の子を宛先として使用して、クイックリンクのセットを作成します。これにより、最大2レベルの階層リストが作成されます。ページのタイトルをリンクテキストとして使用し、その概要をツールチップとして表示します。</dd>
</dl>