當(dāng)前位置:首頁(yè)>WordPress資訊>Gutenberg 11.6 改進(jìn)了全局樣式 UI,添加了子主題支持

Gutenberg 11.6 改進(jìn)了全局樣式 UI,添加了子主題支持

Gutenberg 11.6 添加了數(shù)十項(xiàng)增強(qiáng)功能和錯(cuò)誤修復(fù)。文章標(biāo)題塊添加排版選項(xiàng);站點(diǎn)徽標(biāo)支持裁剪;工具欄按鈕,用于將舊的 畫廊Gallery 塊轉(zhuǎn)換為新的格式 — 仍處于實(shí)驗(yàn)階段

這是一個(gè)全面的版本,它完善了許多領(lǐng)域,從導(dǎo)航到小工具,再到一般的塊增強(qiáng)。

我很高興看到有兩個(gè)功能在發(fā)展。那就是站點(diǎn)編輯器的全局樣式系統(tǒng)和子主題支持。

全局樣式更新

WordPress 管理界面中站點(diǎn)編輯器的視圖。 在右側(cè),全局樣式面板已打開。
全局樣式面板打開的默認(rèn)站點(diǎn)編輯器外觀。

全局樣式是 WordPress 歷史上第一次真正將最終用戶與主題開發(fā)人員連接起來(lái)的系統(tǒng)。我們?cè)谶@方面做了一些嘗試,比如定制器。但是,此功能將在標(biāo)準(zhǔn)化塊系統(tǒng)之上處理它。

本質(zhì)上,主題將通過(guò)其theme.json文件與 WordPress 對(duì)話,用戶將通過(guò)全局樣式面板使用相同的語(yǔ)言。

例如,假設(shè)主題作者將默認(rèn)文本顏色設(shè)置為黑色,將背景設(shè)置為白色。這將出現(xiàn)在站點(diǎn)的前端,但也會(huì)反映在站點(diǎn)編輯器中。全局樣式界面允許用戶將這兩種顏色更改為他們喜歡的顏色。他們還可以在面板頂部的框中查看其顏色和排版樣式的預(yù)覽。

編輯文本和背景顏色,在“全局樣式”面板中顯示它們的預(yù)覽。
更新顏色,在編輯器和面板頂部顯示預(yù)覽。

而且,它并不止于幾種簡(jiǎn)單的顏色。用戶可以在根和塊級(jí)別修改各種設(shè)計(jì)方面,如排版和間距。

Gutenberg 11.6向全局樣式側(cè)邊欄添加了一個(gè)導(dǎo)航組件。總體而言,在編輯我的主題樣式時(shí),通過(guò)頂級(jí)和子級(jí)別工作感覺更加順暢。

在“全局樣式”面板中深入到塊級(jí)別并編輯代碼塊的尺寸。
更新代碼塊的全局填充。

這是對(duì)整體全局樣式界面進(jìn)行大修的一個(gè)小而重要的步驟。還有很多工作要做,但我很想知道古騰堡的貢獻(xiàn)者在接下來(lái)的幾周和幾個(gè)月里把這個(gè)組件帶到哪里。

我確實(shí)遇到了一個(gè)障礙。單擊根級(jí)別的“排版”選項(xiàng)卡會(huì)產(chǎn)生錯(cuò)誤。但是,它在塊級(jí)別工作。

貢獻(xiàn)者還更新了代表全局樣式面板的舊“Aa”圖標(biāo),帶有一個(gè)半黑半亮的圓形按鈕。我的直接反應(yīng)是它是為了在明暗模式之間切換。

區(qū)塊子主題支持

作為 WordPress 子主題的先驅(qū)之一,早在它們得到官方支持之前就使用它們,這是我心目中最親近的事情。我在這個(gè)基礎(chǔ)上創(chuàng)建了我的第一個(gè)主題商店。我有很多關(guān)于塊范式如何重塑主題空間的想法,子主題是其中許多的中心。

但是,直到現(xiàn)在,全站點(diǎn)編輯的所有組件還沒(méi)有完全支持子主題。仍然有一些部分可以放入拼圖,但系統(tǒng)應(yīng)該可以正常工作。

來(lái)自子主題的模板、模板部件和theme.json文件現(xiàn)在應(yīng)該完全覆蓋來(lái)自父主題。這些更改適用于前端和站點(diǎn)編輯器。

一些懸而未決的問(wèn)題正在相關(guān)的 GitHub 票證中解決。最關(guān)鍵的發(fā)展還在后頭,它將處理父theme.json文件和子文件之間的合并值。例如,子主題應(yīng)該能夠覆蓋顏色和排版,同時(shí)跳過(guò)與布局相關(guān)的值的定義,退回到父主題是有道理的。

一旦到位,設(shè)計(jì)師將有一種簡(jiǎn)單而強(qiáng)大的方式來(lái)實(shí)現(xiàn)CSS Zen Garden背后的原始愿景,該項(xiàng)目至少部分激發(fā)了 WordPress 對(duì)子主題的采用。

更多更新細(xì)節(jié),請(qǐng)看官方發(fā)布日志

聲明:本站所有文章,如無(wú)特殊說(shuō)明或標(biāo)注,均為本站原創(chuàng)發(fā)布。任何個(gè)人或組織,在未征得本站同意時(shí),禁止復(fù)制、盜用、采集、發(fā)布本站內(nèi)容到任何網(wǎng)站、書籍等各類媒體平臺(tái)。如若本站內(nèi)容侵犯了原著者的合法權(quán)益,可聯(lián)系我們進(jìn)行處理。

給TA打賞
共{{data.count}}人
人已打賞
歡迎關(guān)注WordPress大學(xué)公眾號(hào) WPDAXUE
WordPress資訊

WordPress 5.9 將帶來(lái)新的默認(rèn)主題 Twenty Twenty Two

2021-10-12 8:00:41

WordPress資訊

Gutenberg 11.7 迭代全局樣式,改進(jìn)添加導(dǎo)航鏈接,并添加列間距

2021-10-17 8:08:09

0 條回復(fù) A文章作者 M管理員
    暫無(wú)討論,說(shuō)說(shuō)你的看法吧
?
個(gè)人中心
購(gòu)物車
優(yōu)惠劵
今日簽到
有新私信 私信列表
搜索

安溪县| 汾阳市| 永善县| 深水埗区| 颍上县| 时尚| 加查县| 那曲县| 嘉禾县| 永丰县| 重庆市| 新竹市| 白银市| 寿阳县| 宿州市| 台湾省| 林芝县| 临洮县| 伊金霍洛旗| 九寨沟县| 台中县| 兴海县| 称多县| 中山市| 牟定县| 富宁县| 北流市| 防城港市| 个旧市| 滁州市| 金山区| 秀山| 红河县| 本溪市| 沧州市| 桃园市| 垦利县| 巴林左旗| 孟津县| 永康市| 鄂伦春自治旗|