===== 1-1 Layout:圖片與影片====
展示本站使用到的[[https://www.dokuwiki.org/plugins|Dokuwiki Plugins]]((Dokuwiki主程式為了維護其完整性，透過外掛Plugins與[[https://www.dokuwiki.org/template|模板Templates]]兩大類作為拓展功能用的Extensions，使用上依功能需要與喜愛的外觀來選擇，但須注意版本的相容性及延伸性。))
<nspages playground -h1 -textPages="索引 index" -nCol=2>
[<10>]

==== Gallery ====
[[https://www.dokuwiki.org/plugin:gallery|plugin:gallery]]\\
應用:[[longci:spot01_longci_void_mountain#photos]] <wrap lo>拍好的相簿放置在該主題之下，讓讀主看主題時先看隨機的兩張相片，節省版面於主題頁，進入gallery則全版面展開所有相片。</wrap>
<code>
{{gallery>:temple?puji_*&lightbox}}
</code>
{{gallery>:temple?puji_*&lightbox}}

<code>
{{gallery>:whereis?golden_*&300x300&2&lightbox&showtitle}}
</code>
{{gallery>:whereis?golden_*&300x300&2&lightbox&showtitle}}
<code>
{{gallery>:whereis?icctainan_*&200x200&1280X720&~9&3&showtitle&lightbox}}
</code>
{{gallery>:whereis?icctainan_*&200x200&1280X720&~9&3&showtitle&lightbox}}
<WRAP clear/>

==== slider plugin ====
[[https://www.dokuwiki.org/plugin:slider|plugin:slider]]\\
[經驗分享]有時瀏覽器顯示不正常(未完整顯示)時，在前後文插入<<WRAP Clear>>(Wrap plugin)會有幫助，但非百分百。
<code>
<slider playground:mount_blade.jpg>
1
<slider playground:guiji-love.jpg>
2
<slider playground:mc-fight.jpg>
3
</slider>
</code>

<slider playground:mount_blade.jpg>
1
<slider playground:guiji-love.jpg>
2
<slider playground:mc-fight.jpg>
3
</slider>
<WRAP clear/>

==== video share plugin ====

[[https://www.dokuwiki.org/plugin:vshare|plugin:vshare]]
{{youtube>MCcBA_Hg0EU?large}}
<WRAP clear/>

==== footer ====
作為頁尾(footer)或分隔線(divider)用，後來因頁尾使用了自動分頁(navi)，為簡化版面與避免焦點混淆，把原第一層與第二層的footer移除改做為長頁面的分隔線與分段用。

第一層的分頁使用footer
<code>[[:domain:start|{{ https://tainan.com.tw/images/footer.gif?nolink |}}]]</code>
[[:domain:start|{{ https://tainan.com.tw/images/footer.gif?nolink |}}]]
第二層的內容使用footer
<code>[[:start|{{ https://www.tainan.com.tw/images/globe_footer.GIF?nolink }}]]</code>
[[:start|{{ https://www.tainan.com.tw/images/globe_footer.GIF?nolink }}]]
=== divider ===
使用www.tainan.com.tw跟目錄的images: [[https://www.tainan.com.tw/images/bg.htm|bg]] [[https://www.tainan.com.tw/images/br.htm|br]] [[https://www.tainan.com.tw/images/bullet/|bullet]] [[https://www.tainan.com.tw/images/kenski/|Kenski]] [[https://www.tainan.com.tw/images/medium.htm|M]] [[https://www.tainan.com.tw/images/pana.htm|Pana]] [[https://www.tainan.com.tw/images/small.htm|S]]
<code>{{https://www.tainan.com.tw/images/br/wall.gif?nolink}}</code>
{{https://www.tainan.com.tw/images/wall.gif?nolink}}\\
{{https://www.tainan.com.tw/images/festival/xmas_top.gif?nolink|向台南人道聖誕節快樂}}
{{https://www.tainan.com.tw/images/br_train.gif}}
==== Wrap 圖與文 ====
[[https://www.dokuwiki.org/plugin:wrap|plugin:wrap]] 相較imgbox優點可以控制圖文框放置位置，外框以灰色區塊呈現；相對imgbox缺點內碼略多。
<code><WRAP BOX LEFT>{{:whatsnew:tulips.jpg?direct&200|}}\\ 德元埤荷蘭日</WRAP></code>
<WRAP BOX LEFT>{{:whatsnew:tulips.jpg?direct&200|}}\\ 德元埤荷蘭日</WRAP>
<WRAP clear/>
===cf. plugin imagebox===
[[https://www.dokuwiki.org/plugin:imagebox|plugin:imagebox]] 相較wrap的多功能之一，單一plugin可以通用地用單一語法為圖片顯示註解文字(annotation)(預設的dokuwiki是滑鼠滑到圖片上時顯示註解文字)，也可點選放大圖片(另開視窗)。
<code>[{{:whatsnew:tulips.jpg?direct&200|德元埤荷蘭日}}]</code>
[{{:whatsnew:tulips.jpg?direct&200|德元埤荷蘭日1234567890123456789012345678901234567890}}]

==== SVG圖檔 ====
  * 因為目前Dokuwiki系統預設並不支援(上傳後當成一般檔案)所以轉檔JPG/PNG後再使用是一種做法
  * 另有人將SVG的XML碼貼入HTML標籤中顯示也是一種做法
  * 安裝[[https://www.dokuwiki.org/plugin%3Asvgembed|svgEmbed Plugin]]後並不是原生支援(當成IMG)而會以(OBJECT或EMBED)顯示
  * 所以目前Kenski用第一種作法，多一道轉檔的工
==== 其它====
  * 如何更名rename媒體櫃中的檔名
    * 靠後台如capable的檔案管理在data\media目錄下直接改檔名，缺點是內文的連結不會連動更正
    * 使用move plugin在管理選單中，可進行頁面page及媒體櫃media的修改，並連動內文的連結
[<10>]