DS討論室 // DS開發團隊共同成長的歷程、實際問題研究測試的精華
wordpress外掛介紹─輕鬆設定Facebook Open Graph(下)
本篇介紹wordpress外掛『Me Likey - A Facebook Open Graph Plugin』與『Facebook Opengraph Meta Plugin』來設定woordpress的open graph data，以解決塗鴉牆上的文章與圖片可能出現對不上的混亂狀態。
wordpress外掛介紹─輕鬆設定Facebook Open Graph(上)
當你的塗鴉牆上的文章與圖片可能出現對不上的混亂狀態時，這個問題的產生與Facebook選擇顯示圖片的優先順序有關，通常會以Open Graph meta的為主，再來是隨機選取在此文章中有出現的圖片，但不包含CSS圖片，或是上述提到以php解析出的圖片。
wordpress外掛介紹─讓你的WordPress也來『Google +1』一下！
相信大家再最近都有注意到Google的搜尋頁面上多了可愛的+1按鈕。目前官方也提供中文操作介面的『Google+1您的網站』讓大家可以用簡易的方式加入google+1按鈕。
wordpress外掛介紹─Restrict Categories
當你的wordpress的型態屬於多個作者的共筆網站，且身為管理者的你希望每個作者都乖乖的發佈某一分類的文章，這個『Restrict Categories』可以有效的幫助你進行作者與分類的對應管理。
[網站規劃] 別再讓你的使用者迷路了：麵包屑(導覽路徑)
不知你對麵包屑這個字眼是否熟知，又有多少的了解？最基本的印象不外乎於一長串的文字>文字>文字組合，就如同下圖那樣，但這個看似平凡的一串文字連結，究竟隱藏著什麼樣的功用呢？本篇文章將進一步的說明： 隨著許多的網站的架構越來越複雜，擁有很多的頁面與分類，而『麵包屑』(或稱為導覽路徑)則扮演了重要的導航角色，它的存在大大提高使用者能夠更正確的在網站各個層級裡遊走而不迷失方向，甚至更快速的前往各個頁面。 如同上圖所示，當你在購物網站尋找商品，並發現這結果不是你所預期的，麵包屑就能快速的帶領你回到正確的層級，而不是只能靠著瀏覽器的上一頁重複click到手痠。此外，良好規劃麵包屑上、下層的連接也能有利於搜尋引擎的檢索。 開始重視麵包屑吧！瞧瞧麵包屑的優點： 方便用戶：麵包屑的層級連結可以有效的輔助使用者，讓他們永遠找得到回頭的路徑，並且更加瞭解網站的分類架構。 輕易返回上層頁面、減少點擊次數：尤其對於大型的多層級網站來說，正確的使用麵包屑可以讓使用者容易的前往各個層級，也減少了使用者點擊次數。 降低跳出率：對於首次訪問的使用者來說，麵包屑路徑也是一種帶領使用者更進一步瀏覽各網頁的方式。 例如：使用者藉由搜尋『巧克力餅乾』，而進入你網站的某一產品的介紹頁，麵包屑的存在讓使用者可以快速的往更上層的去瀏覽，假設你的麵包屑是『首頁>產品介紹>甜點零食>餅乾>巧克力口味>小熊巧克力餅』，使用者可以往上一層去看所有巧克力口味的餅乾，或是直接去看你所有的甜點零食商品，這樣的方式也進一步降低了網站的跳出率。 不會占用太多的頁面空間：麵包屑是基本的橫向文字連結組合，這樣的形式不會佔用掉你的網頁空間，也不會對你的網頁內容有任何的影響，所以只要適當使用，基本上它不會帶給你任何的負擔與負面的影響。 如何讓人注意麵包屑？麵包屑使用要點： 從設計上的角度來看麵包屑，主要的重點包括： 麵包屑功用在於導覽，是個補助性的角色，所以不要喧賓奪主，應保持適當的大小，與主選單、副選單有所區分。 避免同站的主選單、副選單與麵包屑在擺放位置上太過接近而互相干擾。 儘量使用共通的符號、表達形式，讓使用者即使是第一次拜訪你的網站，仍然可以依照以往的經驗使用『麵包屑』，例如：文字連結 > 文字連結 ，是最普遍的形式。 更詳盡的內容可參閱：Breadcrumbs In Web Design: Examples And Best Practices 除上述的內容外，在『User Mental Models of Breadcrumbs』文章中提到，在一個網頁上讓使用者進行相關頁面的尋找方式有很多，他們可以使用搜尋尋找有相同關鍵字的頁面，或是使用『返回』的連結，回到自己先前瀏覽的頁面。 但，影響使用者決定以『麵包屑』的方式找尋的關鍵因素是：『麵包屑使用的連結文字與使用者尋找的內容有相關』，這個具有相關性的文字連結，會讓使用者願意嘗試、賭賭運氣，看看使用麵包屑是否可以用最快的速度，帶領他們找到他們所想要的。 由此來看，對於使用者而言，也許他們根本不瞭解什麼是麵包屑，最主要的是它對使用者『說了什麼』。 更詳盡的內容可參閱： User Mental Models of Breadcrumbs
wordpress外掛介紹─Newsletter
Newsletter這款worepress的電子報訂閱外掛，有分為付費與免付費版，試了免費版後，覺得免付費的版本，就能滿足最基本的電子報發送、訂閱名單管理的功能，以下介紹主要功能的操作步驟。
wordpress外掛介紹─RSS in Page
RSS in Page是可以直接在文章頁列出一個或多個網站的RSS訊息的wordpress外掛，此外掛預設為顯示五則，顯示的內容為『x: Y - w
z』，於此處x代表時間，Y代表帶有連結的標題，y代表標題（不帶連結），z是描述，w是 feed的名稱...
CSS技巧研究-文章後面的刪節號
最外層的tag設border-bottom，並設相對定位，內層的兩個tag(文章標題、日期)設定顏色及絕對定位蓋住最外層的border，這樣就能做出刪節號的效果，不過這個效果只適用於只有一行的情況，如果是兩行以上或是有其他客製化的需求，則需要在前面加上div的空標籤。
CSS技巧研究-最小高
最小高的順序一定要像下面列的那樣，第一行是指定給大部份的瀏覽器(Firefox、Opera等支援min-height的瀏覽器)，最小高要有 10px，第二行是讓不支援min-height的瀏覽器能自動撐開，而最後一行則是給IE6看的(同一屬性多次出現在同一樣式裡，IE6只會認得最後一個，而且IE6的height行為等同於最小高)。所以順序一定得要照下面那三行書寫才能做到相容所有瀏覽器的最小高。
產業訊息
樂倍達數位科技 版權所有 Copyright © 2004-2011 DoubleService Digital Technology. All Rights Reserved.