差異處

這裏顯示兩個版本的差異處。

--- playground:pg1 [2024/02/28 11:37]
kenski [Wrap 圖與文]
+++ playground:pg1 [2024/04/01 10:39] (目前版本)
kenski [Pg01 Layout:圖片與影片]
@@ 行 1: / 行 1: @@
-===== Pg01 Layout:圖片與影片====
+===== 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>
@@ 行 9: / 行 9: @@
 <code>
 {{gallery>:temple?puji_*&lightbox}}
-{{gallery>:whereis?golden_*&300x300&2&lightbox&showtitle}}
-{{gallery>:whereis?icctainan_*&200x200&1280X720&~9&3&showtitle&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/>
-[<10>]
 ==== slider plugin ====
 [[https://www.dokuwiki.org/plugin:slider|plugin:slider]]\\
@@ 行 38: / 行 43: @@
 </slider>
 <WRAP clear/>
-[<10>]
 ==== video share plugin ====
@@ 行 44: / 行 49: @@
 {{youtube>MCcBA_Hg0EU?large}}
 <WRAP clear/>
-[<10>]
-==== Google Chart Plug-in====
-[[https://www.dokuwiki.org/plugin:gchart|plugin:gchart]]
-pie3d ((3D pie graph))  pie2d ((2D pie graph)) line ((line graph)) sparkline ((“sparkline” graph)) hbar ((horizontal bar graph)) vbar ((vertical bar graph)) qr ((two-dimensional barcode))
-<gchart 350x120 pie3d #0000ff #ffffff right>
-Apples       = 3
-Peaches      = 23
-Strawberries = 25
-Peanuts      = 7
-</gchart>
-<gchart qr 120x120>
-L
-https://www.tainan.com.tw/
-</gchart>
-<WRAP clear/>
-[<10>]
 ==== footer ====
 作為頁尾(footer)或分隔線(divider)用，後來因頁尾使用了自動分頁(navi)，為簡化版面與避免焦點混淆，把原第一層與第二層的footer移除改做為長頁面的分隔線與分段用。
@@ 行 75: / 行 64: @@
 {{https://www.tainan.com.tw/images/wall.gif?nolink}}\\
 {{https://www.tainan.com.tw/images/festival/xmas_top.gif?nolink|向台南人道聖誕節快樂}}
-[<10>]
+{{https://www.tainan.com.tw/images/br_train.gif}}
 ==== Wrap 圖與文 ====
-[[https://www.dokuwiki.org/plugin:wrap|plugin:wrap]]
+[[https://www.dokuwiki.org/plugin:wrap|plugin:wrap]] 相較imgbox優點可以控制圖文框放置位置，外框以灰色區塊呈現；相對imgbox缺點內碼略多。
-<code><WRAP BOX RIGHT>{{:whatsnew:tulips.jpg?direct&200|}}\\ 德元埤荷蘭日</WRAP></code>
+<code><WRAP BOX LEFT>{{:whatsnew:tulips.jpg?direct&200|}}\\ 德元埤荷蘭日</WRAP></code>
-<WRAP BOX RIGHT>{{:whatsnew:tulips.jpg?direct&200|}}\\ 德元埤荷蘭日</WRAP>
+<WRAP BOX LEFT>{{:whatsnew:tulips.jpg?direct&200|}}\\ 德元埤荷蘭日</WRAP>
-===cf. plugin imgbox===
+<WRAP clear/>
-[{{:whatsnew:tulips.jpg?direct&200|德元埤荷蘭日}}]
+===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>]

Tainanese 台南與我

使用者工具

網站工具

差異處

頁面工具