編集ガイド のバックアップ差分(No.3)


  • 追加された行はこの色です。
  • 削除された行はこの色です。
#author("2018-01-25T17:25:34+09:00","default:afdn9","afdn9")
#author("2018-02-09T12:41:27+09:00","default:afdn9","afdn9")
*編集ガイド

#hr
~

*&color(navy){編集01【見出しを表示する】};
&color(navy){内容を区切りサイトを分かりやすくするようなものです。};
~

*見出し
行頭に [ * ] をつけると大見出しになります。

**見出し
行頭に [ ** ] をつけると中見出しになります。

***見出し
行頭に [ *** ] をつけると小見出しになります。

編集画面は下図のようになります。

&image(ガイド01.png,,80%);
&image(ガイド001.png,,80%);
#hr
~
~

*&color(navy){編集02【コメントアウト】};
&color(navy){表示したくない文章の文頭につけると、表示されなくなります。編集画面でのみ見えます。};
~

//コメントアウト
行頭に[ // ]をつけると表示されなくなり、編集画面でのみ見えます。メモ機能、書き置きに便利です。
~
編集画面は下図のようになります。

&image(ガイド02.png,,80%);
&image(ガイド002.png,,80%);
#hr
~
~

*&color(navy){編集03【水平線を表示する】};
&color(navy){水平線を挿入します。ページを区切りたいときに使うと便利です。};
~

#hr
↑のように水平線を挿入したい場合こう書きます。
 #hr
また行頭で - を4つ書くことでも水平線の挿入が可能です。
~
編集画面は下図のようになります。

&image(ガイド03.png,,80%);
&image(ガイド003.png,,80%);
#hr
~
~

*&color(navy){編集04【新規でページを作成する】};
&color(navy){ページを新規で作成する方法です。};
~
「新規」メニューより、新しいページの作成をします。作り方は2つあります。
1. リンク→新規ページ内容編集・・・作りたいページ名の文字列を[[]]で囲うと、入力した部分の後ろに ? というリンクがつきます。そこをクリックすると新しいページの編集画面が用意されるので、あとは普通のページ編集と同様に書き込むことができます。
2. 新規ページ内容編集→リンク・・・「新規」メニューから作成できます。作成するページ名を入力し、編集画面で内容を書き込み、更新するとできあがります。この場合、ページを作成しただけでまだリンクが貼られていませんので、好きなページ、必要な場所にリンクを作成しましょう。
#hr
~
~

*&color(navy){編集05【画像を添付する】};
&color(navy){画像を添付する方法です。かなり使用する機能です。};
~
「添付」ボタンより、画像の添付をします。かなり使用する機能です。 

添付する画像を選択し、管理者パスワードを入力してアップロードをクリックすると、添付ができます。

添付後の画面、ページ名の部分に『〇〇(ページ名)にアップロードしました』と表示され、そのページ内にファイル名とファイルが存在すること(ファイルの名前をクリックして画像を表示できるか)を確認してください。

※同じ名前のファイルを、同じページに添付はできません
※1,024KBより大きいデータサイズのものは添付できません
添付したのち、ページ内に画像を表示させるには、画像読み込み専用の記述ルールを使用します。記述によっては、違うページに添付した画像も読み込みできます。
添付した画像などを削除したり、名前を変更するときには、画像ごとについている「詳細」リンクから行ってください。
画像は、添付する前にサイズ調整されることをお勧めします。推奨サイズは600pixel x 840pixel、840pixel x 600pixel(おおよそA4のサイズ比)です。
~
(例)記事にはこのように書きます。
 &image(sample.jpg,,100%,);
そして該当する画像(ここではsample.jpg)を「添付」ボタンより添付します。そうすると画像が表示されます。(編集画面で画像のパーセンテージも指定すれば大きさも変えることができます。)

&image(sample.jpg,,100%,);
&image(sample1.jpg,,100%,);

&image(sample.jpg,,50%,);
&image(sample1.jpg,,50%,);

編集画面は下図のようになります。

&image(ガイド05.png,,80%);
&image(005.png,,80%);
#hr
~
~

*&color(navy){編集06【文字色、背景色、文字の大きさ指定】};
&color(navy){文字色、背景色、文字の大きさを指定します。};
~
&color(yellow,brown){ここに色を変える文字列を打ちます};
このように文字の色を変えるには次のように書きます。
 &color(文字色,背景色){ここに色を変える文字列を打ちます};
~
&size(40){ここにサイズを変える文字列を打ちます};
このように文字のサイズを変えるには次のように書きます。
 &size(40){ここにサイズを変える文字列を打ちます};
~
編集画面は下図のようになります。

&image(ガイド06.png,,80%);
&image(ガイド006.png,,80%);
~

色指定は、red,blue,greenのようなカラーネーム、または、#○○○○○○の16進数どちらでもできます。[[参考ページ>https://www.colordic.org/]]

(例)16進数で色指定した場合
&color(#000000,#ffa500){ここに色を変える文字列を打ちます};
次のように書いています。
 &color(#000000,#ffa500){ここに色を変える文字列を打ちます};

#hr
~
~

*&color(navy){編集07【リンクの貼り方】};
&color(navy){ページにリンクを貼る方法です。};
~
同じサイト内の別のページへのリンクを貼る内部リンクと、別のサイトへのリンクを貼る外部リンクがあります。
~
・内部リンク
[[お知らせ]]
このように同じサイト内の別ページのリンクを貼る場合こう書きます。
 [[(ページ名)]] 
~
[[ここを押すとお知らせに飛びます>お知らせ]]
このようにページ名とは異なるキーワードで内部リンクする場合こう書きます。
 [[キーワード>(ページ名)]]
~
・外部リンク
[[芸術の森デザイン会議facebook>https://www.facebook.com/afdn9/]]
このように別サイトへのリンクを貼る場合こう書きます。
 [[キーワード>(別サイトのURL)]]

#hr
~
~