當(dāng)前位置:首頁(yè)>WordPress資訊>Gutenberg 11.9 專注于導(dǎo)航菜單和塊主題化

Gutenberg 11.9 專注于導(dǎo)航菜單和塊主題化

Gutenberg 11.9 包含數(shù)十項(xiàng)增強(qiáng)功能,此版本是即將到來(lái)的 WordPress 5.9 更新包含新功能的最后一個(gè)插件版本。在接下來(lái)的幾周內(nèi),將繼續(xù)移植錯(cuò)誤修復(fù)。

站點(diǎn)編輯和與主題相關(guān)的塊占據(jù)了大部分的聚光燈。WordPress 5.9 將附帶其第一個(gè)默認(rèn)塊主題 2022。對(duì)于許多用戶來(lái)說(shuō),這將是他們第一次體驗(yàn)?zāi)0寰庉嫼腿謽邮健?/p>

導(dǎo)航塊受到了很多關(guān)注,這是正確的。開(kāi)發(fā)人員解決了一些重要的數(shù)據(jù)可移植性問(wèn)題,并創(chuàng)造了更全面的用戶體驗(yàn)。

整體上仍有很大的改進(jìn)空間,但古騰堡在過(guò)去幾個(gè)月里已經(jīng)取得了長(zhǎng)足的進(jìn)步。我對(duì)這些新功能在通用 WordPress 版本中發(fā)布后的樣子感到興奮。

站點(diǎn)編輯器菜單重命名

站點(diǎn)編輯器與 2022 處于活動(dòng)狀態(tài)
站點(diǎn)編輯器與 2022 處于活動(dòng)狀態(tài)。

站點(diǎn)編輯器已經(jīng)縮減到過(guò)去幾個(gè)月來(lái)它不再是古騰堡插件用戶已經(jīng)習(xí)慣的功能的地步。它本質(zhì)上是通向全局樣式功能的途徑。

對(duì)于模板,只能通過(guò)界面訪問(wèn)站點(diǎn)的主頁(yè)。單擊編輯器左上角的“W”圖標(biāo)不再打開(kāi)熟悉的模板面板,該面板以前允許用戶導(dǎo)航、選擇和自定義單個(gè)模板。

單擊“瀏覽所有模板”按鈕將用戶從站點(diǎn)編輯器推到模板屏幕。它看起來(lái)像一個(gè)文章列表,不包括如何覆蓋作者歸檔或其他主題模板的說(shuō)明。我對(duì)系統(tǒng)非常了解,可以理解正在發(fā)生的事情,但我只能想象這對(duì)普通用戶來(lái)說(shuō)會(huì)令人震驚。

用戶可以通過(guò)單擊下拉列表中的那些來(lái)跳轉(zhuǎn)到站點(diǎn)編輯器中的頁(yè)眉和頁(yè)腳區(qū)域。編輯器只關(guān)注那些模板部分,無(wú)需切換屏幕。

但是,我看不到從站點(diǎn)編輯器中編輯特定模板的方法。結(jié)果是一個(gè)帶有全局樣式的淡化索引模板編輯器,這是一個(gè)救贖功能。

站點(diǎn)編輯器菜單項(xiàng)現(xiàn)在也已移至WordPress 管理中的外觀菜單下方。它現(xiàn)在被簡(jiǎn)單地命名為“編輯器”。當(dāng)然,“主題編輯器”子菜單還在。

兩種類型的外觀編輯器
兩種類型的外觀編輯器。

撇開(kāi)諷刺不談,這是新站點(diǎn)編輯器的合適位置,只有在用戶激活塊主題時(shí)才會(huì)出現(xiàn)。但是,這兩個(gè)子菜單名稱明顯沖突。有沒(méi)有更好的地方來(lái)移動(dòng)主題編輯器?一項(xiàng)建議是將其放在管理菜單中的“工具”下。

大家一定想知道在塊世界中直接編輯主題文件有多大用處。可以通過(guò) UI 覆蓋模板。theme.json設(shè)置通過(guò)全局樣式接口處理。那大多只是functions.php作為唯一的堅(jiān)持而離開(kāi)。可能是時(shí)候在 WordPress 中默認(rèn)禁用文件編輯了,至少對(duì)于塊主題是這樣。

樣板瀏覽器

塊樣板瀏覽器
塊樣板瀏覽器。

臺(tái)式機(jī)和平板電腦上的用戶現(xiàn)在可以享受全屏樣板疊加。與其在狹窄的插入器中無(wú)休止地滾動(dòng)瀏覽數(shù)十個(gè)甚至數(shù)百個(gè)樣板,他們可以單擊一個(gè)新的“探索”按鈕,在有更多喘息空間的界面中探索樣板。

導(dǎo)航塊數(shù)據(jù)現(xiàn)在存儲(chǔ)在專用的wp_navigation文章類型中。通過(guò)單獨(dú)保存它,貢獻(xiàn)者現(xiàn)在糾正了基于塊的導(dǎo)航菜單的長(zhǎng)期問(wèn)題之一:可移植性。

在之前的區(qū)塊迭代中,用戶在切換到新的區(qū)塊主題時(shí)會(huì)丟失精心制作的菜單。他們將不得不重新創(chuàng)建通常不會(huì)經(jīng)常更改的內(nèi)容。

除了這一改進(jìn)之外,還有一個(gè)新的導(dǎo)航區(qū)域 Navigation Area 塊,它充當(dāng)導(dǎo)航的包裝器。主題作者將能夠使用以下代碼在他們的塊主題模板中定義自定義區(qū)域:

<!-- wp:navigation-area {"area":"primary"} -->
<!-- wp:navigation /-->
<!-- /wp:navigation-area -->

嵌套的導(dǎo)航塊與wp_navigation?文章類型相關(guān)聯(lián)。這將是主題作者未來(lái)的首選格式。

當(dāng)用戶切換主題并且“區(qū)域”名稱與他們之前的主題匹配時(shí),菜單會(huì)繼續(xù)并自動(dòng)出現(xiàn)。如果它們不匹配,用戶可以分配一個(gè)保存的菜單。菜單/區(qū)域關(guān)系存儲(chǔ)在數(shù)據(jù)庫(kù)中。

導(dǎo)航區(qū)域塊的問(wèn)題之一是它沒(méi)有對(duì)齊控件。從技術(shù)上講,它本身不輸出任何 HTML。但是,它在編輯器中的存在禁止用戶為其內(nèi)部導(dǎo)航塊選擇寬對(duì)齊或完全對(duì)齊。

雙色調(diào)濾鏡透明度

圖像 Image 塊和 封面Cover 塊 等塊上的雙色調(diào)過(guò)濾器現(xiàn)在支持透明度。在調(diào)整陰影或高光時(shí),用戶現(xiàn)在將在顏色選擇器下方看到一個(gè)滑塊控件。

該功能通過(guò)在封面上分層圖像塊為雙重曝光效果或圖像蒙版打開(kāi)了大門。Alex Lende 展示了一些示例,說(shuō)明這在工單中是如何工作的。

圖像與透明雙色調(diào)分層覆蓋塊
圖像與透明雙色調(diào)分層覆蓋塊。

開(kāi)發(fā)人員還指出了?tritone 選項(xiàng)和其他過(guò)濾器類型的可能性。

用于訪問(wèn)全局樣式的 API

主題和插件作者應(yīng)該會(huì)喜歡這個(gè)與全局樣式系統(tǒng)交互的新API。以前,開(kāi)發(fā)人員必須使用WP_Theme_JSON_Resolver該類在服務(wù)器端提取他們需要的數(shù)據(jù)。現(xiàn)在,它們具有三個(gè)新功能:

  • gutenberg_get_global_settings() – 返回設(shè)置。
  • gutenberg_get_global_styles() – 返回樣式設(shè)置。
  • gutenberg_get_global_stylesheet() – 返回全局樣式表。

想必這些函數(shù)在登陸 WordPress 5.9 之前都會(huì)被重命名,并且沒(méi)有gutenberg_前綴。為了安全起見(jiàn),主題作者應(yīng)該將這些的任何用法包裝在function_exist()檢查中。

新評(píng)論塊

最新的插件更新中出現(xiàn)了幾個(gè)新的評(píng)論塊。該評(píng)論查詢循環(huán)和評(píng)論模板塊的工作方式類似于他們的崗位對(duì)口。然而,目前的結(jié)果是一個(gè)尚未準(zhǔn)備好用于生產(chǎn)的基本功能。嵌套的評(píng)論不顯示,自定義輸出的選項(xiàng)也不多。

這是阻止主題作者和用戶(通過(guò)站點(diǎn)編輯器)控制帖子評(píng)論輸出的一步。Gutenberg 11.9 還包括模板所需的新評(píng)論幫助塊:

有一段時(shí)間,評(píng)論感覺(jué)像是事后的想法。歡迎任何旨在完善這些缺失的主題相關(guān)塊的行動(dòng)。

注:文本內(nèi)容來(lái)自wptavern.com,由 WordPress大學(xué) 翻譯整理,要了解更多 Gutenberg 11.9 的更新詳情,請(qǐng)看官方日志

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

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

Gutenberg 11.8 添加了數(shù)十項(xiàng)功能,包括特色樣板和自動(dòng)生成的標(biāo)題錨點(diǎn)

2021-11-14 10:39:13

WordPress資訊

Gutenberg 12.0 小更新,WordPress 5.9 延遲至2022年1月25日發(fā)布

2021-11-30 9:46:57

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

漳浦县| 宿州市| 旬邑县| 玉门市| 霍山县| 淮北市| 田东县| 大同市| 专栏| 丰原市| 樟树市| 罗定市| 永州市| 盐边县| 潞西市| 高雄市| 宣恩县| 民权县| 云浮市| 高淳县| 通化县| 友谊县| 惠安县| 富阳市| 遂昌县| 枞阳县| 乌鲁木齐县| 元江| 石林| 皮山县| 昌吉市| 卢龙县| 金塔县| 盈江县| 额尔古纳市| 嘉义市| 双柏县| 塘沽区| 四川省| 武山县| 建湖县|