當(dāng)前位置:首頁>WordPress資訊>Gutenberg 10.8 添加新的排版控件和塊預(yù)覽

Gutenberg 10.8 添加新的排版控件和塊預(yù)覽

Gutenberg 10.8 版本包括用于控制標(biāo)題塊的字體粗細(xì)和列表塊的字體系列的新排版選項(xiàng)。音頻和文件塊現(xiàn)在在插入器中顯示預(yù)覽內(nèi)容。

古騰堡 10.7 感覺它引入了比 10.8 更炫的功能。但是,這仍然是一個(gè)可靠的版本。有時(shí),您看不到的東西與您看到的東西一樣重要。全站點(diǎn)編輯 (FSE) 組件繼續(xù)快速發(fā)展。大多數(shù)更改是錯(cuò)誤修復(fù)而不是增強(qiáng)。

其中一個(gè)主要的主題相關(guān)的FSE升級允許開發(fā)者通過theme.json設(shè)置的導(dǎo)航菜單鏈接內(nèi)邊距。這可能是一個(gè)小小的勝利,但不太可能解決樣式導(dǎo)航項(xiàng)和嵌套列表的眾多問題。此更改也不影響頁面列表塊鏈接,它可以設(shè)置為導(dǎo)航菜單項(xiàng)。在網(wǎng)站編輯成為可能之前,導(dǎo)航塊將是最難破解的問題之一。像這樣的增強(qiáng)功能很有幫助,但要找到讓主題作者和用戶都滿意的解決方案,這是一條漫長而曲折的道路。

用戶應(yīng)該在模板編輯模式下看到文章標(biāo)題。模板詳細(xì)信息模式還包括更詳細(xì)的信息,例如如何最好地命名自定義模板。

新的排版選項(xiàng)

Gutenberg 10.8 啟用了標(biāo)題區(qū)塊的字體粗細(xì) font-weight 控制。這允許主題作者通過他們的theme.json文件定義默認(rèn)權(quán)重,用戶可以通過編輯器中的側(cè)邊欄面板覆蓋它。

測試標(biāo)題塊的字體權(quán)重。

控件顯示所有九種可能的重量:

  • Thin
  • Extra Light
  • Light
  • Regular
  • Medium
  • Semi Bold
  • Bold
  • Extra Bold
  • Black

雖然每個(gè)粗細(xì)都是可選的,但這并不意味著所有字體都支持特定的粗細(xì)。例如,用戶將在2021主題中看到 Extra Bold 和 Black 之間沒有區(qū)別。

從長遠(yuǎn)來看,這應(yīng)該與字體系列控制相結(jié)合。這將允許主題作者定義特定系列支持哪些權(quán)重,使這些權(quán)重成為用戶的唯一選擇。

列表區(qū)塊憑借其對字體系列選項(xiàng)的支持而領(lǐng)先于其他塊。通常,我們會(huì)看到 標(biāo)題 或 段落 塊首先獲得此類功能。

為 List 塊設(shè)置自定義字體系列。

Site Title、Site Tagline 和 Post Title 塊目前都支持字體系列控件。看到擴(kuò)展的排版選項(xiàng)是一個(gè)受歡迎的補(bǔ)充,但我期待著在每個(gè)區(qū)塊都提供它們的那一天。

主題作者還可以為站點(diǎn)標(biāo)題和站點(diǎn)標(biāo)語塊定義自定義字母間距。但是,該功能目前未出現(xiàn)在區(qū)塊選項(xiàng)側(cè)欄中,這將允許用戶對其進(jìn)行自定義。

音頻和文件塊預(yù)覽

插入器中的音頻塊預(yù)覽。

開發(fā)團(tuán)隊(duì)為插入器中的音頻和文件塊添加了新的預(yù)覽。這是一個(gè)很好的增強(qiáng)功能,添加了一些剩余核心塊的長期缺失預(yù)覽,但它也是一個(gè)錯(cuò)誤修復(fù)。

在以前版本的塊編輯器中,嘗試通過音頻或文件塊上傳媒體的用戶將獲得重復(fù)上傳。這只發(fā)生在他們的主題或插件注冊自定義塊樣式的情況下。添加預(yù)覽顯然修復(fù)了這個(gè)奇怪的錯(cuò)誤。

此更改也幾乎為我們提供了 WordPress 5.8 之前的塊的完整預(yù)覽集。Classic、Spacer、Shortcode 和 Legacy Widget 沒有它們,但它們是獨(dú)特的情況。即將推出的與主題相關(guān)的塊也缺乏預(yù)覽。

“歸檔”標(biāo)簽現(xiàn)在顯示為歸檔下拉

重復(fù)的歸檔標(biāo)題和標(biāo)簽。

當(dāng)使用歸檔塊作為下拉菜單時(shí),它現(xiàn)在輸出一個(gè)標(biāo)題為“歸檔”的標(biāo)簽。雖然這是一個(gè)看似微不足道的變化,但它可能會(huì)影響主題通常如何呈現(xiàn)這個(gè)塊。

這種增強(qiáng)改變了一些現(xiàn)有的期望。貫穿 WordPress 歷史的主要用例是在小工具中顯示歸檔下拉菜單。在這種情況下,幾乎總是有一個(gè)小工具標(biāo)題前面帶有“歸檔”文本。我希望大多數(shù)其他用例都會(huì)遵循類似的模式。這實(shí)質(zhì)上會(huì)創(chuàng)建重復(fù)的文本。

主題團(tuán)隊(duì)代表 Carolina Nymark 有一個(gè)替代建議:

如果標(biāo)簽?zāi)J(rèn)可見,但有隱藏它的選項(xiàng)怎么辦?與搜索塊類似,除了在選項(xiàng)切換時(shí),存在在屏幕閱讀器文本CSS類中隱藏的實(shí)際標(biāo)簽。

目前,需要隱藏它的主題作者應(yīng)該在他們的 CSS 中定位該類 .wp-block-archives-dropdown > label

聲明:本站所有文章,如無特殊說明或標(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é)公眾號 WPDAXUE
WordPress資訊

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

2021-6-8 8:13:14

WordPress資訊

WordPress 5.8 引入了模板編輯器

2021-6-17 11:31:47

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

林口县| 靖西县| 永顺县| 湘阴县| 重庆市| 拉萨市| 府谷县| 平和县| 新化县| 赫章县| 鄂伦春自治旗| 赣州市| 连平县| 江川县| 天柱县| 宁海县| 施甸县| 汤阴县| 波密县| 东平县| 泰宁县| 亚东县| 靖宇县| 拉孜县| 蒲城县| 亳州市| 天柱县| 南涧| 吉安县| 贡觉县| 绥江县| 西贡区| 尼玛县| 太康县| 辽中县| 高陵县| 长武县| 临澧县| 寿光市| 广南县| 崇文区|