FSE 計劃：深入了解塊主題之間的切換

已發表: 2021-09-09

與 FSE 外展計劃的常規測試輪次不同，Anne McCarthy 今天早些時候在 Make WordPress Test 博客上做了一些改動。 該公告要求用戶考慮在塊主題之間切換時他們希望看到的內容。 該測試對任何想要參加 9 月 29 日的人開放。

這些步驟是鬆散的，不需要。 目標是讓人們思考和討論隨著時間的推移主題切換流程會是什麼樣子。 麥卡錫問了幾個問題，但它們只是更開放式討論的起點。

雖然我有時需要結構，但我還是傾向於打破規則。 今天這個考試的形式很適合我。

我不是一個切換主題的人。 自從十多年前我學會瞭如何為 WordPress 設計以來，我從未從一個主題轉移到下一個主題。 至少不像普通用戶那樣。 相反，每次我在我的網站上添加一層新的油漆時，我只是將基礎切換到我在給定時刻所做的任何事情。 對我來說，WordPress 主題始終只是上一個項目的迭代。

編程的基石之一是重用你的代碼，這是我牢記在心的原則。 即使是現在，當我繼續探索塊主題設計時，我也是從我構建的最後一個 WordPress 主題的一個內臟版本開始這樣做的。

當我考慮切換主題時，這不是我習慣的體驗。 即使當我開始為 WP Tavern 工作時，該網站也已經使用了我的一個主題並進行了一些自定義。 感覺就像我錯過了。 在我從 1.5 版開始使用 WordPress 的整個旅程中，該平台首次引入了主題，我從未真正體驗過最基本的主題切換過程。 我很快就會，但我們將在另一天討論這個問題。

當我“切換”主題時，我會在測試環境中這樣做，以便撰寫有關它們的文章或為最終用戶提供技術支持。

探索號召主要集中在與全球設計相關的功能上。 但是，根據我的經驗，這些往往比用戶內容的外觀更重要。 測試任何主題時，我做的第一件事就是加載演示帖子。 最近，這是“歡迎來到古騰堡編輯器”測試帖。 首要問題：我可以舒適地閱讀內容嗎？ 如果我沒有通過這個階段，我只是停用主題。

對於這個實驗，我選擇了三個主題：

  • 我的自定義未發布項目
  • TT1 塊
  • 樣方

我從測試閱讀簡單博客文章的難易程度開始。

總的來說，每個主題的表現都令人欽佩。 但是，Quadrat 在單個帖子視圖中使用特色圖片感覺不合適。

讓我徹夜難眠的一個問題是跨主題兼容性將如何在內容級別上發揮作用。 默認塊輸出應從一個主題轉換為下一個主題，幾乎沒有問題。 但是，自定義塊樣式、字體大小、顏色和各種預設已經是一個問題區域。

這不是一個新的對話。 關於標準化某些功能的討論正在進行中。 但是貓已經從袋子裡出來了，在房子裡亂跑。

全局樣式和模板是用戶多年來以某種形式處理的功能。 新系統只是做同一件事的不同方式。

然而，當設計元素與內容融合時，如果沒有底層的標準化系統，切換主題會變得更加複雜。 為了說明這一點，我對照一篇使用自定義塊樣式、漸變顏色和字體大小的帖子檢查了所有三個測試主題。 我想突破一個簡單的博客文章的界限。

內容是使用我的自定義主題和“開放式畫布”模板構建的。 Quadrat 有一個類似的模板來隱藏帖子標題，但 TT1 Blocks 沒有。

結果是，咳咳，粗糙：

當然，我的自定義主題看起來應該如此。 這並不是說 TT1 Blocks 和 Quadrat 設計不佳。 它們實際上是目前可用的兩個最好的塊主題。 問題是它們不共享相同的塊樣式和預設。 WordPress 和 Gutenberg 也缺少一些基本的佈局工具，這些工具可以更容易地將這種設計從一個主題帶到下一個主題。

設計中最複雜的部分是開口蓋塊圖案：

從技術上講，這是另一個中的 Cover 塊。 底層有一個帶有雙色調過濾器的背景圖像，並將內部內容設置為其父級的 90% 寬度。 第二層具有主題定義的漸變背景，並將其內部容器設置在左側，寬度為 50%。 另外，它有一些自定義字體大小。

這些佈局控件只能通過自定義塊樣式或 Columns 塊的一些 hacky 使用來實現。 我選擇前者是因為它更容易，但這也意味著它們在與任何其他主題一起使用時會損壞。

雖然我稱這是設計中最複雜的部分，但對於大多數頁面構建器或幾行 CSS 來說，這實際上是一件簡單的事情。 在 WordPress 擁有某種類型的網格容器塊之前，主題作者將依賴自定義技術來實現此類佈局。 我們等待的時間越長，它就會變得比這更醜陋。

關於標準化預設（如字體大小和顏色名稱）的公開討論可能會結出碩果，有助於解決更瑣碎的部分。 但是，我沒有看到這個討論中出現漸變名稱。

我對這個測試至少有一個不可告人的動機。 我一直想在 WP Tavern 嘗試更多的實驗性帖子設計和佈局。 但是，我知道我們最終會切換主題。 我腦海中的那個聲音總是提醒我，當那一天到來時，那些定制設計的帖子佈局可能會壞掉。 這些工具還不夠先進，我無法冒險。 反正還沒有。

在這一點上，我確信我不再遵循探索號召的預期方向。 然而，我只是讓旅程帶我去我要去的地方。 我的目標是對我的願望清單的補充：更強大的佈局工具，適用於不同主題。