[Andyliu.Design]::樂活.心靈.設計 » WordPress

[技巧] facebook整合行銷實務: 無痛安裝「讚」(Like Button)到WordPress

Andy Liu — Fri, 20 Aug 2010 07:49:56 +0000

自從Facebook官方公佈Open Graph protocol後，已經越來越多網站、部落格都將「讚」按鈕(Like Box)功能加入網頁中。

如果你是Wordpress的玩家，那真的有福囉，現在不用在研究什麼Facebook Open Graph、Facebook Social Plugins，或是FBML語法囉。目前已經有善心人士提供安裝「讚」按鈕到Wordpress的外掛，非常簡單方便喔！

WordPress Facebook 「Like」 Button

說明：

* 下載外掛（目前版本：1.1）。
* 解壓縮文件到您Wordpress的wp-content/plugins 資料夾當中。
* 在後台「外掛」選項中，啟用這個插件。
* 設置選項： 在後台「設定」選項中找到「WP FB Like Button」

找到後可以看到下面的設定選項：

設定後，記得點選儲存(Save)，然後再回到你的部落格，就可以看到文章顯示出「讚」按鈕(Like Button)喔！

當然你也可以使用Facebook官方所提供的Like Button語法產生器，也是可以很方便幫你將「讚」按鈕(Like Button)加到網頁當中喔！

不過當然拉，有外掛就使用外掛，只要簡單的安裝、設定就可以使用，未來也可以減少去修改Wordpress版型的頁面，建議還是安裝外掛會比較方便喔！

——————————————————————————^_^
[Andyliu.Design]::樂活.心靈.設計
自然的心情、自然的態度，讓我們一起品味生活！

劉宗儒(Liu Tsung Ju, Andy)
Web/Blog: http://andyliudesign.idv.tw
MSN/Email : andyliu.design@gmail.com
———————————————————————————

[趨勢] WordPress企業網站設計開發優勢

Andy Liu — Fri, 12 Jun 2009 03:24:04 +0000

最近一直專研在Wordpress的CMS(Content Management System)和雜誌(Magazine)版型上，也寫了

的確Wordpress很容易令人著迷，有著直觀的操作介面、廣大的版型、外掛套件，光是在這上面尋寶，就足夠花上好幾天的時間，而隨著Wordpress的CMS(Content Management System)和雜誌(Magazine)版型越來越成熟，將部落格改造成網站型態已經不是什麼困難的事情，而且比起傳統網站設計還有更多的好處，而我在這邊就作了個簡單的比較表：

	傳統網站設計	傳統網站套裝 (架站機)	企業網站設計
設計費用	NT$40,000~50,000 甚至更高	NT$10,000~20,000	NT$20,000以內 (主機、網域等) (甚至幾乎免費)
美觀	優	中上	優
搜尋引擎優化	不一定具備	有，中上	有，優
版型修改簡易度	不易	容易	容易
功能擴充性 (如留言版等)	不可	可、但較少功能	可、功能多元、豐富
學習門檻	高	中	低
後台編輯功能	不一定具備	有	有
前台編輯功能	不一定具備	不一定具備	有

此外為何採用WordPress作為企業網站設計的首選呢？

因為WordPress Blog套件是目前最普遍與廣泛使用的Blog套件之一，WordPress Blog套件具備開放、簡易使用，且擁有強大的功能外掛支援，同時Blog系統本身又具備良好的搜尋引擎優化的支援，絕對是在網路中殺出一片血海，企業創造藍海市場最佳的選擇！

以下詳盡列出，使用WordPress作為企業網站的優點：

01. 大幅降低企業網站設計成本 (有效減少2/3成本花費)

採用Wordpress可有效減少2/3網站設計的成本花費，因為一般傳統網站設計大約要花費NT$40,000~50,000不等，甚至是更高的價格，若採用Wordpress作為企業網站設計的方案，幾乎不用花費到NT$20,000(甚至更低、免費)，不僅如此，Wordpress還具備留言版、投票機制等實用的外掛功能，可以輕鬆擴充網站功能，這些都是一般傳統網站設計，需要花費昂貴的設計費用才能辦到的。

02. WordPress的易用性與便捷性

WordPress Blog套件，在前台、後台的管理介面上，非常直觀、容易學習。企業網站架設好厚，基本不需要做其他的操作，只需要發布文章的一項功能來進行日常的更新維護工作即可！解決過往發佈新文章或活動消息，還必須透過設計師或是複雜的操作介面，才能夠發佈消息，使得訊息喪失第一時間性。

此外所有在網站中的文章、內容、圖片、影音，都可以在前台、後台直接編輯，無須另外透過網頁設計軟體，方便又快速！

03. WordPress支援靜態網頁功能，不需另外產生HTML靜態網頁，節省空間資源！

靜態網頁的最大功能莫過於增進搜尋引擎收錄的速度與排名，WordPress在此部分有很好的支援！

04. WordPress強化搜尋引擎優化效能

部落格系統本身就符合搜尋引擎的偏好，因此使用WordPress Blog套件為網站的基礎

——————————————————————————^_^
[Andyliu.Design] — 樂活.心靈.設計
自然的心情、自然的態度，讓我們一起品味生活！

劉宗儒(Andy Liu)
專長：多媒體設計、創意行銷、形象品牌規劃、部落格製作
Web/Blog: http://andyliudesign.idv.tw
MSN/Email : andyliu.design@gmail.com
———————————————————————————

[WordPress Theme] 2009高優質免費必收藏的30個WordPress版型

Andy Liu — Tue, 26 May 2009 01:14:00 +0000

誰說免費的就沒有好東西呢？這幾天在VisionWidget – Vision IN Art上逛了很久，發現在「2009 Amazing 30 Popular Free WordPress Themes Must To Following」這篇文章當中，推薦的版型中也有提到「Comfy」，這是我自己目前最喜歡的版型，「水映♥美麗境界」的部落格便是採用「Comfy」這個版型，大家趕緊來看看，收藏這30個超優質的Wordpress版型吧！

1. Comfy Magazine Free WordPress Theme| Demo | Download |

2. Malawak Free WordPress Theme | Demo | Download |

3. Irresistible WordPress Theme | Demo | Download |

4. NewsTheme Free WordPress Theme | Demo | Download |

5. AutosSlug Free WordPress Theme | Demo | Download |

6. FREEmium Free WordPress Theme | Demo | Download |

7. Agregado Lifestream Free WordPress Theme | Demo | Download |

8. Snapshot Free WordPress Theme | Demo | Download |

9. Versatility Lite Free WordPress Theme | Demo | Download |

10. CHARA Free WordPress Theme | Demo | Download |

11. Blues Free WordPress Theme | Demo | Download |

12. Deskspace Free WordPress Theme | Demo | Download |

13. Notepad Chaos Free WordPress Theme | Demo | Download |

14. Mahusay Free WordPress Theme | Demo | Download |

15. Hamasaki Free WordPress Theme | Demo | Download |

16. Androida Free WordPress Theme | Demo | Download |

17. Arthemia Free WordPress Theme | Demo | Download |

18. WP Newsmag Free WordPress Theme | Demo | Download |

19. Brightness Free WordPress Theme | Demo | Download |

20. DesignMagz Free WordPress Theme | Demo | Download |

21. Alivapress Free WordPress Theme | Demo | Donwload |

22. Magazeen Free WordPress Theme | Demo | Download |

23. Blogging Pro Theme | Demo | Download |

24. Dilectio Free WordPress Theme | Demo | Donwload |

25. The Original Premium News | Download |

26. Journalized Theme Version 2

27. WP DashboardLike

28. Google Chrome

29. Typebased

30. Absynthe

[WordPress Theme] 2009不可不看的優秀CMS型之WordPress版型

Andy Liu — Mon, 25 May 2009 13:14:00 +0000

最近常要幫客戶架設Wordpress的部落格，而我越來越喜歡上CMS(Content Management System)和雜誌(Magazine)的WordPress版型(WordPress Theme)，剛好最近看到這篇介紹CMS型的Wordpress版型，真的讓我更具有信心的宣揚：「部落格不僅是部落格，還可以當作網站來使用！」

下面是rubiqube收集並推薦的20個做得比較成功且設計十分優秀的CMS型WordPress網站，其中我自己最喜歡的就是「Cubicle Ninjas」的這個版型的設計，實在太令我驚豔了，此外「Frisk Design」這家網頁設計公司也非常厲害，因為在這二十款的CMS版型設計中，就收錄該公司設計的許多作品，話不多說，趕緊來欣賞吧^^

1. Cubicle Ninjas

2. Ford Auto Shows

3. Frisk Design

4. Gaijin Film and Sound

5. Huck Magazine

6. Quasar Software

7. Aid – Sri Lanka

8. Tim Wilson

9. TP Hire

10. Executive Warfare

11. Feedback Audio

12. fraai

13. Future Snowboarding Magazine

14. Ginger Restaurant

15. Inbound Pass

16. International Screening Solutions

17. kineda

18. Little White Lies

19. Miami Dating Coach

20. ten24media

[手札] 2009-04-24 母親慈暉 (WordPress Theme_母親節版型)

Andy Liu — Fri, 24 Apr 2009 09:55:54 +0000

去年在母親節的時刻，我將部落格改版，讓整個部落格充滿的慈恩的母愛的感受，很多朋友感覺不錯，今年不例外的，我又將部落格改版囉，只是這一次的改版過程當中，感觸特別多也更深層！

首先我想先分享一首歌：

愛慕作詞、作曲：梁弘志 (詳細介紹)

我喜歡清晨醒來聽到妳聲聲呼喚
為了我一切代禱 —我已習慣了妳的愛|
你的愛無怨無悔永恆像天邊月亮
又像那春風掠過 —安慰我心靈的憂傷

愛慕愛慕誰差遣妳來
在我生命的旅途時時處處的照顧

愛慕愛慕主撿選了妳
在我失意的時候來瞭解我的苦

啊! —世上的財富換不到我心中愛慕

最近比較多的機會與時間去面對自己內在的感受與渴望，發現自己是很極端矛盾的一種人：既渴望愛卻又害怕愛！

很多時候面對別人的關心、關懷，我其實是不知所措的，內心可能很感動，但表現出來的卻是漠不關心，甚至有時候更嚴重，是以一種反彈的方式，回應給對方。

很多時候面對母親的關心、關懷，常常都是認為是一種囉唆，用一種很不耐煩的方式去回應，但也唯有母親的母愛可以包容這一切，讓我可以如此的放肆、撒野，其實我又何嘗不想要母親的關愛呢？但為何會慣性的採用一種反彈的方式去面對呢？(答案我當然知道，因為最近有一些機會，都在面對這個問題。)

不管如何，希望在此時此刻開始，我就能活出一個全新的我，時刻記住發生在我自己生命中每一個愛的片刻！

——————————————————————————^_^
[Andyliu.Design] — 創意.設計.自然.樂活
自然的心情、自然的態度，讓我們一起品味生活！

劉宗儒(Andy Liu) 創意˙設計˙自然˙樂活生活家
專長：多媒體設計、創意行銷、形象品牌規劃、部落格經營
Web/Blog: http://andyliudesign.idv.tw
MSN/Email : andyliu.design@gmail.com
———————————————————————————

[WordPress Theme] 版型設計_網站山寨版之部落格搞什麼？

Andy Liu — Wed, 22 Apr 2009 13:00:00 +0000

最近「山寨」這個名詞實在太「火紅」，無論什麼都會有「山寨版」，最早山寨版是從3C產品延伸到廣告、影片等等，現在竟然連網站都被「山寨化」，最近從艾德那邊看到一則新聞：「Omegle僅用4天即被中文山寨」，真的太恐怖了！竟然只花了四天的時間，快速的複製網站的功能、版面設計等等，只能說：「傑克！太神奇囉！」

「網站山寨版之部落格搞什麼」系列文章，並不完全的想要探討各種網站被山寨化的情形，而是希望來探討：「部落格也可以搞的很像網站」，這件事情！這個議題存在我腦海當中已經很久，因為工作關係，常常會接觸到各式各樣想要行銷以及製作網站的客戶，但是我通常都會建議他們改採用部落格，但是大多數第一個反應都是：「部落格好像不夠專業，或是版面很複雜，很難找到資訊！」，所以我希望將一些我自己幫客戶架設部落格的經驗分享出來，希望可以導致一些對於部落格的刻板印象！

在正式進入「網站山寨版之部落格搞什麼」本文前，我先和大家分享一個小故事：以前我讀數學系時，有一次在上課時，聽到一個學生和教授的談話。

學生問：「學高等微積分、線性代數要幹什麼呢？平常買菜、算術又不會用到！」

教授答：「那是因為你學的還不夠專精、不夠透徹，所以你不知道可以怎麼使用。」

為何數學稱作「科學之母」，當然有它的因素，無論是物理的重力加速度、經濟學中的邊際效應等等，都是會運用到微積分，其實不懂數學要運用到那邊，很大的原因是我們接觸的領域不夠廣泛，不知道實際可以怎麼運作，所以後來也慢慢有應用數學系的誕生，就是希望數學系的學生，可以將所學應用到生活面。

我想我是扯的遠了，回到主題：其實說真的，我個人覺得會認為部落格不夠專業，或是版面複雜、找不到想要的資訊，通常都是因為不夠了解部落格可以怎麼應用！

先來看看下面這個網站

網站：GUMBALL SPECIAL 作者：Evan Eckard | 展示：DEMO

乍看之下，你會覺得像是「部落格」嗎？對我來說，第一眼看到的感覺，蠻像是某種藝術作品展示的網站，將一幅一幅的作品展示在網頁上，讓人可以一目了然，但是這個「網站」其實是部落格，只是透過一些巧心的編排，就讓部落格的整體感覺截然不同。

最近國內有兩家咖啡店，都同樣採用部落格的形式當作是官方網站，一是果子咖啡，另一個則是默契咖啡。

果子咖啡網站截圖

默契咖啡網站截圖

這兩種版行在國外蠻流行的，尤其是默契咖啡的網站版型，我個人更為喜歡，在最上方就有圖片輪播的功能，可以將店家的最新消息、活動等等發布於此，更像是傳統網站的結構。

如果看了這兩個網站的版型還不過癮的話，也可以看看我最近製作的「水映♥美麗境界」的部落格，相信你對於部落格會有更大的改觀！

事實上這個版型是從「WordPress theme ComFy Magazine」(作者：Ahmad Fouad)版型修改而來。

通常這樣的版型都稱呼為「雜誌型, Magazine」，因為其版型結構主要是以圖文區塊來作呈現，和一般雜誌的編排類似，所以會稱之為「雜誌型」，這樣的版型在國外流型有一段時兼了，我是覺得未來一定會越來越豐富、越來越便利，而這樣的版型，徹底的為部落格帶來了一種新氣象，讓部落格更能夠像網站一樣，呈現更多元化的視覺表現，當然這也就更拉近部落格與網站之前的界線！

如果您對於「雜誌」這類型的版面有興趣，您可以到下列網站獲得更多資訊：

WordPress主题站
 Revolution Two系列免费主题
 Deluxe Themes

——————————————————————————^_^
[Andyliu.Design] — 創意.設計.自然.樂活
自然的心情、自然的態度，讓我們一起品味生活！

[WordPress] Themes Trend&Intro-Use jQuery

Andy Liu — Fri, 09 Jan 2009 03:27:42 +0000

最近再幫一些業主改部落格，以及包括改「Andyliu.Design」部落格達人甄選部落格，都使用到一些「jQuery」的技巧與功能，所以想要稍微的來談談這部份！

jQuery是一款免費且開放源代碼的JavaScript代碼庫，由John Resig創建。

http://zh.wikipedia.org/w/index.php?title=JQuery&variant=zh-tw

事實上在國外已經有許多使用jQuery功能的部落格版型，我想這未來絕對會WordPress Themes的一種趨勢。目前較常看到的有三種類型使用到：

第一：最新消息的輪播： [Live Demo] [Download/191Kb]

這個版型也是目前「Andyliu.Design」部落格達人甄選部落格所使用之版型，在首頁中可以看到最新消息的部分會有輪播的功能，這樣的功能用JQuery實現，真的是很容易的一件事情，只要短短三行程式便可以搞定。

第二：圖片展示： [Live Demo] [Download/899Kb]

在首頁版型中可以看到很顯眼的圖片導覽列，可以提供使用者快速的閱覽圖片，這也是一個很棒的功能。

第三：分頁的表現手法： [Live Demo] [Download/71Kb]

進入首頁在右邊的部分可以找到「latest posts」、「comments」、「tag cloud」這三個部分，以前的部落格版型都是使用區塊來呈現，因此很容易造成側邊欄過於冗長的問題，現在透過jQuery的分頁功能來表現，則可以有效的節省版面空間。

以上三種方式，我相信在未來WordPress版型的設計上應該會越來越普及，這也再度證明我一直強調的：「誰說部落格不能當網站用！」，看了這三款樣式的設計，其實可以發現，部落格版型的設計上，已經越來越像是網站，符合多功能性以及展示性功能，真的是非常令人興奮的一件事情！

PS 未來有時間在另行撰文來談談：「誰說部落格不能當網站用！」這件事情！

————————————————————————————^_^
[Andyliu.Design] — 創意.設計.自然.樂活
自然的心情、自然的態度，讓我們一起品味生活！

劉宗儒(Liu Tsung Ju, Andy)
專長：網站設計、網路行銷、部落格行銷、搜尋引擎優化(SEO)
Web/Blog: http://andyliudesign.idv.tw
MSN/Email : andyliu.design@gmail.com
—————————————————————————————

[WordPress] WordPress 2.7 Icons大家來投票^^

Andy Liu — Fri, 14 Nov 2008 04:10:02 +0000

從F2blog轉換到WordPress一陣有好一段時間囉，真的太喜歡WordPress囉，尤其是2.5和2.6版本之後，更是令人驚豔，而現在WordPress2.7即將Release前夕，在網站中辦了一個ICON的意見投票，大家可以去參與喔，新的WordPress2.7的介面真的很漂亮、功能也改進很多，超期待的！

問卷投票網址：

http://www.polldaddy.com/survey.aspx?id=20dddaed462b713e

[WordPress] Platinum SEO_超強SEO外掛

Andy Liu — Sat, 30 Aug 2008 04:03:00 +0000

相信很多使用WordPress的朋友，在後台的外掛都會安裝「All in one SEO」這個外掛，我自己也一直都是使用這個外掛來增強部落格的SEO，不過今天在找一些資料時，看到一篇文章「All in one SEO Pack 的接班人 Platinum SEO」引起我的好奇，據說這款 SEO 插件除了具有 All in one SEO 插件的全部功能外，還具有更多的優化選項，引此二話不說，我馬上就去下載來使用，目前雖然還看不出來差異點，但是總是有些心理作用，會覺得很不錯（至少在名字取名上就贏很多，畢竟這是白金版，哈！）。

安裝過程我直接停用「All in one SEO」，然後啟用「Platinum SEO」，原先在「All in one SEO」的設定都會原封不動的套用到「Platinum SEO」設定喔，轉換上還蠻方便的！

Platinum SEO Plugin 主要功能：

針對搜索引擎優化頁面和文章標題
自動生成SEO相關的元標記（META Tags）
幫助你避免重複內容（為了防止被搜索引擎懲罰？）
讓你為每篇文章全局編輯META說明和關鍵詞
與大部分其他插件兼容比如Auto Meta, Ultimate Tag Warrior等.當然你可能要停用All in One SEO pack
別怕改變永久鏈接（permalinks）了，這個插件提供了自動301重定向功能，這個功能是ALL in One SEO pack裡沒有的。
可以對每篇文章設置index, noindex, follow or nofollow, noarchive, nosnippet, noodp, noydir 等元標記.又是一個新功能。
增加了一些可添加noindex標記的頁面：類別頁面、存檔頁面、tag頁面、評論feed、rss feed、搜索結果頁面等等。
為首頁的外部鏈接添加NOfollow屬性

Platinum SEO Plugin 主頁：http://wordpress.org/extend/plugins/platinum-seo-pack/

原文：All-in-one-SEO-Pack的接班人Platinum SEO。

——————————————————————————^_^
[Andyliu.Design] — 創意.設計.自然.樂活
自然的心情、自然的態度，讓我們一起品味生活！