從新開始設(shè)計WordPress的主題及后臺框架(一 .后端框架的選擇)(1)

首先說明一點的就是我講的順序可能并不是按照一個真正開發(fā)主題的流程來做的。是我想到什么就寫什么的,完全是按照我自己的理解以及開發(fā)經(jīng)驗來做的赐稽。所以說的并不是太好,希望大家能諒解酒贬。

-----談一談后端主題框架

其實我對這個后端框架并不是太了解能說的就是他能最大程度的提高主題的開發(fā)效率又憨,而且本身框架定制了一些后臺選項讓主題設(shè)置起來更效率。那么我就來說說我看到的比較好的框架了锭吨。

Paste_Image.png

首先就是這個sage https://roots.io/sage/蠢莺,其實sage是一套wordpress解決方案的一部分,本身是一個起步主題。其中引入了很多新的開發(fā)特性零如,包括:

  • SASS的支持
    +ES6的最新支持(開發(fā)環(huán)境)
    +Webpack的編譯操作
    +Browsersync的自動同步加載
    +Laravel's BladeLaravel模板引擎支持(后面詳細(xì)說)
    +CSS 框架選項
  • Font Awesome ICON字體庫 (可選支持)
---那么我來詳細(xì)談?wù)勥@幾個地方

SASS ES6估計做前端的人都多少知道些躏将。這個我不重點講,主要還是說下Blade模板引擎的支持考蕾。
眾所周知wp最讓人惡心的就是原生php標(biāo)簽和html的混排使用如下代碼

Paste_Image.png

這個看多了真的是讓人有點崩潰祸憋,尤其是項目開發(fā)者功能新設(shè)計較多的地方。寫起來確實是讓你不太舒服肖卧。用laravel的同學(xué)一定都知道Laravel的視圖有個很牛逼的模板是Blade蚯窥,其實這樣類似的還有很多什么Twig之類的。這里要說明的就是sage主題在sage-8.5.1以后新推出的sage-9.0 beta版本才是有模板的。8.0版本還是以前的版本拦赠。隨著使用新的模板巍沙,對開發(fā)環(huán)境也是有要求的

Yarn是新一代的說是替代npm的node包管理工具,這個我現(xiàn)在用過速度上確實是比npm快了不知道多少荷鼠,但是安裝完的依賴確實是有一點點問題句携。所以說還是有點坑的。如果不熟悉這個的東西你玩去是可以用npm來替代它的允乐。

剩下composer的支持矮嫉。不知道的同學(xué)請你百度,這是新一代的php開發(fā)庫依賴工具牍疏。目前Laravel蠢笋,CI4、S家的框架以及一些比較新的工具都使用composer來做安裝麸澜。原則上支持了PSR-0到PSR-7的開發(fā)規(guī)范模式挺尿。不過就大眾來說呢4.0就已經(jīng)很完美了奏黑。等掌握了這都不是什么難事炊邦。

安裝主題

Paste_Image.png

我這里就直接給出github的安裝吧。很簡單熟史,就是在主題開發(fā)的目錄中使用composer 命令就可以把整個saga主題下載下來馁害。

主題目錄結(jié)構(gòu)

Paste_Image.png

什么好說的都是典型的wp式結(jié)構(gòu)。這里有幾個比較關(guān)鍵的地方我一 一說來:

composer.json

Paste_Image.png

那么我們首先看下composer的包依賴說明,
截圖中我們可以看到sage利用的最常用的PSR-4規(guī)范開發(fā)蹂匹,將整個src/lib/Sage/目錄自動加載為 "namespace Roots\Sage\" 這就大大降低了開發(fā)難度碘菜,讓我不用因為require的文件未引入而引起不必要的bugs麻煩。再有一點就是現(xiàn)在已經(jīng)是PHP7.0的時代了OOP大行其道的世紀(jì)在使用原始的開發(fā)模式就有點更不上環(huán)境的需要了限寞。而且很多新開發(fā)思路更有想法忍啸,代碼也清晰了不少。
那么我們接著往下看履植。

Paste_Image.png

啊哈~ view使用了Laravel的blade计雌,并且使用了Laravel中很好用的config包來管理一些配置信息。具體請看Laravel API文檔

最底下還有

Paste_Image.png

這是什么呢玫霎?這是在創(chuàng)建composer的時候CMD自動回運行的一些函數(shù)信息.我們來see see 代碼~

Paste_Image.png

首先要理解這個Event事件

Paste_Image.png

所以說根據(jù)上面的文檔說明凿滤。這個updateHeaders()實現(xiàn)了一個初始化headers的方法就是在項目創(chuàng)建時候會在cmd控制臺中讓你輸入你的項目名字啊,url啊介紹等等主題的信息庶近。
最后利用file_put_contents會寫到style.css文件中完成整個主題的信息的初始化翁脆。那么我們繼續(xù)看...

Paste_Image.png

恩,其實經(jīng)過上面的提示也就知道這就是讓親們選擇主題框架的采用的前端架構(gòu)

Paste_Image.png

Font Awesome的選項 同理

Paste_Image.png

這是bower 的代碼目錄用于處理你的bower 處理安裝完成完CSS js之后存放在哪里調(diào)用的鼻种。

好了基本項目的主題框架的創(chuàng)建就完成了反番。接下來我們繼續(xù)講解在PSR-4規(guī)范下開發(fā)主題的一些東西。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市罢缸,隨后出現(xiàn)的幾起案子校读,更是在濱河造成了極大的恐慌,老刑警劉巖祖能,帶你破解...
    沈念sama閱讀 212,816評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件歉秫,死亡現(xiàn)場離奇詭異,居然都是意外死亡养铸,警方通過查閱死者的電腦和手機雁芙,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來钞螟,“玉大人兔甘,你說我怎么就攤上這事×郾酰” “怎么了洞焙?”我有些...
    開封第一講書人閱讀 158,300評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長拯啦。 經(jīng)常有香客問我澡匪,道長,這世上最難降的妖魔是什么褒链? 我笑而不...
    開封第一講書人閱讀 56,780評論 1 285
  • 正文 為了忘掉前任唁情,我火速辦了婚禮,結(jié)果婚禮上甫匹,老公的妹妹穿的比我還像新娘甸鸟。我一直安慰自己,他們只是感情好兵迅,可當(dāng)我...
    茶點故事閱讀 65,890評論 6 385
  • 文/花漫 我一把揭開白布抢韭。 她就那樣靜靜地躺著,像睡著了一般恍箭。 火紅的嫁衣襯著肌膚如雪刻恭。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,084評論 1 291
  • 那天季惯,我揣著相機與錄音吠各,去河邊找鬼。 笑死勉抓,一個胖子當(dāng)著我的面吹牛贾漏,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播藕筋,決...
    沈念sama閱讀 39,151評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼纵散,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起伍掀,我...
    開封第一講書人閱讀 37,912評論 0 268
  • 序言:老撾萬榮一對情侶失蹤掰茶,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后蜜笤,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體濒蒋,經(jīng)...
    沈念sama閱讀 44,355評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,666評論 2 327
  • 正文 我和宋清朗相戀三年把兔,在試婚紗的時候發(fā)現(xiàn)自己被綠了沪伙。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,809評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡县好,死狀恐怖围橡,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情缕贡,我是刑警寧澤翁授,帶...
    沈念sama閱讀 34,504評論 4 334
  • 正文 年R本政府宣布,位于F島的核電站晾咪,受9級特大地震影響收擦,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜禀酱,卻給世界環(huán)境...
    茶點故事閱讀 40,150評論 3 317
  • 文/蒙蒙 一炬守、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧剂跟,春花似錦、人聲如沸酣藻。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽辽剧。三九已至送淆,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間怕轿,已是汗流浹背偷崩。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留撞羽,地道東北人阐斜。 一個月前我還...
    沈念sama閱讀 46,628評論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像诀紊,于是被迫代替她去往敵國和親谒出。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,724評論 2 351

推薦閱讀更多精彩內(nèi)容