如果你以前看過這個,請舉手。 又一個社交分享插件。 但是,有了積木系統,一切都又是新的了。 有些東西只需要從它們以前的基於 PHP 的等價物移植過來。 其他人則是對舊想法的全新詮釋,其中一些人可能會為未來幾年樹立標準。
尼克迭戈分叉了核心社交圖標塊來創建 社交分享塊. 它的一切看起來和感覺都應該在 WordPress 中,以至於他認為它可能是包含的候選者。
「我試圖儘可能多地複製古騰堡文件結構,」他說。 「它很接近,但他們正在做一些 webpack 魔法。 我希望看到它最終以某種形式包含在核心中,但可能太小眾了。 雖然在 5.9 發布後,我會在某個時候整理一份 PR 草案,我確信插件是 100% 可靠的。」
雖然它可能永遠不會登陸 WordPress,但隨著越來越多的用戶開始使用塊主題,它可能會成為首選解決方案。 目前,該插件需要 WordPress 5.9 或最新版本的 Gutenberg。 它使用了一些較新的組件,但無論如何使它向後兼容早期版本是沒有意義的。 該塊與需要塊主題的站點編輯器結合使用時效果最佳。
不同塊設計選項的示例。
該插件以一種必要的方式偏離核心塊。 與用戶輸入其社交資料的 URL 不同,社交共享塊會自動為選擇的任何服務輸出正確的「共享者」URL。
它甚至可以處理電子郵件和列印鏈接。 除此之外,它目前支持 10 個社交網路:
- 領英
- 口袋
- 紅迪網
- Skype
- 電報
- 棒棒噠
- 推特
Diego 通過 Twitter 表示,他計劃在未來的迭代中支持更多服務。
社交共享塊是塊系統承諾的一個典型例子。 在經典的 WordPress 中,用戶受限於開發人員所做的任何設計。 通常,插件會自動輸出共享鏈接,用戶需要通過一個完全獨立於前端外觀的設置頁面來配置選項。
有了這個塊,用戶就有了靈活性。 他們可以控制其社交分享鏈接的輸出方式的各個方面,至少在網站編輯器的範圍內。 從標籤到顏色再到前面的「分享這個」文本,一切都觸手可及。
這也是我已經是這個年輕插件粉絲的原因之一。 它不會嘗試做太多事情。 它不關心它輸出的社交共享列表之外的設計方面。
這是一件簡單的事情。 但是,它代表了用戶很少看到的控制項。 例如,我想在社交分享按鈕之前添加文本「分享方式」。 這不能通過塊本身進行配置。 相反,我可以通過站點編輯器來決定它的布局。
編輯器視圖單個帖子視圖
我跳到站點編輯器並打開單個帖子模板來構建該布局。 我向下滾動到帖子元區域並插入了一個 Row 塊。 從那時起,在插入社交共享鏈接之前通過段落添加我的自定義文本。
正如我所說,這是一件很簡單的事情。 但是,不能低估對前端顯示方式的控制。
並非所有第三方塊都是這樣構建的。 很多時候,他們試圖控制整個體驗,而不是創造應該是模式的東西。 當開發人員將塊視為做好一件事的獨立組件時,它為用戶增加了靈活性。
它還有助於主題作者決定支持哪些插件。 對於主題而言,圍繞社交共享塊構建自定義模式和塊樣式將是一件輕而易舉的事。
它還有一個 WordPress 社交圖標塊沒有的額外選項。 用戶可以在每個圖標旁邊啟用文本標籤。 在我們的談話中,我暗示這是核心的社交圖標塊非常需要的東西,並且已經有一個 為它開票. Diego 似乎有興趣創建一個補丁來解決它。