免費WordPress佈景：Digit 大圖呈現，視覺饗宴！
如果你是攝影部落客，或是喜歡拍很多漂漂亮亮的圖片與大家分享，那部落格首頁肯定希望一進入網站就看到非常棒的視覺震撼，最好是每一篇文章都能顯示個幾張圖片在網頁首頁，吸引大家的目光！沒錯，Digit (迪奇)這個佈景就是為此產生，首頁將會幫你呈現每篇文章的三張圖片，讓你有強棒的視覺震撼，圖片為主，文字為輔，著重於視覺饗宴。
如果你的網站有非常多不錯的照片，那這個佈景主題會非常適合你，很多版型並不是本身的CSS樣式多好看或是很多的花俏特效，而是網站內容，從本質上出發，好的照片撐起整個網站的視覺效果，輔以文字而讓網站做出最完美的呈現，並非是版型的本身。就好比買衣服，有些衣服別人穿起來很好看，但自己穿起來就非常普通，大概就是這樣的感覺。
這回推出的佈景主題名稱是「Digit」(迪奇)，老實說我真的不知道他的意思，又是藍藍路想出的鬼點子名稱，迪奇是一隻來自於「迷霧森林十八年」這部電影的猩猩，電影是改編真人真事，描述一位致力保育黑猩猩的保育專家，研究瀕臨絕種的非洲黑猩猩，在森林中住了18年，了解牠們的習性並一同生活照顧這些猩猩們。
如同先前推出的免費佈景，一樣是由阿腸網頁設計工作室推出，那佈景的特色，將會在文章中繼續做一些簡單介紹，開放給所有個人部落格下載使用，若是商業化的網站，請先來信洽詢使用規範囉！再次提醒，如果網站圖片不多或是圖片很普通甚至是畫面截圖，首頁呈現上會有點怪，不建議使用哦！
- 版型名稱：Digit
- 免費下載：按這裡
- 展示網址：http://digit.achang.tw/
- 使用規範：按這裡 (限個人部落格、如遇用於商業網站請來信洽談。)
1.1.0
- 修正：輪播顯示異常
- 修正：CSS選單顏色
不免俗的，讓我們先看一下簡單的示意圖，走咖啡色的風格。
多層選單
佈景主題支援兩層的選單設計，畢竟主要還是希望一進來網站選單只要滑過去一次，使用者就可以很明確地找到自己所需的項目。
首頁大圖輪播
一個攝影/婚攝部落格，當然是希望一開始都會希望有一個區塊可以直接呈現網站大圖，沒錯，一樣有一個960×500區塊的大圖輪播可以放置五張圖片，左右點選切換，或者是輪播自動切換。
後台一樣有輪播的區塊可以上圖，不過記得先到【阿腸主題設定】中，將輪播功能啟用(預設關閉)。
首頁文章List呈現
首頁文章清單，採用內文三張圖片顯示，如果有設定特色圖片，左側大圖會優先抓取特色圖片，右側會採用文章第一張圖與第二張，若沒有特色圖片，那圖片顯示就會抓出文章前三張圖片進行顯示。
不過在此須注意，為了讓圖片效果成效較佳，圖片均透過timthumb產生縮圖(從中心點去切出圖片)，但此法可能在某些虛擬主機不支援相關參數，那就無法使用本佈景主題。通常此種狀況，免費空間較容易發生。為確保品質與尺寸，目前僅透過timthumb此種方式呈現圖片，若主機不支援就很抱歉，或者是可以考慮換個虛擬主機，由阿腸推出的免費主題，均在我們虛擬主機環境上可以正常運作。
有沒有發現，當滑鼠一到第一張大圖時，我們會呈現文章摘要描述，並同時將背景做遮罩效果，感覺很舒服吧XD。
底部自訂模組
這次的佈景主題沒有側邊欄設計，僅有底部的區塊可以讓您放置，目的是可以拉寬整體效果，讓圖片得以最佳的呈現，讓視覺效果更棒。下方三個區塊，您可自由擺放您所需要的資訊。
文章頁碼
一樣，文章切換的時候，不會顯示上一頁/下一頁，而是呈現數字頁碼，這樣您就可以讓網站減少安裝一個外掛囉！這也是小小優化的一環呢。
內文置中呈現
內文部分，一樣左側會放置社群滑動按鈕，此項功能一樣可以透過後台啟用或關閉。內文所有資訊均會置中呈現，當然如果你不喜歡，可以修改CSS內的設定，將他取消。
內文是完全置中呈現，不論您先前是否有設定過偏左或偏右，預設士會全部強迫置中呈現，讓網站整體有對稱感，因為如果靠左呈現，圖片寬度較小的話，右側易於造成整塊空白，視覺效果並不好。
Digit 佈景主題後台設定
雖然這個主題比起寂寞喬治是少了很多自主化功能，不過我們還是有將一些基本的設定放上去，例如可自己從後台更換網站LOGO、後台加入Google Analytics 追蹤碼、廣告代碼等。
最後，有bug問題，一樣可以在此留言回報！
![[教學]GA4 和 Google AdSense 資料串接，輕鬆掌握網站流量和收益報告](https://i0.wp.com/sofree.cc/wp-content/uploads/2023/06/20230620130326_57.jpg?quality=90&zoom=2&ssl=1&resize=350%2C233 "[教學]GA4 和 Google AdSense 資料串接，輕鬆掌握網站流量和收益報告")
![[教學]如何申請台北捷運誤點證明？](https://i0.wp.com/sofree.cc/wp-content/uploads/2024/04/20240403164113_0.jpg?quality=90&zoom=2&ssl=1&resize=350%2C233 "[教學]如何申請台北捷運誤點證明？")
![[教學]如何用 ShowKeyPlus 查詢 Windows 10/11 產品金鑰序號？](https://i2.wp.com/sofree.cc/wp-content/uploads/2023/11/20231103232630_0.jpg?quality=90&zoom=2&ssl=1&resize=350%2C233 "[教學]如何用 ShowKeyPlus 查詢 Windows 10/11 產品金鑰序號？")
![[教學]如何用 Chrome 批次把 HEIC轉成 JPG 圖片 ？](https://i1.wp.com/sofree.cc/wp-content/uploads/2024/04/20240402230128_0.png?quality=90&zoom=2&ssl=1&resize=350%2C233 "[教學]如何用 Chrome 批次把 HEIC轉成 JPG 圖片 ？")