関係者の方へ｜2018.03.28
現状のご報告です。
- 当サイトのレイアウトは、960pxを境に、PC用の表示とスマホ・タブレット用の表示が切り変わります。ブラウザのウインドウサイズを変更してお試しください。
- 印刷用のデザインが別途組み込まれていますので、印刷時には、ヘッダーやサイドバーを除く、本文記事部分のみが出力対象となります。
- 見出し、箇条書き、整形済み、その他、以下のページにて確認して下さい。
FormatCheck
- トップのスライド画像を変更希望される場合は、画像を開発あてお送り下さい。
推奨サイズは 960px x 250px です。
YouTube動画の配置
YouTube動画の配置が可能になりました。
編集画面内では以下のように記載しています。
#youtube(1sWcl9UksV0,480,320) #youtube(1sWcl9UksV0,480,320,auto) ← 自動再生します。
- 先頭項目は、YouTube動画のIDです。(アドレス上の v= に続く最後の文字列です。)
- ２、３項目めは、画面上での幅と高さです。
- 最後に auto を付けると自動再生しますが、音が出るのでお薦めではありません。
シェアボタンの動作確認
- シェアボタンを簡単に配置できるよう、プラグインを作成しました。
- ボタンを配置したページ全体がシェアの対象になります。
Wikiは、ブログと異なり「ページ」が情報の単位です。データの構造上「投稿記事」という単位が存在しないので、見出し単位でのシェアはできないこと、ご了承下さい。
Tweet
編集画面内で、以下のように書いています。&twitter; &facebook; &googleplus;
上記の内容は、プラグインガイドのページに記載していますので、
読み終えたら、ここから上の部分は削除してください。
編集ガイド
編集01【見出しを表示する】
内容を区切りサイトを分かりやすくするようなものです。
見出し
行頭に [ * ] をつけると大見出しになります。
見出し
行頭に [ ** ] をつけると中見出しになります。
見出し
行頭に [ *** ] をつけると小見出しになります。
編集画面は下図のようになります。
編集02【コメントアウト】
表示したくない文章の文頭につけると、表示されなくなります。編集画面でのみ見えます。
行頭に[ // ]をつけると表示されなくなり、編集画面でのみ見えます。メモ機能、書き置きに便利です。
編集画面は下図のようになります。
編集03【水平線を表示する】
水平線を挿入します。ページを区切りたいときに使うと便利です。
↑のように水平線を挿入したい場合こう書きます。
#hr
また行頭で - を4つ書くことでも水平線の挿入が可能です。
編集画面は下図のようになります。
編集04【新規でページを作成する】
ページを新規で作成する方法です。
「新規」メニューより、新しいページの作成をします。作り方は２つあります。
１. リンク→新規ページ内容編集・・・作りたいページ名の文字列を[[]]で囲うと、入力した部分の後ろに ? というリンクがつきます。そこをクリックすると新しいページの編集画面が用意されるので、あとは普通のページ編集と同様に書き込むことができます。
２. 新規ページ内容編集→リンク・・・「新規」メニューから作成できます。作成するページ名を入力し、編集画面で内容を書き込み、更新するとできあがります。この場合、ページを作成しただけでまだリンクが貼られていませんので、好きなページ、必要な場所にリンクを作成しましょう。
編集05【画像を添付する】
画像を添付する方法です。かなり使用する機能です。
「添付」ボタンより、画像の添付をします。かなり使用する機能です。
添付する画像を選択し、管理者パスワードを入力してアップロードをクリックすると、添付ができます。
添付後の画面、ページ名の部分に『〇〇（ページ名）にアップロードしました』と表示され、そのページ内にファイル名とファイルが存在すること（ファイルの名前をクリックして画像を表示できるか）を確認してください。
※同じ名前のファイルを、同じページに添付はできません
※1,024KBより大きいデータサイズのものは添付できません
添付したのち、ページ内に画像を表示させるには、画像読み込み専用の記述ルールを使用します。記述によっては、違うページに添付した画像も読み込みできます。
添付した画像などを削除したり、名前を変更するときには、画像ごとについている「詳細」リンクから行ってください。
画像は、添付する前にサイズ調整されることをお勧めします。推奨サイズは600pixel x 840pixel、840pixel x 600pixel（おおよそA4のサイズ比）です。
（例）記事にはこのように書きます。
&image(sample.jpg,,100%,);
そして該当する画像（ここではsample.jpg）を「添付」ボタンより添付します。そうすると画像が表示されます。(編集画面で画像のパーセンテージも指定すれば大きさも変えることができます。)
編集画面は下図のようになります。
編集06【文字色、背景色、文字の大きさ指定】
文字色、背景色、文字の大きさを指定します。
ここに色を変える文字列を打ちます
このように文字の色を変えるには次のように書きます。
&color(文字色,背景色){ここに色を変える文字列を打ちます};
ここにサイズを変える文字列を打ちます
このように文字のサイズを変えるには次のように書きます。
&size(40){ここにサイズを変える文字列を打ちます};
編集画面は下図のようになります。
色指定は、red,blue,greenのようなカラーネーム、または、#○○○○○○の16進数どちらでもできます。参考ページ
（例）16進数で色指定した場合
ここに色を変える文字列を打ちます
次のように書いています。
&color(#000000,#ffa500){ここに色を変える文字列を打ちます};
編集07【リンクの貼り方】
ページにリンクを貼る方法です。
同じサイト内の別のページへのリンクを貼る内部リンクと、別のサイトへのリンクを貼る外部リンクがあります。
・内部リンク
お知らせ?
このように同じサイト内の別ページのリンクを貼る場合こう書きます。
[[（ページ名）]]
ここを押すとお知らせに飛びます?
このようにページ名とは異なるキーワードで内部リンクする場合こう書きます。
[[キーワード>（ページ名）]]
・外部リンク
芸術の森デザイン会議facebook
このように別サイトへのリンクを貼る場合こう書きます。
[[キーワード>（別サイトのURL）]]
005.png
ガイド006.png
ガイド005.png
ガイド003.png
ガイド002.png
ガイド001.png
sample1.jpg
