編集ガイド の変更点


#author("2018-03-28T18:09:12+09:00","default:afdn9","afdn9")
#author("2018-03-28T18:20:49+09:00","default:afdn9","afdn9")
*関係者の方へ|2018.03.28
~

***現状のご報告です。
-当サイトのレイアウトは、960pxを境に、PC用の表示とスマホ・タブレット用の表示が切り変わります。ブラウザのウインドウサイズを変更してお試しください。

-印刷用のデザインが別途組み込まれていますので、印刷時には、ヘッダーやサイドバーを除く、本文記事部分のみが出力対象となります。

-見出し、箇条書き、整形済み、その他、以下のページにて確認して下さい。
[[FormatCheck]]

-トップのスライド画像を変更希望される場合は、画像を開発あてお送り下さい。
推奨サイズは 960px x 250px です。
~


***YouTube動画の配置
YouTube動画の配置が可能になりました。
#youtube(1sWcl9UksV0,480,320)
編集画面内では以下のように記載しています。
 #youtube(1sWcl9UksV0,480,320)
 #youtube(1sWcl9UksV0,480,320,auto) ← 自動再生します。
-先頭項目は、YouTube動画のIDです。(アドレス上の v= に続く最後の文字列です。)
-2、3項目めは、画面上での幅と高さです。
-最後に auto を付けると自動再生しますが、音が出るのでお薦めではありません。

~

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

~
以上、お読み終えたら、ここから上の部分は削除してください。

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


*編集ガイド

#hr
RIGHT:[[プラグインガイド]]
~

***追加のプラグインについて|2018.02.09
以下、カスタマイズされたプラグインで、PukiWiki標準のものではありません。
この部分の記事は、後で、このページの下の方に移動して下さい。

-#image
Lightbox機能つきの画像表示です。
 #image(sample.jpg)
画面右側の1/4の領域に表示したい場合は、以下のように書きます。
 #image(sample.jpg,right,25%)
~

-#youtube
YouTube動画の埋め込み用です。引数は以下の順で。
 #youtube( 動画のID, [ 幅, 高さ, auto, loop, LR/UL] )

 #youtube( AbCdEfG,720,480,auto)
動画AbCdEfG を、サイズ720x480 で自動再生。
loopはループ再生、LRは左右反転、UDは上下反転表示。
~

-#contents2_1
埋め込み位置以下の見出しを自動回収してメニュー化
~

-#calendar9
calenderプラグインの高機能版
~

#hr

~


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

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

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

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

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

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

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

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

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

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

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

&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(sample1.jpg,,100%,);

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

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

&image(005.png,,80%);
#hr
~
~

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

&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
~
~