WPBeginner v5-新站點設計和下一步


如果您今天要加載WPBeginner,則您可能已經註意到我們有一個新的網站設計。 考慮到我們的上一個設計是2012年的,所以很多人會說是時候讓WPBeginner刷新了。 我想與您分享我們重新設計過程中的一些見解,我們學到的知識,花了這麼長時間的原因以及最重要的是新設計中的新功能。

一點背景

我於2009年創立WPBeginner。在最初的三年中,WPBeginner經歷了4次重新設計。 那會佔用很多資源,本來可以更好地用於我們的核心任務的:

通過我們的工具,團隊和培訓,幫助小型企業成長並與大型企業競爭。

在WPBv4之後,我著重指出了我們的核心使命,結果令人吃驚。

最近四年:

  • 我們在WPBeginner博客上創建了上千個免費的WordPress教程。
  • 我們在YouTube頻道上添加了500多個新的視頻教程。
  • 我們在WordPress詞彙表中添加了100多個術語。
  • 我們推出了OptinMonster –一種將放棄網站訪問者轉化為訂閱者的工具。 我們的optin表格每月被瀏覽數十億次。
  • 我們推出了功能最強大的WordPress畫廊解決方案Envira Gallery,以幫助我們的用戶輕鬆創建照片和視頻畫廊,而不會影響他們的網站。
  • 我們推出了Soliloquy一個易於使用的響應式WordPress滑塊插件,使性能和用戶體驗成為第一要務。
  • 我們根據您的反饋和建議啟動了WPForms,這是對初學者最友好的WordPress表單插件。
  • 今年早些時候,我們收購了Yoast Analytics,並將其更名為MonsterInsights。 我們正在重寫整個插件,以使初學者更容易使用Google Analytics(分析)。

我們的插件已累計下載超過1300萬次,並在超過200萬個網站上得到積極使用。

儘管所有這些都是偉大的成就,但如果我們要繼續改進和服務於我們的使命,就必須應對一系列新挑戰。

這使我進入WPBeginner v5。

數據設計

在過去的幾年中,大多數網站上移動設備的使用量已大大增加。 因此,我們始終建議所有人在創建博客時都選擇適合移動設備的自適應WordPress主題。

有點諷刺意味,因為我們自己的網站沒有響應。 在社區中,其他WordPress設計師和開發人員對社交媒體提出了很多批評。

有時我們會收到讀者的評論,詢問為什麼WPBeginner沒有響應。

雖然我了解了響應式設計的重要性,但更重要的是,在對業務中的任務進行優先級排序時,您需要製定以數據為依據的決策。

在2012年推出WPBv4設計時, 小於2% 我們的觀眾是在移動設備上。

在2016年的今天,這一數字已增加到大約7%。

與我的其他網站(如List25)相比,這仍然非常低,其中超過50%的用戶使用移動設備。

但這是有道理的,因為大多數人不會通過移動設備在其WordPress網站上安裝插件。 大多數人不會在移動設備上進行代碼更改。 大多數人不會嘗試在移動設備上修復常見的WordPress錯誤。

這就是為什麼使WPBeginner響應能力不是我們的首要任務。 但是,一旦移動設備使用率超過5%,我們便開始計劃進行重新設計,以應對其他挑戰。

WPBeginnerv5自適應

我們面臨的另一個挑戰是現場可用性。 隨著我們添加更多內容,用戶變得越來越難以找到他們想要的內容。 例如,我們有8篇文章討論瞭如何加快WordPress的速度,但沒有全面的分步解決方案。

我們在WPBeginner搜索表單中查看了最上面鍵入的搜索查詢,以創建全面的分步教程,這些教程現在會在設計中立即突出顯示。

WPBv5綜合指南

我們還使搜索WPBeginner更加容易,在標題中提供了全屏搜索覆蓋,並在側欄中提供了附加搜索欄。

展望未來,我們將通過創建創造性地利用WordPress標籤的內容門戶,使用戶更輕鬆地找到所需的內容。

WPBv5的新增功能

該網站的核心功能保持不變。 以下是網站上的一些值得注意的更改:

從這裡開始新頁面

如果您是WPBeginner的新手,那麼您將不勝感激新的“從這裡開始”頁面

響應式網站設計

WPBeginner網站現在可以100%響應,因此在所有設備上看起來都不錯。

我們選擇繼續使用流行的Genesis框架來構建我們的自定義子主題。

綜合指南

如果您在每個頁面的側邊欄中查看,您將看到一個新的“我需要幫助…”部分,其中重點介紹了全面指南,例如如何加快WordPress,如何提高WordPress安全性,如何優化WordPress SEO等。

產品可視性更好

在WPBeginner人口普查中,我提出的一個問題是命名我們擁有的產品。 令人驚訝的是,有多少人不了解我們的產品。 在新設計中,我們將更好地突出我們擁有的產品。

這從一個新的高級WordPress插件頁面開始。

我們還將在側邊欄和新聞通訊中旋轉產品。

FontAwesome和新字體

您可能會注意到新設計器中使用了圖標字體。 它叫做FontAwesome,我是Dave Gandy作品的忠實粉絲。

我們將他的作品用於所有產品,並為FontAwesome的支持者感到自豪。

有趣的是,如果您使用FontAwesome以及我們的其他屬性,則實際上可以將WPBeginner徽標添加為字體。

在新設計中,我們現在通過Typekit使用Proxima Nova字體。

新共享插件

過去,我們使用了Floating Social Bar插件的變體。

在Twitter,Facebook和其他人進行更改之後,我覺得是時候為WPBeginner創建一個新的共享插件了。

它準確地拉動了Twitter的數量,但更重要的是,它現在擁有總股份數。

新共享插件

我選擇停止浮動行為,而是在每個帖子的開頭和結尾處添加了共享按鈕。 這將有助於在較小的屏幕尺寸上提供更好的用戶體驗。

新的電子書和最佳形式

在每篇文章的底部,您將看到一個新的optin表格,用於下載我的WordPress工具包。 這本電子書分享了我們在整個網站上使用的確切工具。

它與WPBeginner藍圖不同,因為它僅顯示了我們在WPBeginner上使用的內容。

工具箱eBook更全面。

我還用2步選擇流程MonsterLinks替換了側邊欄選擇菜單。 側邊欄optin表單的轉換率不足以證明房地產的合理性。 因此,現在,如果您想通過電子郵件進行訂閱,可以通過單擊側邊欄中的電子郵件圖標來進行訂閱。

WPBv5側欄優化

下一步是什麼

除了前端更改之外,我們還進行了許多後端更改,這些操作將使WPBeginner團隊可以在未來幾個月輕鬆創建更全面的指南。

WPBeginner視頻會員網站將得到全面修訂。 目前,它仍在使用舊主題。

我們將把它變成一個LMS系統,該系統將把初學者視頻課程和我們的500多個YouTube視頻集中在一起。

該站點的目標是提供更多有組織的課程,以使用戶輕鬆快速地學習WordPress。

我要感謝大家的支持和反饋。

敬上,
賽義德·巴爾基(Syed Balkhi)
WPBeginner的創始人