*&color(#003300){''自分のページを作成しよう''}; [#p039fcf1]
**&color(#008000){''ログインします。''}; [#i34d499f]
ログインしないと編集できません。まずは、ログインしましょう。
|#attachref(./スクリーンショット ログイン.png)|
&size(14){- ログイン情報は、LSチャットで、皆に聞いてください。};
#br
**&color(#008000){''自分のページを作成しよう。''}; [#pca27e07]
ログインすると、「新規」から新たにページを作成できるようになります。
|#attachref(./スクリーンショット sinnki_0.png)|
さっそく、押してみましょう。
#br
ページ新規作成が開くので、ページの名前を入力して「編集」を押します。
#br
|#attachref(./スクリーンショット newpage.png)|
&size(14){※ 初めて作成するひとは、自分のキャラクター名を指定してください。};
「Sarutobi/sample」→ 例「Aluto」
#br
ページ名を指定して編集を押すと、そのページの編集画面になります。
|#attachref(./スクリーンショット newpage2.png)|
#br
とりあえず何か書いて、画面下の「ページの更新」を押します。
|#attachref(./スクリーンショット newpage3.png)|
#br
すると、左のメンバー欄がリンクになるはずです。
|#attachref(./スクリーンショット mypage.png)|
&size(14){リンクにならなかったら。。。};&br;&size(14){- 一旦、別の人のリンク移って再度リンクを見る。リンクに入っているとリンクにならないから。};&br;&size(14){- ブラウザーを選択してF5キーを押す。画面がリロードされます。};&br;&size(14){- 名前の綴りが違ってないか確認する。};&br;&size(14){- Mayurinに聞く。 最終手段。。。};
#br
**&color(#008000){カレンダー貼ろう。}; [#r1e0236e]
リンクが出来たら、リンクをクリックして、自分のページを表示します。
↓クリックする
|#attachref(./スクリーンショット mypage2.png)|
クリックすると自分のページが開く
|#attachref(./スクリーンショット mypage3.png)|
#br
編集ボタンを押して、ページ編集を始めます。
|#attachref(./スクリーンショット cal1.png)|
#br
さっき、ページ作成したときの文字が編集できる状態になってます。
|#attachref(./スクリーンショット cal2.png)|
何か書く ← 消しても書き換えててもいいです。
#calendar2 ← これをそのまま、行頭から書きます。カレンダーを貼り付けてます。
書けたら、画面下の「ページの更新」を押します。
|#attachref(./スクリーンショット newpage3.png)|
#br
カレンダーが表示されます。
|#attachref(./スクリーンショット cal3.png)|
#br
**''&color(#008000){カレンダーから日記を作成してみよう。};'' [#sb7cd04d]
カレンダーが作成できたら、日記を作成してみましょう。
カレンダーで、日記を作成したい日付に入ります。
|#attachref(./スクリーンショット cal4.png)|
&size(14){- 日付のリンクを押す。};
#br
選択した日付の編集画面が開きます。
|#attachref(./スクリーンショット edit2.png)|
#br
編集を始めましょう。&br;画面下に「ビジュアル編集モードに切り替える」というのがあります。&br;&size(14){- もう１回押すと通常編集モードに戻ります。};
|#attachref(./スクリーンショット edit3.png)|
押すと、ビジュアル編集画面に切り替わります。
|#attachref(./スクリーンショット edit4.png)|
#br
書いた文字を見出しにしたり、、
|#attachref(./スクリーンショット edit5.png)|
文字サイズを変えたり、、
|#attachref(./スクリーンショット edit6.png)|
他にも表作ったり、リンク作ったりとかできます。
マウスのカーソルをアイコンに合わせると吹き出しが出るので、参考にしてください。
|#attachref(./スクリーンショット edit7.png)|
#br
編集が終わったら、画面下の「ページの更新」を忘れないように。
これを押さないと、保存されません。
|#attachref(./スクリーンショット newpage3.png)|
#br
また、編集中のものがどの様に見えるのか、「プレビュー」ボタンで確認できます。
|#attachref(./スクリーンショット edit8.png)|
#br
&size(14){- 作成後、通常編集モードで見てみると、次の文字がいろいろなところに表示されていると思います。};
#br ←行頭に書いて、空白行を入れています。
&br; ←文中に書いて、改行いれてます。
要は、改行です。うまく使えば、見やすくなります。
**''&color(#008000){画像を貼ってみよう。};'' [#m4f3dcca]
ビジュアル編集モードにしても画像を貼り付ける機能が見当たりませんでした。&br;&size(14){- ひょっとしたら、あるのかも？？};&br;なので、通常編集モードで貼り付けます。&br;一番簡単そうなのは、これ。&br;貼り付けたい位置に次の記述をします。
#attachref ← 行頭に書きます。
&attachref; ← 文字列の後等、文中にも書けます。
記述したら、保存（ページの更新）してください。
そうすると、画像を貼り付けるリンクが出てきます。
|#attachref(./スクリーンショット temp.png)|
#br
画面中の添付のリンクをクリックして、画像を貼り付けてください。
|#attachref(./スクリーンショット temp2.png)|
#br
いかがでしょうか？頑張って書いてみてください。
応用編は「その２」の予定です。いらんかもだけど。。
#br
&counter(total);
|カウンター：&counter(total);|
//#attach
#attach(nolist,noform)
