FSE推廣#7:以即將到來的模板編輯模式構建投資組合

的反饋 FSE外展計劃第7輪 今天開張。 喜歡 第6回合,重點再次放在模板編輯模式上,該功能預計將隨WordPress 5.8一起提供。 所有雙手都必須放在甲板上,才能成功降落。

我一直渴望進行這一輪測試。 FSE外聯負責人安妮·麥卡錫(Anne McCarthy)要求志願者遵循16步計劃來構建投資組合模板。 與之前的六個測試不同,該測試為用戶提供了更多的餘地,讓他們有更多的空間來探索模板編輯。

與往常一樣,基本工具集是 古騰堡插件TT1方塊主題

對於我的作品集,我決定以一名假想攝影師的身份來接洽,他想吸引一些新客戶並炫耀他的最新作品。 以下屏幕截圖是最終結果:

fse-outreach-7在即將到來的模板編輯模式下構建投資組合FSE推廣#7:以即將到來的模板編輯模式構建投資組合

歡迎任何人獲取此模板的HTML阻止代碼。 我將其保存為GitHub Gist。 圖片網址指向我的本地計算機,因此如果您決定對其進行旋轉,則需要對其進行更新。

我對此很開心。 和無奈。 還有更多的樂趣。 而且…你猜對了…更多的挫敗感。

我和編輯開始了一個艱難的開端。 添加我的Cover塊之後,我想在其中添加一個Columns塊。 錯誤。 可怕的無效阻止消息。 我切換到代碼視圖,看看是否有奇怪的地方。 它是空的。 切換回視覺狀態後,「列」塊似乎正在運行。 我能夠不一致地在模板編輯模式下重現此問題。

我使用了Columns塊,因為這是我知道如何創建一個覆蓋其包含元素的50%的左對齊容器的唯一方法。 這有點麻煩,但是您可以將塊設置為一列,並將其寬度調整為所需的任何大小。 理想情況下,用戶可以使用Group塊來執行此操作。

這是我的模板標題區域的基礎。 我使用了橫跨頁面寬度的傳統英雄/封面介紹。

fse-outreach-7-在即將到來的模板編輯模式-1下構建投資組合FSE推廣#7:以即將到來的模板編輯模式構建投資組合使用Cover塊的模板的標題部分。

添加網站徽標和導航是我遇到的第二個障礙。 導航正常,大部分情況下。 在移動設備上,響應菜單覆蓋部分由前端的WordPress工具欄部分覆蓋。 但是,我已經知道了。 響應式導航菜單正在進行中。

我無法使用「網站徽標」塊。 每當我嘗試添加它時,它就會出現一個永不消失的連續微調器圖標。 因此,我選擇了一個Image塊-您可以使用自己擁有的工具或正在使用的工具。

fse-outreach-7-在即將到來的模板編輯模式2下構建投資組合FSE推廣#7:以即將到來的模板編輯模式構建投資組合在不同部分添加站點徽標的第二項測試。

模板測試的下一部分包括添加查詢模式並對其進行自定義。 我現在對古騰堡的查詢有愛與恨的關係。 查詢塊本身運行良好。 在大多數情況下,它在高級用法和簡單性之間保持了穩定的平衡。 開發團隊經過數月的反覆迭代,所做的一切讓我感到驚訝。

缺點是Query塊僅僅是包裝器。 它僅與其最弱的子塊一樣好。 它的大多數嵌套塊用於發布相關數據,而其中最弱的是發布特色圖像。 它限制了構建查詢真正有趣的一切。 它甚至沒有涵蓋「圖像」,「封面」以及「媒體和文本」選項的基本子集。

令人沮喪的是,用戶和主題作者無法建立自己的願景。 我知道總有一天會到達那裡。 今天,我們僅限於基礎知識,沒有任何主題提供高度定製的查詢模式。

簡單的網格很難出錯,這就是我所做的。

fse-outreach-7-在即將到來的模板編輯模式-3下構建一個投資組合FSE推廣#7:以即將到來的模板編輯模式構建投資組合網格樣式的投資組合布局(第一個圖像在編輯器中不對齊)

在該部分之後,我將兩個Columns塊嵌套在一個見證組的另一個Columns塊中。 然後,我用一個基本的頁腳將其包裝起來,在上載網站徽標時遇到了同樣的問題。 這些部分中最普遍的問題是間距不一致。

這些測試的某些局限性並非來自Gutenberg的模板編輯器。 相反,它們來自TT1塊主題。 但是,我認為這取決於您關於主題開發的未來應該是什麼的哲學。 如果大多數前端樣式應來自WordPress / Gutenberg,則不是主題問題。

在最佳情況下,垂直對齊不一致。 在現實世界的項目中,隨意使用Spacer塊不是對齊塊的理想選擇。 在需要時,它可以是一個方便的工具,但它不應該成為糾正基礎問題的拐杖。 障礙系統在道路上增加了一些坑窪,但是經過全面測試的主題可以緩解大多數這些問題。 並且,TT1塊只是不執行此操作。 它幾乎完全依賴於核心塊樣式,而無需在需要時向左或向右旋轉。

當前的填充控制項可用於諸如Group之類的一些功能塊。 但是,大多數用戶不會對網站上每個頁面的每個像素進行微管理。 當保證金控制項可用時,也可以這樣說。 同樣,它們都是有用且必要的工具,但用戶不應過於依賴它們來糾正設計問題。 從長遠來看,隨著網站所有者最終交換主題,它將帶來更多問題。

編輯器與前端的輸出不匹配有時可能會令人頭疼。 這是一個已知問題,已在測試電話中註明,因此我不會對此進行過多說明。

我喜歡這個過程-是的,我既喜歡樂趣又很沮喪。 除了我認為已損壞的所有內容之外,整個系統還很不錯。 開發團隊要確定的東西遠多於令人討厭的東西。 但是,要求進行測試只是為了發現問題。 我鼓勵所有Tavern的讀者加入並報告您的反饋。

像這樣:

像載入中…

來源

原創文章,作者:WPJIAN,如若轉載,請註明出處:https://wpjian.com/zh-tw/tips/2021052745541.html