วิธีเปลี่ยนไซต์ WordPress ของคุณให้กลายเป็นแอพทีละขั้นตอน

WordPress Mobile พร้อมแล้ว

ทำไมจึงสร้างแอพขึ้นมาตั้งแต่แรกฉันได้ยินคุณถาม? แอปอาจไม่มีประโยชน์สำหรับการตลาดอีกต่อไป แต่พวกเขาค่อนข้างสะดวกสำหรับลูกค้าของคุณ – ให้ทางเลือกมากขึ้นเกี่ยวกับวิธีที่พวกเขาโต้ตอบกับเว็บไซต์ของคุณ ด้วยการเพิ่มขึ้นอย่างต่อเนื่องของอินเทอร์เน็ตบนมือถือ (ตอนนี้ผู้คนจำนวนมากเข้าถึงอินเทอร์เน็ตผ่านทางแอพมือถือกว่าเดสก์ท็อป) แอปกำลังบานเนื่องจากส่วนใหญ่อยู่ที่ไหนใกล้เคียงที่น่าอึดอัดใจหรือมีปัญหาเหมือนเว็บเบราว์เซอร์มือถือ.


ค่าใช้จ่ายและความยุ่งยากที่เกี่ยวข้องกับการสร้างสิ่งหนึ่งได้ไปไกลเกินไป ในอดีตธุรกิจจำนวนมากสนใจแอป แต่ส่วนใหญ่ไม่สามารถสร้างได้ มันยากเกินไป หรือค่าใช้จ่าย (devs ส่วนใหญ่คิดค่าใช้จ่ายสูงกว่า $ 100 ต่อชั่วโมง)

แต่โชคดีที่สิ่งต่าง ๆ ในตอนนี้ คุณไม่ต้องการเงินหรือความรู้ในการเขียนรหัสอีกต่อไปเพื่อสร้างแอปที่มีความสามารถ และดียิ่งขึ้น – คุณมีตัวเลือก วันนี้เราจะดูที่:

  • ตรวจสอบให้แน่ใจว่าเว็บไซต์ WordPress ของคุณตอบสนองต่อมือถือ
  • สร้าง (และเข้ารหัส) แอปของคุณเองด้วย PhoneGap
  • ใช้ปลั๊กอิน WordPress เพื่อสร้างแอปของคุณ (วิธีง่าย ๆ )

หมายเหตุเกี่ยวกับผู้สร้างแอปฟรี

ในช่วงไม่กี่ปีที่ผ่านมามีตัวเลือก “ฟรี” มากมายสำหรับการสร้างแอปปรากฏขึ้น แต่หนึ่งในสิ่งที่น่าเชื่อถือที่สุดคือ PhoneGap Build ของ Adobe. เนื่องจากไซต์ของพวกเขาโฆษณาคุณเพียงอัปโหลดไฟล์ HTML5, CSS และ JavaScript ของคุณและเว็บไซต์จะทำการรวบรวมไฟล์เหล่านั้นลงในแอพที่ดาวน์โหลดได้ทันที เหนือสิ่งอื่นใดมันสามารถสร้างสามอย่างพร้อมกันสำหรับ Android, Windows Phone 8 และ iOS – ประหยัดเวลาได้มาก.

ผลลัพธ์จะไม่เป็นอะไรที่แฟนซีเกินไป อันที่จริงวิธีการทั้งหมดนี้ใช้เพื่อปลอมตัวเป็นหน้าแรกของคุณเป็นแอพ เมื่อผู้ดูแตะไอคอนพวกเขาจะถูกนำไปยังเว็บไซต์มือถือเดียวกันที่พวกเขาเห็นว่าพวกเขาเข้าถึงผ่านทางเบราว์เซอร์ของโทรศัพท์หรือไม่ ดังนั้นเพื่อให้วิธีนี้มีประสิทธิภาพคุณจะต้องมีไซต์ที่มีอยู่ซึ่งได้รับการปรับให้เหมาะสำหรับการดูบนมือถือ.

1. ตรวจสอบให้แน่ใจว่าเว็บไซต์ WordPress ของคุณมีรุ่นมือถือ

หากไซต์ WordPress ของคุณไม่ได้รับการปรับให้เหมาะกับอุปกรณ์มือถือจะไม่มีประเด็นในเรื่องนี้ ดังนั้นปรับมัน! แน่นอนว่ามันง่ายที่สุดที่จะใช้ธีม WordPress ที่ตอบสนองต่อมือถือเช่น Total แต่ถ้าธีมของคุณไม่ตอบสนองมีปลั๊กอินมากมายที่สามารถช่วยได้.

iThemes Mobile

iThemes Mobile

ข้อมูล & ดาวน์โหลด

iThemes Mobile จะช่วยให้คุณสร้างธีมมือถือที่เรียบง่าย แต่มีประสิทธิภาพตามการออกแบบเว็บไซต์ปัจจุบันของคุณ แผงการจัดการช่วยให้คุณสามารถปรับแต่งลักษณะส่วนใหญ่ของลักษณะที่ปรากฏโดยไม่ต้องยุ่งกับโค้ด.

ทุกธีมมือถือ Switcher

ทุกธีมมือถือ Switcher

Mobile Theme Switcher เป็นปลั๊กอินพื้นฐานที่จะตรวจจับอุปกรณ์ที่ผู้ดูของคุณใช้อยู่และแสดงธีมเฉพาะสำหรับอุปกรณ์นั้น ดังนั้นหากคุณต้องการสร้างความสมดุลให้กับหลาย ๆ ธีม – หนึ่งสำหรับแต่ละระบบปฏิบัติการมือถือ – คุณสามารถทำเช่นนั้นได้.

WordPress Mobile Pack

ปลั๊กอิน WordPress Mobile Pack

ในที่สุดก็มี WordPress Mobile Pack ซึ่งเป็นโฮสต์ของเว็บแอพพลิเคชั่นมือถือข้ามแพลตฟอร์ม UI และตัวเลือกการรวมและการรวมกับ Google Analytics ได้อย่างง่ายดาย.

2. ใช้ PhoneGap Build เพื่อสร้างแอป

Adobe PhoneGap Build

หากคุณเข้าใจในเทคโนโลยีและต้องการรับมือกับคุณสามารถใช้ Adobe PhoneGap เพื่อสร้างแอปสำหรับเว็บไซต์ WordPress ของคุณ Adobe มีคู่มือแบบเป็นขั้นตอนเต็มรูปแบบในเอกสารของพวกเขา แต่นี่คือการดูอย่างรวดเร็วเกี่ยวกับขั้นตอนที่คุณจะต้องปฏิบัติตาม.

ขั้นตอนที่ 1: การเตรียมการ

ก่อนที่จะเริ่มให้แน่ใจว่าคุณมีวิธีทดสอบแอปของคุณ คุณสามารถใช้เครื่องมือพัฒนาเบราว์เซอร์เพื่อเลียนแบบมุมมองอุปกรณ์มือถือหรือลองใช้บริการเช่น การทดสอบ CrossBrowser. แต่ถ้าคุณสามารถจัดการได้ดีที่สุดคือมี iOS และอุปกรณ์ Android อยู่ในมือ.

ถัดไปคุณจะต้อง ติดตั้ง Adobe PhoneGap Build บนคอมพิวเตอร์ของคุณ คลิกเพื่อดาวน์โหลดเวอร์ชั่น Mac หรือ PC จากนั้นทำตามคำแนะนำบนหน้าจอ Adobe ยังแนะนำให้ติดตั้งอภินันทนาการ แอพ PhoneGap สำหรับนักพัฒนา เพื่อให้คุณสามารถทดสอบแอปของคุณทันทีที่คุณสร้าง.

ขั้นตอนที่ 2: สร้างแอปของคุณ

ถัดไปใช้โปรแกรม PhoneGap เพื่อ สร้างแอปของคุณ. โปรดทราบ – PhoneGap ขึ้นอยู่กับ Cordova ดังนั้นคุณจะต้องมีความเข้าใจในการใช้รหัสแอปของคุณ.

เลือกจากตัวอย่าง“ Hello World” ที่เป็นค่าเริ่มต้น Framework7, Push Notification, React Hot Loader หรือเทมเพลตเปล่าเพื่อเริ่มต้น จากนั้นคุณจะต้องเลือกว่าจะใช้ฮาร์ดไดรฟ์ในพื้นที่โครงการของคุณและระบุชื่อและ ID เมื่อดำเนินการเสร็จ PhoneGap จะระบุที่อยู่เซิร์ฟเวอร์ที่คุณสามารถใช้เพื่อดูแอปของคุณ.

ไดเรกทอรีรากของคุณจะต้องมีไฟล์สำคัญสำหรับ PhoneGap เพื่อสร้างแอปของคุณ เฉพาะ index.html ของคุณ (อย่างน้อยที่สุด), โฟลเดอร์ config.xml และ sub-directory (อันสุดท้ายคือเฉพาะระบบปฏิบัติการ).

นี่คือตัวอย่างตรงจากแอพ PhoneGap โครงสร้างโครงการ หน้า:

โครงสร้างโครงการแอพ PhoneGap\

คุณจะต้องสร้างไอคอนของคุณเองด้วย แน่นอนคุณสามารถจัดการกับตัวเองหรือใช้เครื่องมือออนไลน์ฟรี. IconsFlow เป็นเครื่องมือที่ยอดเยี่ยมที่จะช่วยคุณสร้างไอคอนแอพมืออาชีพอย่างรวดเร็วโดยใช้รูปภาพที่ตั้งไว้ล่วงหน้าตัวเลือกสีการไล่ระดับสี ฯลฯ เพียงแค่ออกแบบไอคอนสร้างบัญชีฟรีและดาวน์โหลดไฟล์ของคุณ หากคุณมีไอคอนอยู่แล้ว แต่จำเป็นต้องปรับขนาดสำหรับอุปกรณ์และระบบปฏิบัติการทั้งหมดฟรี App Icon Maker ทำได้แค่นั้น แต่ถ้าคุณค้นหาด้วย Google อย่างรวดเร็วคุณจะพบว่ามีเว็บไซต์บริการและแอปอื่น ๆ ให้เลือกมากมายเพื่อสร้างไอคอนของคุณ.

ขั้นตอนที่ 3: ทดสอบแอปของคุณ

เมื่อแอปของคุณเสร็จสิ้นและพร้อมใช้งานคุณสามารถทดสอบโดยใช้แอพ PhoneGap Developer ที่ติดตั้งไว้ก่อนหน้านี้ ตรวจสอบให้แน่ใจว่าใช้ที่อยู่เซิร์ฟเวอร์ที่ให้ไว้ จากตรงนั้นคุณสามารถดูแอพของคุณบนอุปกรณ์มือถือแก้ไขปัญหาใด ๆ เพิ่มการแก้ไขอัปโหลดใหม่และสร้างใหม่จนสมบูรณ์.

หมายเหตุสำคัญ: PhoneGap Builder สามารถทำงานกับ iOS ได้หากคุณเข้าร่วมโปรแกรมนักพัฒนา iOS (ซึ่งมีราคาอยู่ที่ $ 99 / ปีเมื่อบทความนี้เขียนขึ้น) และให้ใบรับรองของคุณ ด้วยซอฟต์แวร์ของโปรแกรมคุณสามารถสร้างแอปได้เอง แต่เหตุผลที่เราแนะนำ PhoneGap ก็คือคุณสามารถประหยัดเวลาได้ด้วยการทำทั้งสามอย่างพร้อมกันโดยไม่จำเป็นต้องแยกจากกัน ใช่คุณกำลังจ่ายเงินสำหรับบริการจำนวนมากที่คุณอาจไม่ได้ใช้ แต่ถ้าคุณต้องการแอปของคุณบน iProducts ใด ๆ พวกเขาจะมีคุณมากกว่าหนึ่งกระบอกที่นี่.

3. ใช้ผู้สร้างแอปสำรองสำหรับ WordPress

นอกเหนือจากเครื่องมือของ iOS แล้วยังมีบริการสร้างแอพและปลั๊กอินอื่น ๆ อีกมากมายที่คุณสามารถใช้ได้ สิ่งเหล่านี้ง่ายกว่าการสร้างแอปด้วยตัวเอง บางส่วนจะสร้างแอป Android (อย่างน้อย) โดยไม่มีค่าใช้จ่าย แม้ว่าคุณควรตรวจสอบเว็บไซต์หลักของนักพัฒนาเพื่อให้แน่ใจ.

AppPresser

AppPresser

AppPresser เป็นแอปมือถือที่ใหญ่ที่สุดและเป็นที่นิยมมากที่สุดและเป็นกรอบแรกสำหรับ WordPress มันมีการบูรณาการอย่างเต็มรูปแบบ: ที่ผู้สร้างแอปส่วนใหญ่ใช้ฟีดจากไซต์ WordPress ของคุณเท่านั้น AppPresser ให้คุณใช้ปลั๊กอินโพสต์และหน้าทั้งหมดของคุณ นอกจากนี้ยังอัปเดตแอปโดยอัตโนมัติทันทีที่คุณทำการแก้ไขใด ๆ ในเว็บไซต์ของคุณ มันมีการรองรับอย่างเต็มที่สำหรับอีคอมเมิร์ซด้วย.

แอพ WPMobile

แอพ WPMobile

WPMobile App ช่วยให้คุณสร้างทั้งแอป Android และ iOS สำหรับเว็บไซต์ของคุณ ในขณะที่ปลั๊กอินพื้นฐานนั้นฟรีคุณต้องจ่ายค่าลิขสิทธิ์ตลอดชีพเพื่อสร้างแอปของคุณ (เริ่มที่ 79 €สำหรับรูปแบบแอปเดียวหรือ 149 ยูโรสำหรับทั้งคู่) ด้วยแอป WPMobile คุณจะมีตัวเลือกการปรับแต่งทดสอบสดฟรีอัปเดตแอพอัตโนมัติสนับสนุนการแจ้งเตือนแบบพุชการรวมระบบสังคมและการสนับสนุนระดับพรีเมียม (คุณลักษณะยินดีต้อนรับถ้าคุณติดขัด).

MobiLoud

Mobiloud

ในขณะที่ราคาสูงขึ้น (เริ่มต้นที่ $ 120 / เดือน) MobiLoud จัดการทุกอย่างให้คุณ (รวมถึงการส่งแอพของคุณไปยัง App Store และ Google Play) ทำให้ราคาสมเหตุสมผล ด้วย MobiLoud แอพพลิเคชั่นสุดท้ายของคุณนำเสนอความเข้ากันได้ข้ามอุปกรณ์การแบ่งปันทางสังคมที่ง่ายการสร้างรายได้ (ผ่านโฆษณาหรือการสมัครรับข้อมูล) การแจ้งเตือนแบบพุชและอื่น ๆ และเมื่อบริการถูกจับคู่กับปลั๊กอิน (เชื่อมโยงด้านบน) คุณสามารถจัดการแอพและส่งการแจ้งเตือนจากภายใน WordPress.

ในที่สุดก็มีคนมากมายที่คุณสามารถจ่ายเงินให้คุณ อย่างไรก็ตามด้วยวิธีที่ง่ายและราคาไม่แพงสำหรับ DIY คุณไม่จำเป็นต้องไปตามเส้นทางนั้นสำหรับแอปพื้นฐาน.


มีหลายวิธีในการสร้างแอปและแม้ว่ามันจะดูน่ากลัวตั้งแต่แรก แต่วิธีการข้างต้นทำให้มันง่ายอย่างไม่น่าเชื่อ เพียงให้แน่ใจว่าคุณมีเว็บไซต์บนมือถือที่ดีที่จะเริ่มต้นใช่ไหม ตอนนี้ให้ฉันมีมัน ที่นี่ฉันทำอะไรผิดหรือเปล่า? มีวิธีอื่นที่ฉันควรรู้หรือไม่? อย่าลังเลที่จะแสดงความคิดเห็นของคุณด้านล่าง!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map