推薦幾款個人欣賞的WP(wordpress) themes 佈景

豆漿個人覺得佈景是個對於部落格蠻重要的東西,就像家的門面

裡面的格局擺設就像是佈景裡的功能與設計。

 

在我一個新手入門學習wordpress的過程中,首先需要瞭解如何用wp架網站後

在你決定你部落格裡要得功能跟風格前,需要先確定自己wp的themes

因為找到自己欣賞喜歡的themes後,再來決定一些Pligins的加入與擺設位置

這樣才不會你設定完一些最新文章(recent posts)、隨機文章(randon posts)、

最近的留言(recent comments)、連結(Link)、分類(Categories)、

標籤雲(tag clouds)等功能,在更換新的佈景(themes)後

可能又要重新從主題作設定,因為有些功能需要從佈景(themes)去設定添加一些程式碼

才能達到你要得位置與個人化效果,例如:flickrrss或css。

如果單純開啟Pligins不用在從佈景(themes)去設定,那是最好的方式。

個人首先推薦的是目前最熱門最多人喜歡的一個themes,也就是iNOVE如下圖

由於他版面設計的很有質感外,也沒有多餘的圖片與擺飾。

由於他是對面網友mg12所設計的,所以針對亞洲人的需求作修改

比較符合亞洲人的使用習慣,他也會詢問網友使用後的心得與意見作修改

算是蠻熱心的一位作者。

作者網址:點我

介紹網頁:點我

官網下載:點我

目前使用心得:

雖然目前已經用過一段時間了,不過由於他內建的功能有些隱藏起來

所以需要自己去index.php、single.php、sidbar.php啟動

不過由於作者自己也有提供一些教學可以參考,也有一堆使用者提供個人修改的心得

所以不用怕沒有教學可以參考,這也算是蠻適合新手的一個佈景(themes)主題。

 

以下在提供幾個個人覺得也不錯的佈景(themes)主題給需要的人

希望大家也能早點找到適合自己的佈景(themes)主題。

coolblue

download

iblog2

download

iSimple

此款是以inove為主題作修改,比較有點個人風格的主題。

不過由於此主題並沒在wordpress官網,所以請到作者網站下載。

作者網站

daisy-gray

download

DEEP BLUE

網站

lightword

download

streamline

download

BLUE

介紹網頁

EldroMag

這個功能比較炫點,內建了content-gallery這個Plugin。

官方網站

 

當然還有很多,不過以自己喜歡為主,最主要需要注意的地方

應該說當下載下來,除了看官網的說明設定外,也注意一下每個主題所需要的Plugins

需要啟動的地方在哪?還有自己也要確定是不是真的需要這個功能

不然太多功能也會拖慢載入網頁的速度,雖然wp已經速度算不錯了。

 

但是如果以我在blogger的經驗來說,如果掛載太多javascript或外掛

就已經失去你wp的優點了,這也是我自己常需要注意的,尤其我改完inove的主題後

在換人家改完的iSimple主題後竟然變快,就非常囧了。

不然可以參考各個有名的教學大站,都以簡單實用為主,字體也不小

像我自己跟很多使用者一樣喜歡把照片丟到上面,這樣需要考慮到圖片大小

也可能把他放到其他頁面,如分頁上,盡量讓首頁東西少點。

所以請各位『施主』使用前請考慮清楚!

[+/-] 繼續閱讀...

如何讓自己的部落格有光箱效果(Lightbox)與 Wordpress 、 Blogger 結合

豆漿先前在這篇有使用紀錄,我想用這篇文章筆記自己使用 Lightbox 這個光箱外掛的心得,。

什麼是 Lightbox

它其實是一種在blog展示自己圖片特效的 JavaScript 程式,在網路上可以看到許多應用與教學。

還是不知道是什麼東西,直接點擊下面的圖:

在部落格上是顯示小圖,不過點擊後會顯示大的圖檔,而呈現光箱( Lightbox )的效果,由於它檔案不大執行效率也不錯,在寫文章時候只要插入小圖,這樣多少能減少載入網頁的時間,所以在網路上非常受到部落客的喜愛,同時在 Wordpress 也有相關的 Plugin 外掛。

如果是bloggerpixnet等可以使用插件或網頁元素執行html、 JavaScript 程式的BSP,則適用以下方式:

豆漿不寫教學,由於網路很多前輩分享過了,如果懶得找,豆漿提供幾個供參考,當然自己也作紀錄。

良人的大秘寶 » 在Blogger Beta使用Lightbox顯示圖片

靖.技場 » Lightbox JS --- 光箱特效使用教學

swf.com.tw » 使用LightBox展示線上影像

JH2 » [網頁特效小偏方] Lightbox圖片展示 (疑難雜症)

需要注意的地方

  • 如果下載下來的檔案,上傳到自己空間,在部落格<head></head>中設定的路徑要正確,並且注意設定lightbox.jslightbox.css這兩個文件中所有的圖片路徑。不然Lightbox就會有缺圖或無效等情況發生。
  • 如果用別人空間要小心注意,因為可能流量太大或者檔案不見,導致自己部落格讀不到js、css,或讀比較慢,最後Lightbox的效果無法展示,這時候就尷尬了。
  • 還有Lightbox需要等完整載入後,再點圖片才能顯現效果,不然會直接連結到圖片原始網頁。

以上是我在使用過程遇到的問題。

如果是使用Wordpress 的部落客,則可以使用下列三個Plugins:

jQuery Lightbox

Lightbox-2

lightbox-2-wordpress-plugin

如果還不夠可以參考這篇有其他類似功能的外掛。

使用心得可以參考Sinchen大寫得這篇WordPress 推薦Lightbox外掛jQuery Lightbox Plus

個人是使用Lightbox-2,可以在moki’s首頁右邊看到我同時結合flickrrss這個Plugin的效果(關於flickrrss這個使用心得容許我下次寫了),使用這個Plugin最主要原因是因為它有個auto-lightboxing’ of image links的功能,它自動幫你把圖片組合成為以連續性的光箱式的展示,也就是你目前所在頁面所有圖片作連續光箱展示。

教學部份很簡單(其實我自己也非常懶得再貼圖了)

1.將下載回來的檔案解壓縮。

2.上傳到 /wp-content/plugins/下 的資料夾。

3.在後台啟動外掛即可。

4.在插件設置頁勾選Auto-lightbox image links。

4.最後在自己在插入的小圖設置連結到原始圖。

至於有個不用插小圖的小技巧:

在黑白天空網站這篇寫到

<a href=”图片地址><img class=”alignnone size-thumbnail wp-image-692″ title=”标题” src=图片地址 alt=”标题” width=”144″ height=”81″ /></a>

直接定義圖片的大小,這樣也就不用插縮圖了,真的蠻方便的。

不過由於豆漿還有結合Windows Live WriterWLW)內的外掛 LightBox_SimplePlugin ,所以在撰寫文章不用在寫rel="lightbox"這個語法了。

寫到這裡應該大致上不會有任何問題,有問題也別找我,基本上網路都找得到,因為我本身沒資訊背景,只是喜歡玩部落格而已。

[+/-] 繼續閱讀...