ニコニコ大百科:記事の編集方法

この記事では、主にHTMLエディタを使用しない編集方法について説明を行います。

HTMLエディタを使用する編集方法については「ニコニコ大百科:HTMLエディタヘルプ」を参照して下さい。

記事の編集方法

ニコニコ大百科では、HTMLと呼ばれる形式で項目を記述します。
ニコニコ大百科で使用できるHTMLタグ・スタイルシートの属性についてはニコニコ大百科:タグ一覧の記事を参照のこと。 

新しいページの作り方は2種類あります。

1. トップページ下部にある記事名入力欄に作成したい記事名を書き「新しい単語記事を投稿」ボタンを押す
2. 記事検索を行い、「（記事名）記事を閲覧・編集」リンクをクリックする
   • 該当記事がない場合、「記事がありません」というページが表示され、「記事編集」ボタンを押すと編集画面がでる

以下のように表示されます（HTMLエディタをOFFにした場合）

<p>
(記事名)とは、～である。
</p>
<h2>概要</h2>
<p>
(記事名)の概要を書いてください。
</p>
<h2>関連動画</h2>
<p>
(記事名)に関するニコニコ動画の動画を紹介してください。
</p>
<h2>関連商品</h2>
<p>
(記事名)に関するニコニコ市場の商品を紹介してください。
</p>
<h2>関連コミュニティ</h2>
<p>
(記事名)に関するニコニコミュニティを紹介してください。
</p>
<h2>関連項目</h2>
<ul>
<li>(記事名)に関する項目を紹介してください。
</li></ul>

以下で詳しい編集方法と簡単なタグの説明を書いておきます。

タグの使い方

「<」と「>」で囲んだ文字列をタグと読みます。タグには開始タグと終了タグの2種類があり、それぞれ「<hoge>」、「</hoge>」という形をしています(終了タグは名前の前に「/」が付く)。

開始タグと終了タグで囲まれた部分は、そのタグによって意味づけされたことになります。例えば、「<hoge>aaa</hoge>」という記述は、「aaa」が「hoge」という意味(機能)を持っているということを示しています(hogeによって意味づけされた部分をhoge要素とも言います)。

一部のタグには文字列を囲むことができません（強制改行を行う<br>など）。そのようなタグの場合は、「<br />」と開始タグの末尾に「/」を付けて無いようが空であることを示します。

見出しの作り方

<h*>～</h*>（*は2～6の数字）で文字列を囲むと見出しになります。
ニコニコ大百科では、記事内の見出しとしてよく使われています。

ニコニコ大百科で使用できるのは<h2>～<h6>です(<h1>は記事の見出しとして使われている為使用できません)。

またh2要素は記事本文の上にある目次に表示されます。

本文の書き方

基本的に本文は何処に書いても問題ありませんが、だらだらと記述を行うのも読みにくいので、長文を書く際はいくつかの項目にくぎり、それぞれにきちんと見出しを付けましょう。

その為よくわからない場合は<p>と</p>の間に書いておくのが一番無難です（ちなみにこの<p>は段落(パラグラフ)を意味しています）。

HTMLを理解してきたら色々試して見ましょう。

基本的にHTMLでは、ソース中の改行文字や連続したスペースは意味を持ちません。どうしても改行させたい！とう場合は改行させたい場所に<br />を挿入しましょう。但し<br/>を複数使って段落を作ったりするのはやめましょう。段落間に大きなスペースを空けたい場合は、スタイルシートを用いると記述がすっきりしますし、より柔軟な調整が行えます。

リストの作り方

「○○の一覧」などを「・(中黒)」を使って地の文として書いている記事がいくつか見られますが、このような場合はHTMLのリストを使った方が見栄えも意味もすっきりするのでお勧めです。

リストのタグについては<ul>タグの項目を参考にしてください（サンプルコードも書いてあるので）。

表の作り方

文章を整理したい場合などに使う表を作ることも出来ます。

表のタグも<table>タグの項目を参考にしてください。

リンクの貼り方

ニコニコ大百科内へのリンクは自動で貼られるため、タグ一覧にある<a>を使う機会は少ないでしょう。

但し、記事内の特定の箇所にリンクしたい場合や、ニコニコ大百科外部のサイトへリンクさせたい場合は<a>を使用します。

詳しい使い方はタグ一覧を参照してください。

特定の項目へ飛ばしたい

ページが長くなったので大きな見出しにリンクさせたい、と言う場合や、別ページのとある項目と関係があるからそこへ飛ばせるようにしたい、と言う場合。
先ずリンクさせる場所を作ります。こんな風に！

<a name="hoge">（内容）</a>

（内容）の部分は無くてもかまいません（最悪<a name="hoge"></a>でも大丈夫です！）
次にリンクさせる場合は、

<a href="#hoge">（内容）に飛びます！</a>

といった具合にします。
この場合だと同じページの「hoge」を指定した場所に飛びます。

別記事へ飛ばす場合は同様に、URLを記述しその後ろに「#hoge」と書いてやればその項目に飛ばすことが出来ます。

例えばこのリンクはニコニコ大百科:タグ一覧の一番最後の項目へ飛びます。

例えば<a href="https://dic.nicovideo.jp/a/ニコニコ大百科%3Aタグ一覧#ext2">このリンクはニコニコ大百科:タグ一覧の一番最後の項目へ飛びます</a>。

↑

動画・市場・マイリスト・ニコニコミュニティの貼り方

枠内は説明を兼ねたテンプレです。そのままコピペして適切に編集すればきちんと表示できるはずです。

↑

動画の貼り方

以下のタグを使用するか、ニコニコ動画で動画再生時のページにあるiframe:の横のタグをコピー&ペーストすれば自動的にはられます
アスタリスク（*****）部分を動画ID（smとかfxとかとその後につく数字）に変えます。

HTMLエディタの場合は下段左から3つ目のグループ内のアイコン「」を押し、
表示されるウィンドウに動画ID(sm**等)を入力して「挿入」を押すと記事内に動画を挿入することが可能です。

<iframe width="312" height="176" src="https://www.nicovideo.jp/thumb/******" scrolling="no" frameborder="0"><a href="https://www.nicovideo.jp/watch/******"></a></iframe>

例

以下のようになります

<iframe width="312" height="176" src="https://www.nicovideo.jp/thumb/sm9" scrolling="no" frameborder="0"><a href="https://www.nicovideo.jp/watch/sm9"></a></iframe>

↑

関連商品の貼り方

関連商品はアスタリスク部分をニコニコ市場のID（azとかys～とか）に変えると貼り付けられます。

HTMLエディタの場合は下段左から3つ目のグループ内のアイコン「」を押し、
表示されるウィンドウに商品ID(az***等)を入力して「挿入」を押すと記事内に動画を挿入することが可能です。

ニコニコ大百科:編集者向けのページにamazonやYahoo!ショッピングのIDを元にする方法も書かれてあります。

<iframe class="nicoichiba" frameborder="0" height="260" scrolling="no" src="https://ichiba.nicovideo.jp/parts/item/******" width="155"></iframe>

例

以下のようになります

<iframe class="nicoichiba" frameborder="0" height="260" scrolling="no" src="https://ichiba.nicovideo.jp/parts/item/az406214767X" width="155"></iframe>

↑

マイリストの貼り方

マイリストも動画・市場同様アスタリスク部分をマイリストのIDに変えてやれば張ることができます。

HTMLエディタの場合は下段左から3つ目のグループ内のアイコン「」を押し、
表示されるウィンドウにマイリストIDを入力して「挿入」を押すと記事内に動画を挿入することが可能です。

<iframe class="nicovideo" frameborder="0" height="176" scrolling="no" src="https://www.nicovideo.jp/thumb_mylist/******"></iframe>

例

以下のようになります

<iframe width="312" height="176" src="https://www.nicovideo.jp/thumb_mylist/6342698" scrolling="no" style="border:solid 1px #CCC;" frameborder="0"></iframe>

↑

ニコニコミュニティの貼り方

基本的に他の方法と同じくアスタリスクにID部分を入れてやれば可能です(co*****というのがコミュニティのID)。

HTMLエディタの場合は下段左から3つ目のグループ内のアイコン「」押し、
表示されるウィンドウにコミュID（co**）を入力して「挿入」を押すと記事内に動画を挿入することが可能です。

<iframe scrolling="no" class="nicovideo" src="https://ext.nicovideo.jp/thumb_community/******" frameborder="0"height="176" width="312" style="border: solid 1px #CCC;"></iframe>

例

以下のようになります

<iframe scrolling="no" class="nicovideo" src="https://ext.nicovideo.jp/thumb_community/co1" frameborder="0"height="176" width="312" style="border: solid 1px #CCC;"></iframe>

↑

関連項目

• ニコニコ大百科:HTMLエディタヘルプ
• ニコニコ大百科:タグ一覧
• ニコニコ大百科:HTMLテンプレート集
• ニコニコ大百科:仕様
• ニコニコ大百科:編集者向けのページ
• テスト記事

---

Q&A

ニコニコ大百科において「こんな時どうしたらいいんさ…」的な質問とその回答。

編集したくてプレミアム会員になったけど編集できません！

ニコニコ大百科にログインしている状態が一般会員のままになっている為です。
一度ログアウトして、再度ログインしてみてください。

記事内の文章が全く関係ない記事へ勝手にリンクされます

仕様です。記事内に書かれた文字列に該当するページが存在する場合、自動的にリンクされます。

編集したいけどタグがわかりません！

そんな人の為にHTMLエディタがあります（IE・Firefox・safariで使用可能）。
また使えない人の為に簡単ではありますがこの記事内で説明しているんですが…。
使えるタグについては「記事の投稿フォーム」の解説内にあるリンク「ニコニコ大百科:タグ一覧」を見てください。