Wordpess佈景《Sco_Plus》以HTML5為架構製作、更便利的後台設定

在最後一次佈景(目前使用中的sco v5.0)釋出的時間至今也已經過了將近快一年的時間,阿湯最近剛好在研讀html5,所以就趁機做了一個新的Wordpess佈景《Sco_Plus》,並用了和以往不同的後台程式碼來製作設定相關頁面,在代碼上精簡不少,而在去掉社群相關代碼後丟到W3C檢測也只有錯誤8個,這次阿湯並不是為了自己改版而製作,而是在邊製作的過程中,透過FB的WP社團裡的討論,一邊微調及編輯,是希望做一個通用而且對於新手易上手的佈景,當然也希望老手會賞臉,大家在使用過或看過後有任何問題或建議都希望不要吝於告知阿湯。
01 為什麼這次要取名為Sco_Plus呢?也可以簡稱他是S+,Sco是因為阿湯的英文名字Scorpio,而Plus有著加強或進階的意思,當然也是因為使用了全新的HTML5做為架構,而後台的代碼也全面翻新,所以就讓他成為Plus版囉。 而這次阿湯沒有先暗槓使用,直接公開釋出給大家,應該是夠佛心了,之後阿湯會再依自己的網站需求再去做修改,希望大家用的開心。

Wordpess佈景「Sco_Plus」小檔案:

作者網站:https://steachs.com/ 作者:阿湯 佈景下載:請點我 更新日誌:
  • 2013-01-20 版號:1.5.2 1.修改後台樣式。 2.新增廣告欄位,內文 more 之後插入。
  • 2012-09-06版號:1.5.0 1.新增跑馬燈訊息功能
  • 2012-06-20版號:1.4.6 1.修正WordPress 3.4升級後,圖片無法上傳問題。
  • 2012-04-05版號:1.4.5 1.修正IE8下,內文顯示空白問題
  • 2011-12-27 版號:1.4.1 1.修改社群分享按鈕部份問題 2.刪除測試檔案
  • 2011-12-26 版號:1.4 1.將佈景修改為可從後台自動升級更新。
  • 2011-12-21 版號:1.3.2 1.修改佈景對W3C驗證,僅剩FB按鈕無法驗證,其餘皆過
  • 2011-12-21 版號:1.3.1 1.加入自動判斷佈景版本功能,有更新會自動在上方出現提醒,更新完後自動消失 2.修正內文左側推文按鈕框,最下方被截掉的問題。
  • 2011-12-20 版號:1.3 1.修正自訂背景失效 2.新增後台更新日誌 3.加入更新提醒,未來有更新項目會在後台上方出現提醒 4.版號修正為1.3 5.登入後,上方管理員選單跑版修正
  • 2011-12-19 版號:1.2 1.修正IE8以下不支援HTML5的HACK

Wordpess佈景「Sco_Plus」介紹:

其實頁面樣式可以看上面的Demo頁面就可以了,大概介紹一些特色,主要將社群分享按鈕移到左側,然後最側的facebook是可以自動延伸的粉絲團小視窗,這些都可以在後台選擇要不要使用。 02
文章底部可以啟用廣告欄位還有個人資料顯示,個人資料部份可以在後台決定要不要顯示,而這資料是去撈後台帳號的個人簡介資訊,所以可以先到帳號裡去編輯自介,啟用後這裡就會顯示囉。 03

後台設定:

這次分為圖片、一般、縮圖及廣告設定。 圖片設定裡包含了自訂favicon、背景圖片及Logo,都可以直接上傳,按下儲存後也能立即預覽圖片。 04 一般設定裡,包含了現在人人必備的Google自訂搜尋引擎、是否採用下拉式選單、社群分享按鈕、FB粉絲專頁、作者資訊、右上及下方自訂欄位,還有footer常需要放置統計分析程式碼的欄位,一併都寫進後台,減少修改的必要性。 05 縮圖的部份先前只有可以選擇是否要開啟,而這次阿湯特別還加入了寬高的設定。 06 廣告設定的部份,除了右上角的自訂欄位可以放之外,另外規劃了文章上方及下方的欄位可以設定。 07 其它在使用佈景後有任何問題或建議,歡迎在下方留言告知阿湯,都會列入下次改版的考量點哦。