坐好了嗎?!有了WordPress的網站,千萬別浪費它新增外掛的能力。今天,我們要教大家的是,如何在你的WordPress網站中新增一個幾乎可以說是史上最強的(因為該有的功能都有了)幻燈片外掛的安裝。史上最強?沒錯,先去看一下示範網頁:【超級酷WordPress幻燈片外掛示範】。這個外掛,除了可以指定圖片來當做是幻燈片之外,連影片都可以,而且它把幻燈片的展示當做是獨立的單位,所以,你可以在網站中的任何地方使用到它,甚至連放在佈景主題的程式碼中都可以。

  要安裝這個外掛要到它們的網站上才能夠找得到,網址:http://www.wonderplugin.com/wordpress-slider/,外掛的名稱就叫做WordPress Image & Video Slider,是WonderPlugin的產品,它有免費的版本可以使用,而我們在示範的網頁中,就是使用免費的版本完成的。

  在大部份的情況下,我們要安裝外掛都是直接到新增外掛的功能中去搜尋就可以了,可是這個外掛站長在搜尋中找不到,所以必須到網站上去下載。不過下載也是很簡單,只要前往上述的網址,就會出現如下所示的網站畫面:

slider01

  直接把畫面移到下方,找到【Download Free Version】連結,按下去直接下載外掛的.zip壓縮檔。接下來,請回到WordPress控制台新增外掛的地方,如下所示:

slider02

  這一次我們要選擇【上傳外掛】,如下所示:

slider03

  選擇剛剛下載的檔案,然後按下【立刻安裝】按鈕,等一段時間讓檔案上傳、解壓縮以及安裝,完成之後會出現如下所示的訊息:

slider04

  記得要啟用這個外掛。啟用之後,就可以在設定的選單中找到設定的選項,如下所示:

slider05

  第一次使用的話,可以選擇New Slider去建立一個新的幻燈片(Overview就不用去看了,全部都是英文,相信大家應該都沒興趣),如下所示:

slider06

  設定畫面非常直覺,一開始就是這個幻燈片的名字(因為可以有很多個幻燈片),以及要使用的寬和高,這個數值要看你是打算放在網頁的正上方還是要放在文章中而定。是為這一個我們要放在文章中,所以就選擇預設值就可以了。

  下方幾個步驟,包括第1步可以新增相片、影片、YouTube連結,第2步選擇外觀的樣子,第3步設定功能調整、以及第4步的預覽。在這裡,你當然要先找到並裁切剛好尺寸的圖片,以免展示出來的圖片效果不好。至於YouTube的影片則別擔心,這個外掛自己會做最佳化的調整。

  在你準備好要展示的圖片之後,就可以進入第1步,把想要設定的圖片以及影片都新增進去,在這邊你可以看到,每一張圖片可以設定的項目也非常豐富,除了上傳圖片之外,你也可以使用設定網址的方式來使用別的網站上的圖片,另外,也可以設定這張圖片的標題和副標題,以及詳細的內容描述,當然還可以設定按鈕以及按鈕被按下之後要前往的網址,最後也可以指定整張圖片被按下之後要前往的網址:

slider12

  所有的圖片以及影片新增完畢之後,就可以到第2步去設定外觀的樣式,如果不選的話,預設的也很有質感。如下所示:

slider07

  接下來,是第3步,設定整體展示的效果,如下所示:

slider08

  在這邊就不細說了,每一項功能你可以自己調整以及設定,再看看效果的差別自然見分曉。下面這張是我們使用在範例網頁中的例子,總共設定了4個幻燈片,其中包括3張圖片以及1個YouTube的影片:

slider09

  新增完畢之後,回到管理幻燈片的地方(Manage Sliders),如下所示:

slider10

  其中Shortcode就是用來放置在文章中的短碼,而PHP code則是用來放置在佈景主題的PHP程式檔案中使用的程式碼。我們以放置在文章中的內容做例子:

slider11

  在編輯文章的時候,找到你想要加入幻燈片的地方把Shortcode放進去,就可以看到幻燈片的效果了,就像是我們的【超級酷WordPress幻燈片外掛示範】一樣。相信你一定是迫不急待地想試試看了吧!

(7591)