編集ガイド

関係者の方へ|2018.03.28


現状のご報告です。

  • 当サイトのレイアウトは、960pxを境に、PC用の表示とスマホ・タブレット用の表示が切り変わります。ブラウザのウインドウサイズを変更してお試しください。
  • 印刷用のデザインが別途組み込まれていますので、印刷時には、ヘッダーやサイドバーを除く、本文記事部分のみが出力対象となります。
  • 見出し、箇条書き、整形済み、その他、以下のページにて確認して下さい。
    FormatCheck
  • トップのスライド画像を変更希望される場合は、画像を開発あてお送り下さい。
    推奨サイズは 960px x 250px です。

YouTube動画の配置

YouTube動画の配置が可能になりました。

編集画面内では以下のように記載しています。

#youtube(1sWcl9UksV0,480,320)
#youtube(1sWcl9UksV0,480,320,auto) ← 自動再生します。
  • 先頭項目は、YouTube動画のIDです。(アドレス上の v= に続く最後の文字列です。)
  • 2、3項目めは、画面上での幅と高さです。
  • 最後に auto を付けると自動再生しますが、音が出るのでお薦めではありません。


シェアボタンの動作確認

  • シェアボタンを簡単に配置できるよう、プラグインを作成しました。
  • ボタンを配置したページ全体がシェアの対象になります。
    Wikiは、ブログと異なり「ページ」が情報の単位です。データの構造上「投稿記事」という単位が存在しないので、見出し単位でのシェアはできないこと、ご了承下さい。
      share  
    編集画面内で、以下のように書いています。
    &twitter; &facebook; &googleplus;



上記の内容は、プラグインガイドのページに記載していますので、
読み終えたら、ここから上の部分は削除してください。



編集ガイド

プラグインガイド



編集01【見出しを表示する】

内容を区切りサイトを分かりやすくするようなものです。

見出し

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

見出し

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

見出し

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

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

ガイド001.png





編集02【コメントアウト】

表示したくない文章の文頭につけると、表示されなくなります。編集画面でのみ見えます。

行頭に[ // ]をつけると表示されなくなり、編集画面でのみ見えます。メモ機能、書き置きに便利です。


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

ガイド002.png





編集03【水平線を表示する】

水平線を挿入します。ページを区切りたいときに使うと便利です。


↑のように水平線を挿入したい場合こう書きます。

#hr

また行頭で - を4つ書くことでも水平線の挿入が可能です。


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

ガイド003.png





編集04【新規でページを作成する】

ページを新規で作成する方法です。


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





編集05【画像を添付する】

画像を添付する方法です。かなり使用する機能です。


「添付」ボタンより、画像の添付をします。かなり使用する機能です。 

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

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

※同じ名前のファイルを、同じページに添付はできません
※1,024KBより大きいデータサイズのものは添付できません
添付したのち、ページ内に画像を表示させるには、画像読み込み専用の記述ルールを使用します。記述によっては、違うページに添付した画像も読み込みできます。
添付した画像などを削除したり、名前を変更するときには、画像ごとについている「詳細」リンクから行ってください。
画像は、添付する前にサイズ調整されることをお勧めします。推奨サイズは600pixel x 840pixel、840pixel x 600pixel(おおよそA4のサイズ比)です。


(例)記事にはこのように書きます。

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

そして該当する画像(ここではsample.jpg)を「添付」ボタンより添付します。そうすると画像が表示されます。(編集画面で画像のパーセンテージも指定すれば大きさも変えることができます。)

sample1.jpg

sample1.jpg

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

005.png





編集06【文字色、背景色、文字の大きさ指定】

文字色、背景色、文字の大きさを指定します。


ここに色を変える文字列を打ちます
このように文字の色を変えるには次のように書きます。

&color(文字色,背景色){ここに色を変える文字列を打ちます};



ここにサイズを変える文字列を打ちます
このように文字のサイズを変えるには次のように書きます。

&size(40){ここにサイズを変える文字列を打ちます};



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

ガイド006.png

色指定は、red,blue,greenのようなカラーネーム、または、#○○○○○○の16進数どちらでもできます。参考ページ

(例)16進数で色指定した場合
ここに色を変える文字列を打ちます
次のように書いています。

&color(#000000,#ffa500){ここに色を変える文字列を打ちます};




編集07【リンクの貼り方】

ページにリンクを貼る方法です。


同じサイト内の別のページへのリンクを貼る内部リンクと、別のサイトへのリンクを貼る外部リンクがあります。


・内部リンク
お知らせ?
このように同じサイト内の別ページのリンクを貼る場合こう書きます。

[[(ページ名)]] 



ここを押すとお知らせに飛びます?
このようにページ名とは異なるキーワードで内部リンクする場合こう書きます。

[[キーワード>(ページ名)]]



・外部リンク
芸術の森デザイン会議facebook
このように別サイトへのリンクを貼る場合こう書きます。

[[キーワード>(別サイトのURL)]]




Last-modified: 2018-03-28 (水) 18:20:49 (179d)