當(dāng)前位置:首頁>WordPress資訊>Gutenberg 10.7 集成塊模式目錄,引入新的塊設(shè)計控件

Gutenberg 10.7 集成塊模式目錄,引入新的塊設(shè)計控件

Gutenberg 10.7 近期已發(fā)布,開發(fā)團隊還發(fā)布了該插件的 10.7.1 版,并修復(fù)了一些錯誤。最新的更新主要關(guān)注預(yù)計將于今年 7 月登陸 WordPress 5.8 的工作。

當(dāng)前 WordPress 開發(fā)周期的功能凍結(jié)截止日期已于周二過去。這應(yīng)該意味著除了 Gutenberg 10.7 之外的任何新功能都不會成為核心平臺。WordPress 5.8 Beta 1 定于 6 月 8 日發(fā)布。

這個版本感覺團隊已經(jīng)改進了界面和體驗。用戶還可以期待一些增強功能,例如額外的塊設(shè)計選項。

集成塊模式目錄

Gutenberg 現(xiàn)在通過 WordPress.org 上的模式目錄提供其默認塊模式(Pattern)。這將他們的開發(fā)移到插件和核心 WordPress 之外,這意味著設(shè)計人員可以在不需要用戶更新的情況下對其進行迭代。他們將始終擁有編輯器提供的最新版本。

將模式插入到內(nèi)容畫布中。

模式的目錄將是最終用戶一個方便的工具。對于許多人來說,它可能會成為在 WordPress 編輯器中構(gòu)建更復(fù)雜布局的途徑。目前,它只包含 10 個模式。這將在向社區(qū)提交開放后發(fā)生變化。

Shaun Andrews 分享了一些正在進行的目錄設(shè)計工作,很漂亮。我很想看到它啟動時的最終結(jié)果。

最近在塊模式目錄上的工作。

新的塊設(shè)計控件

10.7 版引入了幾個新的塊設(shè)計控件。對于許多人來說,最令人興奮的功能將是邊距控制,以便更精確地控制間距。主題作者必須在他們的theme.json文件中設(shè)置settings.spacing.customMargin鍵值為true才能啟用此功能。

目前,只有站點標(biāo)題和站點標(biāo)語塊支持邊距控制。

標(biāo)題和標(biāo)語的間距和排版控制

站點標(biāo)題塊還具有字母大小寫排版控件。

開發(fā)團隊使用幾個新選項升級了 Column 塊。用戶現(xiàn)在可以自定義各個列的內(nèi)邊距和顏色。

自定義單個列。

其中,媒體和文本塊在側(cè)邊欄中收到了一個新的“媒體寬度”塊選項。這使得獲得正確的寬度比在內(nèi)容畫布中使用拖動手柄更好的體驗。

調(diào)整媒體和文本塊中的媒體寬度

另一個受歡迎的增強是封面塊添加了可以轉(zhuǎn)化為群組塊的選項。只有當(dāng)塊有背景時才會出現(xiàn)。

模板編輯器歡迎指南

模板編輯器的歡迎信息。

模板編輯模式將是 WordPress 5.8 最突出的功能之一。它允許用戶從內(nèi)容切換到模板編輯,而無需離開文章屏幕。因此,用戶需要一個歡迎指南來解釋新功能。

目前,消息內(nèi)容如下:

歡迎使用模板編輯器

模板表達了網(wǎng)站的布局。使用塊和模式工具自定義文章和頁面的所有方面。

這是一個堅實的起點,但并不能完全解釋這種模式的含義。我希望開發(fā)團隊能把它弄平一點,可能會添加一兩張額外的幻燈片,甚至鏈接到 WordPress.org 上的專用文檔頁面。使用此新功能幫助用戶正確起步應(yīng)該可以減輕混亂并減輕支持負擔(dān)。

目前有一個公開征集志愿者在構(gòu)建投資組合類型登錄頁面時提供有關(guān)模板編輯器的反饋。

按鈕塊使用?column-gap

按鈕之間的間隙。

這更像是一個主題開發(fā)人員說明,但一些用戶可能已經(jīng)注意到按鈕行沒有延伸到容器的邊緣。至少在某些情況下。

本質(zhì)上,各個按鈕塊之間的空間使用了一些老式的 CSS 邊距解決方案來創(chuàng)建每個塊之間的間距空間。在 flex 和 grid 布局的現(xiàn)代世界中,這是大多數(shù)設(shè)計師害怕看到的東西。它使事情變得過于復(fù)雜,并使 CSS 變得更加臃腫,尤其是當(dāng)您想根據(jù)屏幕大小進行調(diào)整時。

我強調(diào)這一變化,因為這是塊系統(tǒng)在內(nèi)核下變得更加完善的階段之一。而且,對于主題作者來說,這可能是更令人興奮的事情的開始。

“這太棒了,這太美了,他們會喜歡的,”Joen?Asmussen在工單中寫道。“一旦塵埃落定,我們應(yīng)該看看這個差距是否會成為全球風(fēng)格的財產(chǎn);由于它非常容易改變且具有彈性,因此以如此簡潔的方式處理會很好。”

column-gap在插件中看到土地的使用是一個受歡迎的景象。當(dāng)然,row-gap在按鈕超出單行的情況下,它可以用于垂直間距而不是邊距。

現(xiàn)在,我們可以對 列、畫廊 和 Query Loop 塊做同樣的事情嗎?從長遠來看,針對彈性項目之間的間距/間隙規(guī)范化系統(tǒng)可以節(jié)省數(shù)十行代碼。

注:本文出自 wptavern.com,由 WordPress大學(xué) 翻譯整理。

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

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

WordPress 5.7.2 修復(fù) PHPMailer 安全漏洞,請及時更新

2021-5-14 9:12:45

WordPress資訊

WordPress 5.8 增加了 WebP 圖像格式支持

2021-6-8 8:13:14

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

大港区| 天长市| 黄浦区| 仪陇县| 平遥县| 溧水县| 竹山县| 河北省| 浦北县| 卫辉市| 衡水市| 珲春市| 莲花县| 桐乡市| 靖州| 克什克腾旗| 成安县| 习水县| 丽江市| 洪洞县| 鄂州市| 长泰县| 安溪县| 藁城市| 三穗县| 安陆市| 二连浩特市| 洛南县| 台北县| 循化| 安岳县| 图木舒克市| 慈利县| 昭觉县| 公主岭市| 朝阳县| 马鞍山市| 元阳县| 揭东县| 高清| 酒泉市|