ヘルプ:編集ツールバーのソースを表示

<div style="float:right;background-color:#f8f9fa;border:1px solid #c8ccd1;;margin-left:20px;margin-bottom:10px;padding:4px;"> <div style="background-color:#f5f9fb;border:1px solid #c8ccd1;padding:4px;margin:4px;">[[ファイル:OOjs UI icon bold-a.svg|12px]] [[ファイル:OOjs UI icon italic-a.svg|12px]] <span style="color:#c8ccd1;">|</span> [[ファイル:OOjs UI icon signature-ltr.svg|12px]] [[ファイル:OOjs UI icon link-ltr.svg|12px]] [[ファイル:OOjs UI icon image-ltr.svg|12px]] [[ファイル:OOjs UI icon book-ltr.svg|12px]] <span style="color:#c8ccd1;">|</span> [[ファイル:OOjs UI icon highlight.svg|12px]] <span style="color:#797979;">►</span>  <span style="color:#0645ad;font-size:80%;">上級</span> <span style="color:#797979;">►</span>  <span style="color:#0645ad;font-size:80%;">特殊文字</span> <span style="color:#797979;">►</span> <span style="color:#0645ad;font-size:80%;">ヘルプ</span>&nbsp;&nbsp;&nbsp;[[ファイル:OOjs UI icon edit-ltr.svg|middle|12px]]</div> 改良型編集ツールバーの2018年版のアイコンのもの。</div>

ウィキエディターの'''編集ツールバーは編集画面の入力欄の上部に表示されるツールバーです'''。対応したアイコンをクリックすることでマークアップの入力を助けます。「[[Help:ページの編集]]」にはウィキペディアの記事を編集するマークアップ記法が説明されていますが、マークアップによっては複雑なものや入力が多いものがあります。そこで編集ツールバーを使います。

デスクトップでの標準の状態では'''改良型編集ツールバー'''が表示されています。設定により以前の編集ツールバーを表示することもできます。[[Wikipedia:使用性改善|ウィキペディア・ユーザビリティ・イニシアティブ]]（使いやすさ改善）による改良型編集ツールバーは、ウィキペディア日本語版では2010年6月10日から導入されたものです。

この編集ツールバーとは別に'''[[Help:ビジュアルエディター|ビジュアルエディター]]'''が2016年5月に広く導入されました。編集ツールバーからも、ビジュアルエディター切替アイコン[[ファイル:OOjs UI icon edit-ltr.svg|ビジュアルエディター切替]]にて切り替えられます。

== 有効・無効などの切り替え ==
標準の状態で有効になっています。アカウントを登録しログインして利用している場合には、設定を変更できます。
# [[特別:個人設定|個人設定]]に移動します。
# 「{{int:prefs-editing}}」タブの「{{int:tog-showtoolbar}}」のチェックで有効・無効を選択します。
# 「保存」を押し設定を保存します。

従来のツールバーに切り替えるには「{{int:wikieditor-toolbar-preference}}」のチェックを無効にします。

変更は[[Wikipedia:サンドボックス|サンドボックス]]でご確認ください。

== ツールバーの解説 ==
{{色}}
<div style="float:left;background-color:#f8f9fa;border:1px solid #c8ccd1;;margin-left:20px;margin-bottom:10px;padding:4px;"> <div style="background-color:#f5f9fb;border:1px solid #c8ccd1;padding:4px;margin:4px;">[[ファイル:OOjs UI icon bold-a.svg|14px]] [[ファイル:OOjs UI icon italic-a.svg|14px]] <span style="color:#c8ccd1;">|</span> [[ファイル:OOjs UI icon signature-ltr.svg|14px]] [[ファイル:OOjs UI icon link-ltr.svg|14px]] [[ファイル:OOjs UI icon image-ltr.svg|14px]] [[ファイル:OOjs UI icon book-ltr.svg|14px]] <span style="color:#c8ccd1;">|</span> [[ファイル:OOjs UI icon highlight.svg|14px]] <span style="color:#797979;">▼</span>  <span style="color:#0645ad;font-size:90%;">上級</span> <span style="color:#797979;">►</span>  <span style="color:#0645ad;font-size:90%;">特殊文字</span> <span style="color:#797979;">►</span> <span style="color:#0645ad;font-size:90%;">ヘルプ</span>&nbsp;&nbsp;&nbsp;[[ファイル:OOjs UI icon edit-ltr.svg|middle|14px]] <br/> <span style="background-color:white;border:1px solid #c0c0c0;margin:2px;padding:2px;font-size:85%;">見出し&nbsp;&nbsp;<span style="color:#797979;font-size:65%;">▼</span></span><span style="color:#c8ccd1;">|</span> [[ファイル:OOjs UI icon listBullet-ltr.svg|14px]] [[ファイル:OOjs UI icon listNumbered-ltr.svg|14px]] [[ファイル:OOjs UI icon noWikiText-ltr.svg|14px]] [[ファイル:OOjs UI icon newline-ltr.svg|14px]] <span style="color:#c8ccd1;">|</span> [[ファイル:OOjs UI icon bigger-ltr.svg|14px]] [[ファイル:OOjs UI icon smaller-ltr.svg|14px]] [[ファイル:OOjs UI icon superscript-ltr.svg|14px]] [[ファイル:OOjs UI icon subscript-ltr.svg|14px]]<span style="color:#c8ccd1;">|</span> [[ファイル:OOjs UI icon imageGallery-ltr.svg|14px]] [[ファイル:OOjs UI icon articleRedirect-ltr.svg|14px]]&nbsp;&nbsp;[[ファイル:OOjs UI icon articleSearch-ltr.svg|14px]]</div> 改良型編集ツールバー。</div>

{| class="wikitable" width="100%"
! width="10%" | 表記
! width="90%" colspan="2" | 説明
|-
| <span style="color:#797979;">►</span>  <span style="color:#0645ad;">上級</span>
| colspan="2" | 見出しや箇条書きなどのマークアップを入力するアイコンを表示します。
|-
| <span style="color:#797979;">►</span>  <span style="color:#0645ad;">特殊文字</span>
| colspan="2" | [[Help:特殊文字|特殊文字]]が表示されます。その特殊文字をクリックするとテキストエディタ上に入力することができます。
|-
| <span style="color:#797979;">►</span> <span style="color:#0645ad;">ヘルプ</span>
| colspan="2" | マークアップの簡易的なヘルプを表示します。
|-
| [[ファイル:OOjs UI icon edit-ltr.svg|top|18px|ビジュアルエディター切替]]
| colspan="2" | [[Help:ビジュアルエディター|ビジュアルエディター]]に切り替えます。
|-
! width="5%" | アイコン
! align="center" width="25%" | 機能名
! align="center" width="65%" | 解説・入力される内容（<span style="color:#FF0000">サンプルテキスト</span>）
|-
| [[ファイル:OOjs UI icon bold-a.svg]]
| 強調
| <nowiki>'''</nowiki><span style="color:#FF0000">強調</span><nowiki>'''</nowiki>
|-
|[[ファイル:OOjs UI icon italic-a.svg]]
| 斜体
| <nowiki>''</nowiki><span style="color:#FF0000">斜体文</span><nowiki>''</nowiki>
|-
|[[ファイル:OOjs UI icon signature-ltr.svg]]
| 時刻付き署名
| --<nowiki>~~~~</nowiki>
|-
|[[ファイル:OOjs UI icon link-ltr.svg]]
| 内部リンク
| 個人設定の「{{int:wikieditor-toolbar-dialogs-preference}}」がオンなら、外部リンクと内部リンクのダイアログが表示されます。<br /><nowiki>[[</nowiki><span style="color:#FF0000">リンクタイトル</span><nowiki>]]</nowiki>
|-
|[[ファイル:OOjs UI icon image-ltr.svg]]
| 埋め込みファイル
| <nowiki>[[</nowiki>ファイル:<span style="color:#FF0000">例.jpg</span><nowiki>]]</nowiki>
|-
|[[ファイル:OOjs UI icon book-ltr.svg]]
| 注釈
| <nowiki><ref></nowiki><span style="color:#FF0000">『出典名』と参照したページ数など、注釈文をここに入力してください</span><nowiki></ref></nowiki>
|-
|[[ファイル:OOjs UI icon highlight.svg]]
| 構文の強調
| 構文と文章を色分けする[[シンタックスハイライト]]機能が有効になります。
|-
| <span style="background-color:white;border:1px solid #c0c0c0;margin:4px;padding:4px;">見出し&nbsp;&nbsp;<span style="color:#797979;font-size:65%;">▼</span></span><!--[[ファイル:Vector toolbar heading-ja.png]]-->
| 見出し
| クリックするとドロップダウンメニューが表示され、見出しレベル2～5の中から選択することができます。<br /><nowiki>==</nowiki> <span style="color:#FF0000">見出しタイトル</span> <nowiki>==</nowiki><br /><nowiki>===</nowiki> <span style="color:#FF0000">見出しタイトル</span> <nowiki>===</nowiki><br /><nowiki>====</nowiki> <span style="color:#FF0000">見出しタイトル</span> <nowiki>====</nowiki><br /><nowiki>=====</nowiki> <span style="color:#FF0000">見出しタイトル</span> <nowiki>=====</nowiki><br /><nowiki>======</nowiki> <span style="color:#FF0000">見出しタイトル</span> <nowiki>======</nowiki>
|-
|[[ファイル:OOjs UI icon listBullet-ltr.svg]]
| 番号なし箇条書き
| <nowiki>*</nowiki> <span style="color:#FF0000">番号なし箇条書きの項目</span>
|-
|[[ファイル:OOjs UI icon listNumbered-ltr.svg]]
| 番号付き箇条書き
| <nowiki>#</nowiki> <span style="color:#FF0000">番号付き箇条書きの項目</span>
|-
|[[ファイル:OOjs UI icon noWikiText-ltr.svg]]
| ウィキ書式なし
| <nowiki><nowiki></nowiki><span style="color:#FF0000">ここにマークアップを無効にするテキストを入力します</span><nowiki></nowiki></nowiki>
|-
|[[ファイル:OOjs UI icon newline-ltr.svg]]
| 改行
| <nowiki><br /></nowiki><br />
|-
|[[ファイル:OOjs UI icon bigger-ltr.svg]]
| 大文字
| <nowiki><big></nowiki><span style="color:#FF0000">大きなテキスト</span><nowiki></big></nowiki>
|-
|[[ファイル:OOjs UI icon smaller-ltr.svg]]
| 小文字
| <nowiki><small></nowiki><span style="color:#FF0000">小さなテキスト</span><nowiki></small></nowiki>
|-
|[[ファイル:OOjs UI icon superscript-ltr.svg]]
| 上付き文字
| <nowiki><sup></nowiki><span style="color:#FF0000">上付き文字</span><nowiki></sup></nowiki>
|-
|[[ファイル:OOjs UI icon subscript-ltr.svg]]
| 下付き文字
| <nowiki><sub></nowiki><span style="color:#FF0000">下付き文字</span><nowiki></sub></nowiki>
|-
|[[ファイル:OOjs UI icon imageGallery-ltr.svg]]
| 画像ギャラリー
| <nowiki><gallery></nowiki><br /><span style="color:#FF0000">ファイル:Example.jpg<nowiki>|</nowiki>キャプション1</span><br /><span style="color:#FF0000">ファイル:Example.jpg<nowiki>|</nowiki>キャプション2</span><br /><nowiki></gallery></nowiki>
|-
|[[ファイル:OOjs UI icon articleRedirect-ltr.svg]]
| リダイレクト
| <nowiki>#REDIRECT [[</nowiki><span style="color:#FF0000">転送先のページ名</span><nowiki>]]</nowiki>
|-
|[[ファイル:OOjs UI icon table.svg]]
| 表 <!--テーブルだけ-->
| 個人設定の「{{int:wikieditor-toolbar-dialogs-preference}}」がオンなら、列と行を入力できるダイアログが表示されます。<br /><nowiki>{</nowiki>| class="wikitable"<br /><nowiki>|</nowiki>-<br /><span style="color:#FF0000"><nowiki>! 見出し !! 見出し !! 見出し</nowiki><br />|-<br /><nowiki>| 行 1、セル 1 || 行 1、セル 2 || 行 1、セル 3</nowiki><br />|-<br /><nowiki>| 行 2、セル 1 || 行 2、セル 2 || 行 2、セル 3</nowiki></span><br /><nowiki>|}</nowiki>
|-
|[[ファイル:OOjs UI icon articleSearch-ltr.svg]]
| 検索と置換
| 入力した文字の検索、置換ができます。[[正規表現]]の記法が使えます。<br />個人設定の「{{int:wikieditor-toolbar-dialogs-preference}}」がオフなら表示されません。
|}

[[ファイル:Vector toolbar full-ja.png|thumb|left|480px|改良型の編集ツールバー。2018年途中までのアイコン。]]
{{clear}}

== 従来の編集ツールバー ==
MediaWiki 1.2から長らく使われてきた従来型の編集ツールバーです。アイコンが小さく機能も定型文を挿入するだけです。
[[ファイル:Edit toolbar traditional short.png|thumb|left|2010年6月以前からある編集ツールバー。]]
{| class="wikitable" width="100%"
! width="10%" | アイコン
! width="25%" | 機能
! width="65%" | 入力される内容
|-
| [[ファイル:button_bold.png]]
| 強調
| <nowiki>'''</nowiki><span style="color:#FF0000">強調</span><nowiki>'''</nowiki>
|-
| [[ファイル:button_italic.png]]
| 斜体
| <nowiki>''</nowiki><span style="color:#FF0000">斜体</span><nowiki>''</nowiki>
|-
| [[ファイル:button_extlink.png]]
| 外部リンク
| [<span style="color:#FF0000"><nowiki>http://www.exapmle.com/</nowiki> リンクの名前</span>]
|-
| [[ファイル:button_link.png]]
| 内部リンク
| <nowiki>[[</nowiki><span style="color:#FF0000">リンクの名前</span><nowiki>]]</nowiki>
|-
| [[ファイル:button_headline.png]]
| 見出し 
| <nowiki>==</nowiki> <span style="color:#FF0000">見出し文</span> <nowiki>==</nowiki>
|-
| [[ファイル:button_image.png]]
| ファイルの埋め込み
| <nowiki>[[</nowiki>ファイル:<span style="color:#FF0000">サンプル.jpg</span><nowiki>]]</nowiki>
|-
| | [[ファイル:button_media.png]]
| ファイルへのリンク
| <nowiki>[[</nowiki>メディア:<span style="color:#FF0000">サンプル.ogg</span><nowiki>]]</nowiki>
|-
| [[ファイル:button_math.png]]
| 数式
| <nowiki><math></nowiki><span style="color:#FF0000">ここに数式を挿入</span><nowiki></math></nowiki>
|-
| [[ファイル:Nowiki icon.png]]
| ウィキ書式を無視
| <nowiki><nowiki></nowiki><span style="color:#FF0000">ここにマークアップを無効にするテキストを入力します</span><nowiki></nowiki></nowiki>
|-
| [[ファイル:button_sig.png]]
| 時刻付きの署名
| --<nowiki>~~~~</nowiki>
|-
| [[ファイル:button_hr.png]]
| 水平線
| <br /><nowiki>----</nowiki><br />
|}

== 関連項目 ==
* [[Help:wikEd]]
* [[Help:ページの編集]]

{{Wikipedia help pages}}

[[Category:ヘルプ|へんしゆうつうるはあ]]