「新しいページ作成のしかた」の編集履歴（バックアップ）一覧はこちら
「新しいページ作成のしかた」(2016/09/07 (水) 17:00:28) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
*※このページは運用しながら随時改定していきます。
文章がわかりにくかったり、内容がわからない場合は&u(){[[連絡・要望掲示板>http://www63.atwiki.jp/enokai/pages/4.html]]}で質問してください。このページは編集方法がわかる人が、よりわかりやすいように改訂してください。
以下、既にあるページを元にコピー・修正して新しくページを作成する方法を記載します。
----
*ページの作成手順
このページではログインユーザーによる''ワープロモード''で作成されたページを元に、新たなページを作る方法を記載します。非ログインユーザーによる編集でもページは作成できますが、ページ保存の際に文字入力認証があります。これについては図９．１を参照してください。
@wikiシステムではいろいろな編集モードがありますが、慣れるまではワープロモードで作成していくのがよいかと思います。その後慣れたら、@wikiモードなどで記載すると効率が上がるかも（？）しれません。
なお、MicrosoftのWordを使っている人は、ワープロモードの編集方法がほとんど同じか、連想すれば使えるのでこの作成方法を見なくてもできるのではないかと思います。
|現状ではワープロモードで作成されたページには[[プラグイン>>http://www1.atwiki.jp/guide/pages/895.html]]の利用ができないようです。このため、ただ文字などを表示したりリンクを張るだけのページしか作成できないようです。各種機能を使う場合は、少し難しくなりますがアットウィキモードでの作成をおすすめします。&br()※現状ではワープロモードのページを他の編集モードに変更することができないようです（2014年12月18日現在）。&br()&br() 上記のように移行できないため、場合によってはワープロモードで作成してもらったものを元に、アットウィキモードで別に作り直すことも必要かもしれませんが、とりあえずはコンテンツがないと話にならないので気にしないで作成していってください。&br()アットウィキモードで作成して、とりあえず文字だけ記載して貰い、あとで修正できる人が装飾する方法でもかまいません。|
&b(){１．ページ作成指示}
まず、作りたいページで参考になるページを表示します。今回は「[[黒電話]]」のページを参考にします。
&b(){２．メニュー選択}
図１、図２のように、画面左上の「＠メニュー」から、「新規ページ作成（その他）」→「このページをコピーして新規ページ作成」を選択します。
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU01.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU01.jpg,width=600,center,blank)|
|CENTER:図１ 「＠メニュー」にカーソルを合わせる|
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU02.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU02.jpgg,width=600,center,blank)|
|CENTER:図２ 「新規ページ作成（その他）」→「このページをコピーして新規ページ作成」を選択する|
&b(){３．ページ名の設定}
図３のように、コピー元ページ名と新規ページ名の枠が表示されます。枠内に新たに作成するページの名前を設定します。
図４のように、参考にした「黒電話」のページのタイトル文字が表示されているのでそれを消して新たなページ名を入れます。今回は「テステス」としました。実際に作成するときには「テステス」ではなく自分の作るページ名を決めて入れてください。
なお、ページ名に特殊な記号（例として「＠」など）を入れると表示や編集に支障を来すことがあるようです。このためページ名には''普通の文字だけ''を使った方が無難です。
図５に示すように、「作成」をクリックして編集を開始します。なお、ここまでの手順ではまだページは作成・保存されていません。最後の「ページを保存」をクリックしてはじめて作成・保存されます。
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU03.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU03.jpg,width=600,center,blank)|
|CENTER:図３．「ページ名の設定」|
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU04.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU04.jpg,width=600,center,blank)|
|CENTER:図４．「新たなページ名を入力する」|
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU05.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU05.jpg,width=600,center,blank)|
|CENTER:図５．「「作成」をクリックして編集開始」|
&b(){４．編集する}
編集画面になっているとおもいます。
@wikiには編集モードが色々あります。本手順書では、新たなページの編集モードも元のページの編集方法から引き継がれて同じになります。
なお、編集を開始してみないと元のページの編集モードが分かりません。もし使ったことがない編集モードで作成が始まってしまいよく分からない場合は、そのまま後述の図７「ページを保存」をクリックしてから、５．ページ編集モードの変更をするか、「ページを保存」せずにインターネットブラウザの「戻る」アイコンをクリックして編集を破棄します（ブラウザによってはページ移動確認の表示がでますが、OKをクリックすると編集ページが破棄されます）。
「黒電話」のページがワープロモードで作成されているため、「テステス」のページもワープロモードになります。
「黒電話」のページの内容がそのまま表示されますが、これを書き換えていきます。黒電話のページには影響を与えません。
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU06.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU06.jpg,width=600,center,blank)|
|CENTER:図６．ワープロモードの編集画面|
プレビュー（試し表示）は図７のようにプレビューアイコンをクリックします。
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU09.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU09.jpg,width=600,center,blank)|
|CENTER:図７．プレビューアイコンをクリックして試し表示が可能（別ウィンドウに表示）|
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU10.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU10.jpg,width=600,center,blank)|
|CENTER:図８．別ウィンドウが開いてプレビューが表示される&br()もしブラウザのポップアップブロック設定がされている場合はこのページへのブロックを解除してください。|
なお、一部の機能はインターネットブラウザのセキュリティ機能により動作しないことがあります。
編集し終えたら、編集枠上下にある「ページを保存」をクリックすることで保存され、作成が完了します。
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=caution_01a.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=caution_01a.jpg,width=600,center,blank)|
|CENTER:図９．１ 非ログインユーザーは文字列入力要求があるので&BR()入力後、その下の「ページを保存」をクリックして保存する。&BR()文字判別しにくい場合は「読みにくい場合はここをクリック」&BR()の部分をクリックして再表示させる。|
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU07.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU07.jpg,width=600,center,blank)|
|CENTER:図９．２ 編集終了は「ページを保存」をクリック|
下記はfacebookを利用したコメント投稿です。このwikiには直接関係ありませんので、使用しないことをオススメします。
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=caution_02.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=caution_02.jpg,width=600,center,blank)|
|CENTER:図９．３ facebook用フォームほかいろいろ表示される部分は使わない。|
また、もし間違えてページを作成してしまった場合は、ページの削除などはログインユーザー（eメール登録した登録ユーザー）でも削除できないようですので、[[連絡・要望掲示板]]にて削除依頼を出してください。
&b(){５．ページ編集モードの変更}
ページ編集モードの変更は、画面左上の「＠メニュー」の隣にある「編集」から、「ページの編集モード変更」を選択します。
なお現状の@wikiでは、ワープロモードのページを他の編集モードに変更することができないようです（2014年12月18日現在）。
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU08.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU08.jpg,width=600,center,blank)|
|CENTER:図１０．ページ編集モードの変更方法|
&b(){６．画像のアップロード} （※わかりづらいので、後で図を作成します）
６．１ アットウィキモードでのページ上の画像表示方法
ページに表示したい写真などの画像は、基本的にそのページを作成後、そのページ自体に画像をアップロードしてから表示させる記述をして行います。なお、アップロードせずに外部サイトの画像を使用することもできますが、念のため著作権の関係から許可の取れるものだけにしてください（自分のブログやホームページなどから自分の責任において使えるものなど限定が望ましい）。Googleマップなどの画像は著作権表示(Googleの文字列と、地図情報など）の場合はゼンリンほか著作権表示を見える状態にすればいいとのこと。でも出来るだけプラグインでGoogleマップを埋め込む方法を採ってください。
ページ編集を終えて保存した後、上のメニューの「編集」→「このページにファイルをアップロード」を選択し、PC上などから画像ファイルを指定してアップロードします。
ファイル名については、[__]など半角アンダーバーが二つ連続する文字をファイル名に入れると、ファイル表示に支障が出る場合があるようなので使用しないように注意してください。
アップロード後、そのページのアップロード画面の下の方にアップロードされているファイルのリストが表示されます。もしくは、編集したそのページに戻るとそのページの下の方にアップロードされているファイル名が表示されます。
アップロードしたファイル名をクリックして、その画像を表示させたら、ブラウザのインターネットアドレス表示欄の文字列を取得（コピー、範囲指定して右クリックしてコピーを選択）します。
再度ページ編集にて取得したアドレスの画像を指定します。
画像を表示するプラグインは「&nowiki(){&image()}」を使います。
例：下記のように記述すると、画像の幅が100ピクセル(widthオプションで値を指定)、&nowiki(){||}で区切った表示枠内の中央に表示(centerオプション)、画像をクリックすると別のウィンドウ（または別のタブ）に画像を表示（blankオプション)という指定で表示する。
アットウィキモードでの記述
&nowiki(){&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU01.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU01.jpg,width=100,center,blank)}
上記記述での実際の表示のされかた
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU01.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU01.jpg,width=300,center,blank)|
----
*関連リンク
・[[既存のページ編集のしかた]]…ワープロモードで作成されたページを編集する方法。
・[[ページ作成テンプレート2]]…@wikiモード用 新規ページ作成テンプレートです。
・[[投稿欄付きページフォーム]]…@wikiモード用 投稿欄付きページ作成テンプレートです。
----
*※このページは運用しながら随時改定していきます。
文章がわかりにくかったり、内容がわからない場合は&u(){[[連絡・要望掲示板>http://www63.atwiki.jp/enokai/pages/4.html]]}で質問してください。このページは編集方法がわかる人が、よりわかりやすいように改訂してください。
以下、既にあるページを元にコピー・修正して新しくページを作成する方法を記載します。
----
*ページの作成手順
このページではログインユーザーによる''ワープロモード''で作成されたページを元に、新たなページを作る方法を記載します。非ログインユーザーによる編集でもページは作成できますが、ページ保存の際に文字入力認証があります。これについては図９．１を参照してください。
@wikiシステムではいろいろな編集モードがありますが、慣れるまではワープロモードで作成していくのがよいかと思います。その後慣れたら、@wikiモードなどで記載すると効率が上がるかも（？）しれません。
なお、MicrosoftのWordを使っている人は、ワープロモードの編集方法がほとんど同じか、連想すれば使えるのでこの作成方法を見なくてもできるのではないかと思います。
|現状ではワープロモードで作成されたページには[[プラグイン>>http://www1.atwiki.jp/guide/pages/895.html]]の利用ができないようです。このため、ただ文字などを表示したりリンクを張るだけのページしか作成できないようです。各種機能を使う場合は、少し難しくなりますがアットウィキモードでの作成をおすすめします。&br()※現状ではワープロモードのページを他の編集モードに変更することができないようです（2014年12月18日現在）。&br()&br() 上記のように移行できないため、場合によってはワープロモードで作成してもらったものを元に、アットウィキモードで別に作り直すことも必要かもしれませんが、とりあえずはコンテンツがないと話にならないので気にしないで作成していってください。&br()アットウィキモードで作成して、とりあえず文字だけ記載して貰い、あとで修正できる人が装飾する方法でもかまいません。|
&b(){１．ページ作成指示}
まず、作りたいページで参考になるページを表示します。今回は「[[黒電話]]」のページを参考にします。
&b(){２．メニュー選択}
図１、図２のように、画面左上の「＠メニュー」から、「新規ページ作成（その他）」→「このページをコピーして新規ページ作成」を選択します。
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU01.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU01.jpg,width=600,center,blank)|
|CENTER:図１ 「＠メニュー」にカーソルを合わせる|
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU02.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU02.jpgg,width=600,center,blank)|
|CENTER:図２ 「新規ページ作成（その他）」→「このページをコピーして新規ページ作成」を選択する|
&b(){３．ページ名の設定}
図３のように、コピー元ページ名と新規ページ名の枠が表示されます。枠内に新たに作成するページの名前を設定します。
図４のように、参考にした「黒電話」のページのタイトル文字が表示されているのでそれを消して新たなページ名を入れます。今回は「テステス」としました。実際に作成するときには「テステス」ではなく自分の作るページ名を決めて入れてください。
なお、ページ名に特殊な記号（例として「＠」など）を入れると表示や編集に支障を来すことがあるようです。このためページ名には''普通の文字だけ''を使った方が無難です。
図５に示すように、「作成」をクリックして編集を開始します。なお、ここまでの手順ではまだページは作成・保存されていません。最後の「ページを保存」をクリックしてはじめて作成・保存されます。
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU03.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU03.jpg,width=600,center,blank)|
|CENTER:図３．「ページ名の設定」|
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU04.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU04.jpg,width=600,center,blank)|
|CENTER:図４．「新たなページ名を入力する」|
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU05.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU05.jpg,width=600,center,blank)|
|CENTER:図５．「「作成」をクリックして編集開始」|
&b(){４．編集する}
編集画面になっているとおもいます。
@wikiには編集モードが色々あります。本手順書では、新たなページの編集モードも元のページの編集方法から引き継がれて同じになります。
なお、編集を開始してみないと元のページの編集モードが分かりません。もし使ったことがない編集モードで作成が始まってしまいよく分からない場合は、そのまま後述の図７「ページを保存」をクリックしてから、５．ページ編集モードの変更をするか、「ページを保存」せずにインターネットブラウザの「戻る」アイコンをクリックして編集を破棄します（ブラウザによってはページ移動確認の表示がでますが、OKをクリックすると編集ページが破棄されます）。
「黒電話」のページがワープロモードで作成されているため、「テステス」のページもワープロモードになります。
「黒電話」のページの内容がそのまま表示されますが、これを書き換えていきます。黒電話のページには影響を与えません。
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU06.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU06.jpg,width=600,center,blank)|
|CENTER:図６．ワープロモードの編集画面|
プレビュー（試し表示）は図７のようにプレビューアイコンをクリックします。
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU09.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU09.jpg,width=600,center,blank)|
|CENTER:図７．プレビューアイコンをクリックして試し表示が可能（別ウィンドウに表示）|
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU10.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU10.jpg,width=600,center,blank)|
|CENTER:図８．別ウィンドウが開いてプレビューが表示される&br()もしブラウザのポップアップブロック設定がされている場合はこのページへのブロックを解除してください。|
なお、一部の機能はインターネットブラウザのセキュリティ機能により動作しないことがあります。
編集し終えたら、編集枠上下にある「ページを保存」をクリックすることで保存され、作成が完了します。
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=caution_01a.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=caution_01a.jpg,width=600,center,blank)|
|CENTER:図９．１ 非ログインユーザーは文字列入力要求があるので&BR()入力後、その下の「ページを保存」をクリックして保存する。&BR()文字判別しにくい場合は「読みにくい場合はここをクリック」&BR()の部分をクリックして再表示させる。|
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU07.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU07.jpg,width=600,center,blank)|
|CENTER:図９．２ 編集終了は「ページを保存」をクリック|
下記はfacebookを利用したコメント投稿です。このwikiには直接関係ありませんので、使用しないことをオススメします。
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=caution_02.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=caution_02.jpg,width=600,center,blank)|
|CENTER:図９．３ facebook用フォームほかいろいろ表示される部分は使わない。|
また、もし間違えてページを作成してしまった場合は、ページの削除などはログインユーザー（eメール登録した登録ユーザー）でも削除できないようですので、[[連絡・要望掲示板]]にて削除依頼を出してください。
&b(){５．ページ編集モードの変更}
ページ編集モードの変更は、画面左上の「＠メニュー」の隣にある「編集」から、「ページの編集モード変更」を選択します。
なお現状の@wikiでは、ワープロモードのページを他の編集モードに変更することができないようです（2014年12月18日現在）。
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU08.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU08.jpg,width=600,center,blank)|
|CENTER:図１０．ページ編集モードの変更方法|
&b(){６．画像のアップロード} （※わかりづらいので、後で図を作成します）
６．１ アットウィキモードでのページ上の画像表示方法
ページに表示したい写真などの画像は、基本的にそのページを作成後、そのページ自体に画像をアップロードしてから表示させる記述をして行います。なお、アップロードせずに外部サイトの画像を使用することもできますが、念のため著作権の関係から許可の取れるものだけにしてください（自分のブログやホームページなどから自分の責任において使えるものなど限定が望ましい）。Googleマップなどの画像は著作権表示(Googleの文字列と、地図情報など）の場合はゼンリンほか著作権表示を見える状態にすればいいとのこと。でも出来るだけプラグインでGoogleマップを埋め込む方法を採ってください。
ページ編集を終えて保存した後、上のメニューの「編集」→「このページにファイルをアップロード」を選択し、PC上などから画像ファイルを指定してアップロードします。
ファイル名については、[__]など半角アンダーバーが二つ連続する文字をファイル名に入れると、ファイル表示に支障が出る場合があるようなので使用しないように注意してください。ファイル名は記号などを使わない文字だけのものにしておいたほうが良さそうです。
アップロード後、そのページのアップロード画面の下の方にアップロードされているファイルのリストが、「添付ファイル」の文字の下の方に表示されます。もしくは、編集したそのページに戻るとそのページの下の方にアップロードされているファイル名が表示されます。
アップロードしたファイル名をクリックして、その画像を表示させたら、ブラウザのインターネットアドレス表示欄の文字列を取得（コピー、範囲指定して右クリックしてコピーを選択）します。
再度ページ編集にて取得したアドレスの画像を指定します。
画像を表示するプラグインは「&nowiki(){&image()}」を使います。
例：下記のように記述すると、画像の幅が100ピクセル(widthオプションで値を指定)、&nowiki(){||}で区切った表示枠内の中央に表示(centerオプション)、画像をクリックすると別のウィンドウ（または別のタブ）に画像を表示（blankオプション)という指定で表示する。
アットウィキモードでの記述
&nowiki(){&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU01.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU01.jpg,width=100,center,blank)}
上記記述での実際の表示のされかた
|&image(http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU01.jpg,http://cdn63.atwikiimg.com/enokai/?cmd=upload&act=open&pageid=17&file=MENU01.jpg,width=300,center,blank)|
----
*関連リンク
・[[既存のページ編集のしかた]]…ワープロモードで作成されたページを編集する方法。
・[[ページ作成テンプレート2]]…@wikiモード用 新規ページ作成テンプレートです。
・[[投稿欄付きページフォーム]]…@wikiモード用 投稿欄付きページ作成テンプレートです。
----
