Part.3 現(xiàn)代Wordpress框架主題開發(fā)之主題框架安裝篇

那我們繼續(xù)昨天的教程

composer

現(xiàn)代PHP的包管理工具

這個(gè)不多說了,請(qǐng)大家自行去學(xué)習(xí)吧。作為PHP7時(shí)代的phper這個(gè)不會(huì)確實(shí)不行了。

安裝主題框架Sage

首先我們需要進(jìn)入這個(gè)目錄

然后鍵入

$ composer create-project roots/sage clamp 9.0.0-beta3

目前正在使用的是他的9.0 beta3版本,8.5是他的穩(wěn)定版,但9.0引入了很多新特性,所以我覺得還是用新的來講吧。估計(jì)開發(fā)不會(huì)遇到太多問題的。


現(xiàn)在我們需要輸入主題的名稱等等信息


簡(jiǎn)單的配置過后我們進(jìn)入主題的目錄查看,打開finder?

open ./


看到了么主題的基本結(jié)構(gòu)如上圖所示。

我們可能發(fā)現(xiàn)一個(gè)問題就是這個(gè)目錄怎么沒有我們經(jīng)常開發(fā)WP主題時(shí)候的結(jié)構(gòu)了?

不著急繼續(xù)往下看。

查看主題

進(jìn)入開發(fā)配置好的網(wǎng)站(wp.dev),賬號(hào) admin ?密碼 admin登錄后臺(tái),進(jìn)入主題(theme)


我們發(fā)現(xiàn)了剛才配置安裝好的主題了!

安裝前端庫(kù)(yarn)

我們使用yarn來做安裝依賴文件

首先進(jìn)入主題目錄中輸入 yarn

安裝依賴


然后css我們采用安裝自定義庫(kù)方式安裝 bulma


好的目前需要使用的庫(kù)基本安裝完畢。

我們開始yarn run start 啟動(dòng)實(shí)時(shí)編譯


ok

我們看到編譯后的主題正常運(yùn)行了。

好了主題安裝就到這里了。接下來一節(jié)我講講css的引入

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容