如何逐步將WordPress網站變成應用程序

[ad_1]

我聽說您為什麼要首先製作一個應用程序? 應用對於市場營銷可能不再有用,但對於您的客戶而言卻非常方便-使他們可以選擇與網站互動的方式。 隨著移動互聯網的持續興起(現在通過移動應用程序訪問互聯網的人數已經超過了台式機),應用程序如雨後春筍般湧現,因為大多數移動應用程序都比移動Web瀏覽器尷尬或有問題。

建造一個人的成本和挫敗感也大大降低了。 在過去,很多企業都對應用程序感興趣,但大多數企業無法構建應用程序。 簡直太難了。 還是價格昂貴(大多數開發人員每小時收取100美元以上的費用)

但值得慶幸的是,現在情況有所不同。 您不再需要太多金錢或編碼知識來構建出色的應用程序。 甚至更好–您可以選擇。 今天我們來看一下:

  • 確保您的WordPress網站具有移動響應能力
  • 使用PhoneGap構建(和編碼)自己的應用
  • 使用WordPress插件創建您的應用(又稱簡單方法)

關於免費App Builder的說明

在過去的幾年中,出現了許多用於構建應用程序的「免費」選項,但是最值得信賴的是 Adobe的PhoneGap構建。 在他們的網站做廣告時,您只需上傳HTML5,CSS和JavaScript文件,該網站就會將它們組裝成可立即下載的應用程序。 最棒的是,它可以同時為Android,Windows Phone 8和iOS構建三個版本,從而節省了大量時間。

結果不會太花哨。 實際上,所有這些方法的真正作用是將您的主頁偽裝成應用程序。 當查看者點擊該圖標時,他們將被帶到相同的移動網站,他們將查看是否可以通過手機的瀏覽器對其進行訪問。 因此,為了使此方法有效,您必須擁有一個針對移動查看進行了優化的現有站點。

1.確保您的WordPress網站具有移動版本

如果您的WordPress網站沒有針對移動設備進行優化,那麼這實際上是沒有意義的。 所以優化它! 當然,最簡單的方法是使用移動響應式WordPress主題,例如 。 但是,如果您的主題沒有響應,那麼有很多插件可以提供幫助。

iThemes手機

iThemes手機

信息與下載

通過iThemes Mobile,您可以根據當前的網站設計創建簡單而有效的移動主題。 通過管理面板,您可以自定義外觀的大多數方面,而不必弄亂代碼。

任何移動主題切換器

任何移動主題切換器

信息與下載查看演示

任何移動主題切換器都是一個基本插件,可以檢測您的查看器正在使用的設備並顯示該設備的特定主題。 因此,如果您想平衡多個主題(每個移動操作系統一個主題),則可以這樣做。

WordPress移動包

WordPress移動包插件

信息與下載查看演示

最後,還有WordPress Mobile Pack,它提供了許多跨平台的移動Web應用程序,UI和主題選項,並易於與Google Analytics(分析)集成。

2.使用PhoneGap構建來創建應用

Adobe PhoneGap構建

如果您精通技術,並且想上手,可以使用Adobe PhoneGap為WordPress網站實際創建一個應用程序。 Adobe在其文檔中提供了完整的分步指南,但是這裡快速介紹了您需要遵循的步驟。

步驟1:準備

在開始之前,請確保您有一種方法可以立即測試您的應用程序。 您可以使用瀏覽器開發工具來模仿移動設備視圖,或者嘗試使用類似的服務 跨瀏覽器測試。 但是,如果可以管理的話,最好是手頭有iOS和Android設備。

接下來,您需要 安裝Adobe PhoneGap Build 在你的電腦。 單擊以下載Mac或PC版本,然後按照屏幕上的提示進行操作。 Adobe還建議安裝免費的 PhoneGap開發人員應用程序 因此您可以在構建時立即測試您的應用。

步驟2:建立您的應用程式

接下來使用PhoneGap程序 創建您的應用。 請注意– PhoneGap基於Cordova,因此您需要了解它才能實際編寫應用程序。

從默認的「 Hello World」示例中選擇Framework7,推送通知,React Hot Loader或Blank模板開始使用。 然後,您需要選擇要在本地硬碟驅動器上的哪個位置進行項目處理,並提供名稱和ID。 完成後,PhoneGap將提供一個伺服器地址,可用於查看您的應用程序。

為了讓您了解一下,您的根目錄將需要一些密鑰文件,以便PhoneGap實際創建您的應用程序。 特別是您的index.html(至少),config.xml和子目錄文件夾(最後一個是特定於操作系統的)。

這是直接來自PhoneGap應用程序的示例 項目結構 頁:

PhoneGap應用程序項目結構

您還需要創建自己的圖標。 您當然可以自己處理,也可以使用免費的在線工具。 IconsFlow 是一款出色的工具,可幫助您使用預置的圖像,顏色選項,漸變等快速創建專業的應用程序圖標。只需設計圖標,創建免費帳戶並下載文件即可。 如果您已經有一個圖標,但需要針對所有設備和操作系統調整其大小,則免費 應用程式圖示製作工具 可以做到這一點。 但是,如果您快速進行Google搜索,就會發現還有很多其他網站,服務和應用可供選擇,以創建您的圖標。

步驟3:測試您的應用

完成應用並準備就緒後,您可以使用之前安裝的PhoneGap Developer應用進行測試。 確保使用提供的伺服器地址。 從那裡,您可以在移動設備上查看您的應用,對任何問題進行故障排除,添加修復程序,重新上傳和重建,直至完美。

重要說明:如果您已加入iOS開發人員計劃(撰寫本文時價格為99美元/年)並提供了證書,則PhoneGap Builder僅可與iOS一起使用。 藉助該程序的軟體,您實際上可以在此處自行構建該應用程序。 但是我們之所以建議使用PhoneGap,是因為您可以一次完成所有這三個操作,從而節省了時間-無需再進行任何操作。 所以,是的,您要為一堆您可能最終沒有使用的服務付費,但是如果您想在任何iProducts上使用您的應用程序,它們都會給您帶來很多負擔。

3.對WordPress使用替代的App Builders

除了iOS的工具外,您還可以使用許多其他應用程序構建服務和插件。 這比自己構建應用程序容易得多。 他們中的一些人還將免費構建(至少)Android應用程序。 儘管您絕對應該檢查開發人員的主站點以確保。

AppMySite

AppMySite

信息與下載查看演示

使用AppMySite在自動駕駛儀上創建一個應用程序。 這個易於使用的插件和服務使您只需幾個步驟即可輕鬆將WordPress網站(甚至WooCommerce商店)變成應用程序。 首先,獲取插件並註冊您的帳戶。 然後開始個性化您的應用程序-有很多內置的布局和功能可供選擇。 完成後,只需提交即可發布您的應用程序(支持Android和iOS)。 Plus AppMySite可以與您的網站實時同步,以使您的應用程序與您發布的任何新帖子或產品保持最新。

其他功能包括多語言支持,購物車和結帳集成,推送通知,社交媒體集成以及可用於監視應用程序性能的分析。

AppPresser

AppPresser

信息與下載查看演示

AppPresser是最大,最受歡迎和據稱第一個適用於WordPress的移動應用程序框架。 它提供了完整的集成:在大多數應用程序構建者僅使用WordPress網站中的供稿的情況下,AppPresser允許您使用所有插件,帖子和頁面。 此外,一旦您對網站進行任何編輯,它就會自動更新應用程序。 它還具有對電子商務的全面支持。

WPMobile應用程序

WPMobile應用程序

信息與下載查看演示

WPMobile App允許您為站點創建Android和iOS應用程序。 雖然基本插件是免費的,但您確實需要支付終身許可才能真正創建您的應用程序(一種應用程序格式的最低價格為79歐元,兩種應用程序的最低價格為149歐元)。 使用WPMobile應用程序,您將擁有自定義選項,免費的實時測試,應用程序自動更新,推送通知支持,社交集成和高級支持(如果遇到麻煩,這是一項受歡迎的功能)。

MobiLoud

美孚

信息與下載查看演示

雖然價格較高(起價為120美元/月),但MobiLoud幾乎可以為您處理所有事情(包括將應用程序提交到App Store和Google Play),因此價格合理。 使用MobiLoud,您的最終應用程序將提供跨設備兼容性,輕鬆的社交共享,(通過廣告或訂閱)獲利,推送通知等。 而且,當該服務與其插件(如上鏈接)配對時,您可以管理您的應用並從WordPress中推送通知。

最後,有很多人可以為您做這些。 但是,由於有許多簡便且負擔得起的DIY方法,您實際上並不需要為基本應用程序走那條路。

有很多構建應用程序的方法,儘管乍看之下似乎令人生畏,但上述方法卻使其變得異常簡單。 只要確保您擁有一個良好的移動網站即可,好嗎? 現在讓我來。 我在這裡弄錯了嗎? 我還有其他方法應該知道嗎? 隨時在下面留下您的反饋!

相關文章