尼克迭戈分叉核心 WordPress 塊,創建社交共享插件

如果你以前看過這個,請舉手。 又一個社交分享插件。 但是,有了積木系統,一切都又是新的了。 有些東西只需要從它們以前的基於 PHP 的等價物移植過來。 其他人則是對舊想法的全新詮釋,其中一些人可能會為未來幾年樹立標準。

尼克迭戈分叉了核心社交圖標塊來創建 社交分享塊. 它的一切看起來和感覺都應該在 WordPress 中,以至於他認為它可能是包含的候選者。

「我試圖儘可能多地複製古騰堡文件結構,」他說。 「它很接近,但他們正在做一些 webpack 魔法。 我希望看到它最終以某種形式包含在核心中,但可能太小眾了。 雖然在 5.9 發布後,我會在某個時候整理一份 PR 草案,我確信插件是 100% 可靠的。」

雖然它可能永遠不會登陸 WordPress,但隨著越來越多的用戶開始使用塊主題,它可能會成為首選解決方案。 目前,該插件需要 WordPress 5.9 或最新版本的 Gutenberg。 它使用了一些較新的組件,但無論如何使它向後兼容早期版本是沒有意義的。 該塊與需要塊主題的站點編輯器結合使用時效果最佳。

nick-diego-forks-core-wordpress-block-creates-social-sharing-plugin Nick Diego Forks 核心 WordPress 塊,創建社交共享插件不同塊設計選項的示例。

該插件以一種必要的方式偏離核心塊。 與用戶輸入其社交資料的 URL 不同,社交共享塊會自動為選擇的任何服務輸出正確的「共享者」URL。

它甚至可以處理電子郵件和列印鏈接。 除此之外,它目前支持 10 個社交網路:

  • Facebook
  • 領英
  • Pinterest
  • 口袋
  • 紅迪網
  • Skype
  • 電報
  • 棒棒噠
  • 推特
  • WhatsApp

Diego 通過 Twitter 表示,他計劃在未來的迭代中支持更多服務。

社交共享塊是塊系統承諾的一個典型例子。 在經典的 WordPress 中,用戶受限於開發人員所做的任何設計。 通常,插件會自動輸出共享鏈接,用戶需要通過一個完全獨立於前端外觀的設置頁面來配置選項。

有了這個塊,用戶就有了靈活性。 他們可以控制其社交分享鏈接的輸出方式的各個方面,至少在網站編輯器的範圍內。 從標籤到顏色再到前面的「分享這個」文本,一切都觸手可及。

這也是我已經是這個年輕插件粉絲的原因之一。 它不會嘗試做太多事情。 它不關心它輸出的社交共享列表之外的設計方面。

這是一件簡單的事情。 但是,它代表了用戶很少看到的控制項。 例如,我想在社交分享按鈕之前添加文本「分享方式」。 這不能通過塊本身進行配置。 相反,我可以通過站點編輯器來決定它的布局。

nick-diego-forks-core-wordpress-block-creates-social-sharing-plugin-1 Nick Diego Forks 核心 WordPress 塊,創建社交共享插件編輯器視圖nick-diego-forks-core-wordpress-block-creates-social-sharing-plugin-2 Nick Diego Forks 核心 WordPress 塊,創建社交共享插件單個帖子視圖

我跳到站點編輯器並打開單個帖子模板來構建該布局。 我向下滾動到帖子元區域並插入了一個 Row 塊。 從那時起,在插入社交共享鏈接之前通過段落添加我的自定義文本。

正如我所說,這是一件很簡單的事情。 但是,不能低估對前端顯示方式的控制。

並非所有第三方塊都是這樣構建的。 很多時候,他們試圖控制整個體驗,而不是創造應該是模式的東西。 當開發人員將塊視為做好一件事的獨立組件時,它為用戶增加了靈活性。

它還有助於主題作者決定支持哪些插件。 對於主題而言,圍繞社交共享塊構建自定義模式和塊樣式將是一件輕而易舉的事。

它還有一個 WordPress 社交圖標塊沒有的額外選項。 用戶可以在每個圖標旁邊啟用文本標籤。 在我們的談話中,我暗示這是核心的社交圖標塊非常需要的東西,並且已經有一個 為它開票. Diego 似乎有興趣創建一個補丁來解決它。

來源

相關文章