Themer框架
關(guān)于Themer框架
Themer框架是WPCOM團(tuán)隊(duì)原創(chuàng)開(kāi)發(fā)的WordPress主題框架，從2014年便開(kāi)始進(jìn)行開(kāi)發(fā)，并在2015年跟隨我們的第一款主題TheSimple正式對(duì)外發(fā)布，目前我們線上主題均基于Themer框架開(kāi)發(fā)。
框架功能特色
在體驗(yàn)過(guò)眾多的WordPress主題之后，我們發(fā)現(xiàn)目前優(yōu)秀的主題基本上都來(lái)自國(guó)外，使用習(xí)慣與設(shè)計(jì)風(fēng)格和國(guó)內(nèi)都有明顯的差別，很多主題的使用難度也是非常大的，說(shuō)明文檔也都是英文的?；谶@些原因，我們的Themer框架在借鑒國(guó)外主題的強(qiáng)大功能和自定義的同時(shí)，充分考慮國(guó)內(nèi)的使用習(xí)慣以及設(shè)計(jì)風(fēng)格，并且在功能和使用難度上面盡量做到平衡。
目前我們的Themer框架主要功能特色如下：
- 可視化編輯器，無(wú)需代碼編寫能力即可快速搭建出屬于自己的頁(yè)面
- 內(nèi)置用戶中心功能模塊
- 前端用戶功能（注冊(cè)、登錄、帳號(hào)設(shè)置等）
- 手機(jī)號(hào)注冊(cè)登錄功能
- 社交登錄接口支持（微信、微博、QQ、Google、Facebook、Twitter、Github）
- 用戶分組
- 私信功能（部分主題）
- 系統(tǒng)通知（部分主題）
- 注冊(cè)激活審核
- 注冊(cè)登錄表單滑動(dòng)驗(yàn)證
- 小黑屋功能
- 更多功能
- 主題設(shè)置面板
- 圖片、Logo上傳
- 顏色選擇工具
- 分類、自定義類別選擇
- 選項(xiàng)組新增功能
- 自定義邊欄
- 頁(yè)腳設(shè)置
- 統(tǒng)計(jì)代碼
- 顏色風(fēng)格自定義功能
- 自定義CSS
- SEO設(shè)置
- 網(wǎng)站提速：替換google字體、頭像圖片
- 更多選項(xiàng)
- 文章/頁(yè)面編輯設(shè)置信息
- 全面整合主題自定義字段，減少數(shù)據(jù)庫(kù)查詢
- 可根據(jù)主題需要注冊(cè)添加文章元信息
- 分類設(shè)置信息
- 分類模板選擇
- 分類邊欄選擇
- 分類SEO設(shè)置
- 自定義設(shè)置選項(xiàng)功能
- 無(wú)限邊欄添加，可為每個(gè)頁(yè)面設(shè)置獨(dú)一無(wú)二的邊欄
- 內(nèi)置多個(gè)邊欄小工具
- 古騰堡編輯器區(qū)塊
- 隱藏內(nèi)容
- 鏈接卡片
- 代碼高亮
- 幻燈滑塊
- 多張圖片
- 提示信息
- 面板
- 視頻代碼
- 選項(xiàng)卡切換
- 手風(fēng)琴
- 谷歌地圖
- 后臺(tái)更新推送，一鍵升級(jí)最新版主題
- 演示數(shù)據(jù)一鍵導(dǎo)入
- 主題依賴插件一鍵安裝和更新功能
- 縮略圖自動(dòng)智能裁剪功能
- 遠(yuǎn)程圖片自動(dòng)保存
- 圖片延遲加載
- WebP智能兼容
- 自動(dòng)特色圖片
- 圖片alt補(bǔ)全
- 上傳文件重命名
- 友情鏈接模塊
- 內(nèi)置多個(gè)圖標(biāo)庫(kù)
- iconfont自定義圖標(biāo)
- 強(qiáng)大SEO功能：支持自定義設(shè)置和自動(dòng)提取
- 面包屑導(dǎo)航功能
- 分類列表翻頁(yè)功能
- 相關(guān)文章、相關(guān)產(chǎn)品功能
- 三級(jí)下拉菜單功能
- 在線客服/微信二維碼/分享/返回頂部懸浮層；
- 支持響應(yīng)式，能在手機(jī)端瀏覽；
- 支持子主題擴(kuò)展
- 支持語(yǔ)言包翻譯，內(nèi)置中英文語(yǔ)言，適合外貿(mào)網(wǎng)站
- 支持WPML實(shí)現(xiàn)多語(yǔ)言切換功能
- 支持WooCommerce插件
- 更多功能不斷增加中...
運(yùn)行環(huán)境
所有能夠正常運(yùn)行WordPress 6.1以上版本的環(huán)境都能夠使用我們的主題。
具體環(huán)境要求請(qǐng)看這里：WPCOM原創(chuàng)WordPress主題PHP環(huán)境要求說(shuō)明
感謝
Themer框架的開(kāi)發(fā)離不開(kāi)開(kāi)源社區(qū)成熟的技術(shù)解決方案，通過(guò)這些項(xiàng)目/軟件極大的提高了開(kāi)發(fā)效率。
Nodejs：前端開(kāi)發(fā)環(huán)境依賴gulp：開(kāi)發(fā)、發(fā)布等自動(dòng)化流程構(gòu)建工具Sass(Scss)：CSS開(kāi)發(fā)擴(kuò)展語(yǔ)言Vue.js：設(shè)置面板均基于VUE開(kāi)發(fā)Angularjs：舊版文章組件基于Angularjs開(kāi)發(fā)，新版本中已下線此功能React.js：古騰堡編輯器區(qū)塊Swiper：幻燈滑塊功能PlyrArtplayer：視頻播放器Highlight.js：代碼高亮SmartPhoto：圖片lightbox功能Animate.css：Module主題css動(dòng)畫庫(kù)postcss：CSS處理工具babel：JS編譯器browserifyRollup：JS模塊打包工具autoprefixer：CSS代碼瀏覽器兼容工具terser、Esbuild：JS代碼壓縮cssnano：CSS代碼壓縮Bootstrap：底層css框架是基于bootstrap 3.x版本開(kāi)發(fā)，經(jīng)過(guò)長(zhǎng)期迭代目前已經(jīng)和原版有較大差異iconfont：字體圖標(biāo)項(xiàng)目管理FontAwesome：免費(fèi)開(kāi)源字體圖標(biāo)，4.7版本Remix Icon：免費(fèi)開(kāi)源字體圖標(biāo)Material Icons：谷歌免費(fèi)開(kāi)源字體圖標(biāo)unsplash：演示站部分圖片來(lái)源Git：代碼版本管理更多...
