會採用 vSlider 當作 Blog 的 theme﹐是因為作者 iRui 也有設計 for Gallery2 的 theme
使得 WordPress + Gallery2 的配合更完美﹐且 Header 有變換圖片的功能﹐讓我第一次看見還蠻喜歡的。

但作者設計 vSlider 的時候﹐是以解析度 800*600 為基準
對於常需要放相片在文章內的我是有點遺憾﹐橫幅的圖片常常爆框 :P
相同的﹐Gallery2 裡面的相片也被限制大小﹐圖片最寬最寬為 750px 左右﹐圖片太小感覺氣勢很弱 :~
再加上現在使用 800*600 解析度應該已經不是主流了吧?! （17′ LCD 解析度為 1280*1024）

相關統計請參考這裡
2005年 1024*768 為 66.63%﹐800*600 為 23.72%

所以我才將 vSlider 2.1 版本稍作修改﹐改成以 1024*768 解析度為基準﹐並改名為 vSlider Wide

與原本的 vSlider 比較

  • 可在 Blog 的文章內使用寬約 650px 的照片﹐而不會被強制縮小(firefox) 或 爆框(IE)﹐原始版本約 500px
  • Gallery2 中的相片可以使用寬最大約 900px 的照片﹐原始版本約 700px
  • Comment 回應的欄位﹐表單加大

更改細節

由於原始版本的 vSlider 有使用許多圖片來 Layout 整個版面
因此調整 theme 大小還得去修改圖片﹐好家在不是太難改﹐花一個下午的時間終於完成 :)
更改的相關檔案如下：

  • wordpress 部份：
  • 相關 CSS 檔案
  • image 內 Layout 用的圖檔
  • header.php (更改 KBurnalizer 顯示的圖片大小)
  • Gallery2 部份：
    • theme.css 檔案

    下載

    若您有興趣﹐可以下載試試看﹐若有問題麻煩您通再通知我

    Download vSlider Wide

    安裝方法

    若您只有使用 WordPress

    1. 下載 vSlider Wide for WordPress 檔案
    2. 解壓縮至 wp-content\themes 中
    3. 啟用

    若您有使用 WPG2 來結合 Gallery2：

    1. 下載 vSlider theme for Gallery2 安裝並啟用
    2. 下載 vSlider Wide CSS for Gallery2
    3. 將檔案存於 gallery2\themes\vSlider2 並覆蓋原有的檔案
    4. 進入Wordpress Admin 後台
    5. 選取 WPG2 – 內嵌頁面設定
    6. 簡易頁首設定為：
    7. 簡易頁尾設定為：

    發表者：Jason

    程式小雜工