Top > 画像･動画･パーツ
|
画像･動画･パーツ の変更点
#freeze
//#nosidebar
#contents
*画像 [#c1c256f2]
あらかじめ添付してある画像を読み込むことができます。
&ref(画像ファイルのパス);
&ref(FrontPage/初心者マーク.png);
&ref(FrontPage/初心者マーク.png); ← FrontPageに添付されている「初心者マーク.png」が読み込まれます。
#br
外部のイメージを読み込むこともできます。
&ref(http://xxx.xxx.xxx/img.gif);
#br
画像ファイルを指定しない場合、「添付」と表示され、クリックするとそのページに画像を添付できます。
&attachref();
%%%[添付]%%%
#br
下ような内容を後で画像を入れたい箇所に記述するととても便利です。
&attachref(,nolink,○○の画像);
#br
----
細かい設定もできます。
|noicon: |ファイルが画像以外の場合に表示されるアイコンを表示しません。|
|noimg: |ファイルが画像の場合に画像を展開しないようにします。|
|nolink: |デフォルトでは添付ファイルへのリンクが張られますが、nolink を指定するとリンクを張りません。|
|zoom: |縦横比を保持します。省略時はサイズ指定に従います。|
|150x150: |サイズを指定することができます(幅x高さ)。|
|150%: |サイズを指定(拡大率)します。省略時は100%です。|
|button: |添付リンクをボタンに変更します。|
|代替文字列: |代替文字列を指定できます。このパラメーターは必ず最後に記述して下さい。|
&color(Red){↓以下の順番で記述して下さい。};
&attachref(添付ファイル名,noicon,noimg,nolink,zoom,150x150,150%,button,代替文字列);
#br
このような使い方です。
&attachref(FrontPage/初心者マーク.png,nolink,150x150,代替文字);
&attachref(FrontPage/初心者マーク.png,nolink,150x150,代替文字);
↑サイズアップし、クリックしてもリンクされません。マウスを乗せた場合、「代替文字」が表示されます。
#br
-----
リンクと組み合わせれば画像からリンクすることができます。
[[&attachref(FrontPage/初心者マーク.png);>https://www.google.co.jp/]]
[[&attachref(FrontPage/初心者マーク.png);>https://www.google.co.jp/]] ← 画像からGoogleへリンクした(外部リンクなので &attachref(./ext_red.png,nolink); マークが付きます)
#br
----
&color(Red){''&''attachref(); と #table_edit2 併用の注意};
[[''#''table_edit2>表･table#qdbe495f]] を使用すると、''&''attachref();の画像添付場所がずれる場合があります。
これは、まず''#''table_edit2の表以外の''&''attachref();画像数をカウントし、その後''#''table_edit2の表内の画像をカウントする仕様である為です。
''#''table_edit2の表外の下部に配置する画像は''&''attachref();ではなく、''&''ref();で読み込むことで回避できます。
*YouTube [#j686f420]
#htmlinsert(youtube,id=3Iz8gOXwIu4)
#htmlinsert(youtube,id=3Iz8gOXwIu4)
#br
----
サイズの指定が可能です。
#htmlinsert(youtube,id=3Iz8gOXwIu4,width=250,height=200)
#htmlinsert(youtube,id=3Iz8gOXwIu4,width=250,height=200)
#br
----
idは、YouTubeの「共有」ボタンを押し、この動画へのリンクの下画像部分です。
&attachref(./youtube_id.gif,nolink,youtubeID);
#br
----
時間指定
?start=000
&end=000
idに続き記述することで時間指定ができます。
「000」の箇所は秒です。
youtubeを直接表示する時に使用する「#t=00m00s」は埋め込み型で使用できなくなりました。[[参照>http://plus1world.com/youtube-embed-start-time]]。
例
#htmlinsert(youtube,id=3Iz8gOXwIu4?start=60)
#htmlinsert(youtube,id=3Iz8gOXwIu4?start=60&end=70)
#htmlinsert(youtube,id=3Iz8gOXwIu4?start=60&end=70)
*ニコニコ動画 [#t598f1b4]
ニコニコ動画を読み込むことができます。
?Flashを表示できないapple（iPhone等）で表示されません。
#nicovideo(sm961582)
#nicovideo(sm961582)
#br
----
直接呼び出すには下のように書きます。
#nicovideo(thumb_watch/sm961582)
#nicovideo(thumb_watch/sm961582)
*everyplay [#everyplay]
Youtubeと同じ要領で埋め込めます。
#htmlinsert(everyplay,id=6240162)
#htmlinsert(everyplay,id=6240162)
*Twitter [#wb46f5ab]
2016年6月中旬頃にTwitterウィジェットの内容が変わりました。
//現在は旧仕様と、現行仕様の両方に対応するため、&color(Red){Twitter2};の名称で読み込みできます。
//Twitterを読み込むことができます。
//2013年5月に(旧)Twitterウィジェットが&color(Red){廃止};になることから
//&color(Red){新};ウィジェットで新たに設定をお願いします。
**埋め込み型 [#d148d2f8]
//2016年6月以降の&color(Red){twitter2版};です。
下の「user=&color(Red){xxx};」にTwitterアカウントを入れます。
#htmlinsert(twitter,user=xxx,height=450)
これをwikiに本文に張り付けて更新して下さい。
高さは任意に設定できます。
（&color(Red){※};本文に日本語が含まれていないと荒し予防のエラーが発生します。本文に日本語を含ませて下さい。）
#br
&color(Red){例};：sWIKI「https://twitter.com/sWIKI_Japan」の場合、下のようになります。
#htmlinsert(twitter,user=sWIKI_Japan,height=450)
#br
//ユーザーウィジェットの設定を行います。
//''ユーザー名''に読み込みたいtwitterアカウントを入れます
//その他の設定は、後で上記URLから変更可能なので、そのまま【ウィジェットを作成】ボタンを押します。
//作成された内容の中に &color(Red){data-widget-id="数字"}; の個所がありますので、この数字を控えます。
//#br
//後は、以下の内容に&color(Red){Twitterユーザー名};、前述の&color(Red){数字};を入れWikiに張り付ければ完了です。
//#br
//''#''htmlinsert(twitter,user=&color(Red){読み込むTwitterユーザー名};,height=450,id=&color(Red){数字};)
// #htmlinsert(twitter,user=xxx,height=450,id=000)
//height（高さ）は任意の数字で設定できます。
&color(Red){※};作成方法がわからない場合、代行します。お気軽に[[お問い合わせ>http://www.swiki.jp/a/inquiry/]]ください。
*RSS読み込み [#k432ea56]
RSSの読み込みができます。
#showrss(RSSへのパス,表示形式,表示行数,キャッシュ生存時間(秒),更新日表示フラグ)
#showrss(http://rss.dailynews.yahoo.co.jp/fc/rss.xml,default,5,1,1)
#showrss(http://rss.dailynews.yahoo.co.jp/fc/rss.xml,default,5,1,1)
#br
表示形式は3パターンあります。
|default |記事件名だけが表示されます。|
|menubar |記事件名左に「・」が付きます。|
|recent |記事件名の他に作成日が表示されます。|
#br
*Googleカレンダー埋め込み [#googlecalendar]
まずはじめに、カレンダーの公開設定をお願い致します。
https://support.google.com/calendar/answer/37083
（公開されていない場合、または閲覧権限の無いユーザーには読み込みエラーとなります）
#br
以下の内容をWiki内に記載お願いします。
「xxxx」を発行されるコード内「src」の値で置き変えお願いします。
#htmlinsert(googlecalendar,src=xxxx)
#br
幅、高さのみ設定可能です。
#htmlinsert(googlecalendar,src=xxxx,width=600,height=400)
#br
例です。
【ユーザーカレンダーの場合】
【発行されるコード】
''<''iframe src="https'':''//www.google.com/calendar/embed?src=&color(Red){abcdefghi1234%40gmail.com};&ctz=Asia/Tokyo" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
#br
''#''htmlinsert(googlecalendar,src=&color(Red){abcdefghi1234%40gmail.com};)
#br
【グループカレンダーの場合】
【発行されるコード】
''<''iframe src="https'':''//www.google.com/calendar/embed?src=&color(Red){abcdefghi1234%40group.calendar.google.com};&ctz=Asia/Tokyo" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
#br
''#''htmlinsert(googlecalendar,src=&color(Red){abcdefghi1234%40group.calendar.google.com};)
#br
*アンケートフォーム [#k36cebc2]
アンケートフォームを作成できます。
IPでの制御を行い連続投票はできません。
また、ページを凍結しても投票されます。
#vote(バナナ[0],いちご[0],めろん[0])
#br
#vote(バナナ[115],いちご[45],めろん[38])
#vote(バナナ[116],いちご[45],めろん[38])
|
