นักพัฒนา WordPress ทุกคนมักจะอยากรู้ว่าสิ่งใด WordPress plugin วิธีที่ดีที่สุดคือทำให้เว็บไซต์ของเขาตอบสนองต่อมือถือ หนึ่งทศวรรษก่อนหน้านี้ อาจไม่ใช่คำถามที่จริงจัง แต่เมื่อเวลาผ่านไป เราพบว่าอุปกรณ์เคลื่อนที่เข้ามาแทนที่การใช้งานเดสก์ท็อปอย่างรวดเร็ว ผู้คนกำลังช็อปปิ้งบนโทรศัพท์และท่องอินเทอร์เน็ตบนสมาร์ทโฟนในทำนองเดียวกัน ดังนั้นจึงเป็นเรื่องสำคัญที่นักพัฒนาจะต้องสร้างเว็บไซต์ของตนเป็น เป็นมิตรกับมือถือ
WordPress เป็นอีกหนึ่งยักษ์ใหญ่ของตลาดอินเทอร์เน็ตที่กำลังเติบโตนี้ และเรารู้เรื่องนี้ดี 25% ของเว็บไซต์บนอินเทอร์เน็ตขับเคลื่อนโดย WordPress เท่าที่พิจารณาการตอบสนองบนมือถือ ธีมส่วนใหญ่ตอบสนองต่อมือถือแล้ว ดังนั้นธีมจึงตอบสนองต่อธรรมชาติของแพลตฟอร์ม
หากคุณต้องการที่จะจัดอันดับเว็บไซต์ของคุณและคุณเป็น ผู้ปฏิบัติงาน SEO ถ้าอย่างนั้นคุณต้องรู้ว่า Google ได้ให้ความสำคัญกับเว็บไซต์ที่ตอบสนองต่อมือถือเป็นอย่างมากและทำให้พวกเขาได้เปรียบเหนือเว็บไซต์อื่น ๆ ดังนั้นการตอบสนองทางมือถือจึงให้บริการคุณสองครั้งแล้ว ประการแรกด้วยการช่วยคุณจัดอันดับที่ด้านบนและรองทำให้เว็บไซต์ของคุณใช้งานง่าย ผมมีรายการ 5 pluginที่จะช่วยให้คุณทำให้เว็บไซต์ WordPress ของคุณตอบสนองและใช้งานง่ายยิ่งขึ้น ตรวจสอบสิ่งเหล่านี้ สุดยอด WordPress plugins สำหรับการทำให้เว็บไซต์ตอบสนอง.
วิธีทำให้เว็บไซต์ของคุณตอบสนอง
คำถามใหญ่ก็คือคุณจะทำให้เว็บไซต์ของคุณตอบสนองได้อย่างไร มีสองวิธีที่คุณสามารถทำได้ หนึ่ง คุณสามารถใช้ธีม WordPress ที่ตอบสนองหรือใช้เทมเพลตธีมมือถือได้ ธีมมือถือถูกสร้างขึ้นมาสำหรับมือถือโดยเฉพาะ ในขณะที่ธีมที่ตอบสนองจะปรับอัตโนมัติบนมือถือ
ประการที่สอง คุณสามารถใช้สุดยอดได้ pluginได้รับการออกแบบมาเพื่อให้เว็บไซต์ของคุณตอบสนองเช่นกัน เรามาเจาะลึกสิ่งเหล่านี้กันดีกว่า pluginและช่วยคุณทำให้เว็บไซต์ของคุณตอบสนองบนมือถือ
หมายเหตุ
ขณะทดสอบไซต์ของคุณสำหรับการตอบสนองบนมือถือ ให้ใช้ มือถือTest.me เพื่อตรวจสอบว่าเว็บไซต์ของคุณดูบนมือถืออย่างไร
ก่อนที่คุณจะเริ่มตรวจสอบให้แน่ใจว่าคุณมีข้อมูลสำรองใหม่ของเว็บไซต์ของคุณ ประการที่สอง ตรวจสอบให้แน่ใจว่าคุณไม่ได้ปรับใช้การเปลี่ยนแปลงกับเซิร์ฟเวอร์หลัก ผู้ให้บริการโฮสติ้งบางรายเสนอตัวเลือกให้คุณมีสภาพแวดล้อมชั่วคราว เช่น บริษัทโฮสติ้งเช่น Cloudways. Cloudways ไม่เพียงแต่ใช้งานง่ายแต่ยังมีข้อเสนอต่างๆ อีกด้วย ปรับใช้ WordPress 1 คลิก พร้อมติดตั้งไม่จำกัด และคุณจะได้รับตัวเลือกในการสำรองข้อมูลรายชั่วโมงพร้อมกับการสำรองข้อมูลนอกชายฝั่ง ดังนั้นให้สำรองข้อมูลเว็บไซต์ของคุณก่อนดำเนินการต่อ
1 – เจ็ทแพ็ค
ราคา: ฟรี
ดาวน์โหลด: WordPress.org/plugins/เจ็ทแพ็ค
Jet Pack อยู่ด้านบนสุดของรายการของฉันเนื่องจากใช้งานได้ฟรีและมีตัวเลือก "ธีมมือถือ" มันเหมือนกับการติดตั้งเว็บไซต์ของคุณในเวอร์ชั่นมือถือเพียงคลิกเดียว ติดตั้ง JetPack คลิกตัวเลือกธีมมือถือและดูผลลัพธ์บนมือถือของคุณ
คุณยังสามารถปรับแต่งธีมมือถือของคุณด้วยตัวเลือกต่างๆ ใน Jet Pack ตัวอย่างเช่น คุณสามารถใช้แบบฟอร์มติดต่อ ม้าหมุนสำหรับแกลเลอรีรูปภาพ และยังแก้ไขโค้ด PHP และ CSS ได้หากคุณคุ้นเคย
Jet Pack ถือเป็นสวรรค์สำหรับเว็บไซต์ที่ใช้ SEO เช่นกัน ช่วยให้คุณผสานรวมกับเพจ Google ของคุณซึ่งสามารถช่วยคุณปรับปรุงไซต์ของคุณได้ Jetpack มาพร้อมกับฟีเจอร์มากกว่า 30 รายการที่ทำให้ไซต์ของคุณเหมาะกับมือถือ โหลดเร็ว และเป็นมิตรกับ SEO
คู่มือการสอนฉบับย่อ:
1. ค้นหา plugin จากเวิร์ดเพรส plugin ไดเรกทอรี
2. คลิกที่ปุ่มติดตั้งทันทีและเปิดใช้งาน
3. หลังจากเปิดใช้งานทันที คุณจะได้รับการแจ้งเตือนบนแดชบอร์ดของคุณ
4. คลิกที่ปุ่มเปิดใช้งาน มันจะนำคุณไปยังหน้าการลงทะเบียน ฉันขอแนะนำให้ลงทะเบียนหากคุณต้องการใช้คุณสมบัติขั้นสูงและเต็มรูปแบบของ plugin
5. ไปที่ JetPack plugin การตั้งค่าจากเมนูด้านซ้าย
6. ค้นหาคุณสมบัติ "ธีมมือถือ" จากนั้นคลิกที่มัน
7. คลิกที่ปุ่มเปิดใช้งาน
8. คุณสามารถปรับแต่งเพิ่มเติมได้โดยคลิกที่ตัวเลือก "กำหนดค่า"
9. และคุณทำเสร็จแล้วด้วยการคลิกเพียงไม่กี่ขั้นตอน
2 – WPtouch มือถือ Plugin
ราคา: ฟรีและโปร
ดาวน์โหลด: ฟรี WordPress.org/plugins/wptouch สำหรับการเยี่ยมชมแบบมืออาชีพ wptouch.com
WPtouch มือถือ Plugin นำคุณลักษณะที่น่าตื่นเต้นมาสู่ไซต์ของคุณในขณะที่แปลงไซต์ของคุณให้เหมาะกับอุปกรณ์เคลื่อนที่ เว็บไซต์ของคุณจะมีลักษณะเหมือนกันในทุกหน้าจอ WPtouch มือถือ Plugin เป็นสิ่งที่เรียบง่ายและทรงพลัง plugin. เหมาะที่สุดสำหรับเว็บไซต์ที่ต้องการทำให้มันเรียบง่าย เนื่องจากเวอร์ชันเดสก์ท็อปของคุณอาจไม่มีคุณสมบัติมากมายเท่ากับไซต์เดสก์ท็อปส่วนใหญ่ ฟรี plugin จำกัดอยู่เพียงการออกแบบเดียว แต่หากต้องการได้รับการออกแบบเพิ่มเติม คุณสามารถซื้อเวอร์ชันพรีเมียมได้ plugin. สำหรับไซต์บนมือถือที่ต้องการสร้างแบรนด์ให้กับธุรกิจของตน สิ่งนี้ plugin มีคุณสมบัติการสร้างแบรนด์ที่สมบูรณ์เช่นกัน
คู่มือการสอนฉบับย่อ:
- ค้นหา plugin จากเวิร์ดเพรส plugin ไดเรกทอรี
2. คลิกที่ปุ่มติดตั้งทันทีและเปิดใช้งาน
3. ค้นหา WPtouch plugin การตั้งค่า
4.WPtouch มีคุณสมบัติการปรับแต่งหลายอย่างที่คุณสามารถเล่นได้
- แท็บ “ทั่วไป” มีตัวเลือกหลักๆ ดังต่อไปนี้:
- คุณสามารถเปลี่ยนชื่อเว็บไซต์สำหรับรุ่นมือถือได้
- แสดงคุณสมบัติในการปิดและเปิดเครื่อง plugin
- คุณสมบัติการเปลี่ยนหน้า Landing Page สำหรับเวอร์ชันมือถือ
- แท็บ “อุปกรณ์” มีตัวเลือกให้เปิดหรือปิดใช้งาน plugin คุณสมบัติสำหรับอุปกรณ์และเบราว์เซอร์ต่างๆ
- แท็บที่ 3 “การตั้งค่าเมนู” จะให้ตัวเลือกแก่คุณในการตั้งค่าเมนูต่างๆ สำหรับเว็บไซต์เวอร์ชันมือถือ
8. ระบบจะนำคุณไปยังการตั้งค่าเมนูซึ่งคุณสามารถสร้างเมนูใหม่สำหรับเว็บไซต์เวอร์ชันมือถือ อย่าลืมคลิก "WPtouch HeadMenu" เมื่อคุณเพิ่มหน้าเข้าไปแล้ว
9. “การตั้งค่าธีม” ให้คุณลองใช้ฟีเจอร์ต่อไปนี้:
- กำหนดโลโก้ที่แตกต่างกันสำหรับเว็บไซต์เวอร์ชันมือถือของคุณ
- ตำแหน่งการจัดตำแหน่งเมนูและแถบค้นหาที่ส่วนหัวด้านบน
- การปรับแต่งสีของธีมสำหรับพื้นหลัง ส่วนหัว เมนู ลิงก์ และส่วนหัวของโพสต์/หน้า
- ตัวเลือกการเปลี่ยนแบบอักษรพิมพ์
- สไลเดอร์ที่โดดเด่น
- ลิงค์โซเชียลมีเดีย
- CSS ที่กำหนดเอง
WPtouch ยังมีเวอร์ชัน PRO ซึ่งมีส่วนขยายและการสนับสนุนขั้นสูงพร้อมธีมและคุณสมบัติพิเศษที่ปรับแต่งได้
3 – แพ็คมือถือ WordPress
ราคา: ฟรีและโปร
ดาวน์โหลด: ฟรี WordPress.org/plugins/WordPress-มือถือแพ็ค สำหรับโปร คลิกที่นี่
ฉันจะแนะนำ WordPress Mobile Pack plugin หากคุณกำลังมองหาการออกแบบที่ยอดเยี่ยม แม้ว่าเวอร์ชันฟรีจะมีการออกแบบเดียว แต่คุณสามารถปรับแต่งได้ตามความต้องการของคุณ นี้ plugin ช่วยให้คุณควบคุมการตั้งค่าการตอบสนองบนมือถือได้อย่างสมบูรณ์และรองรับเบราว์เซอร์ทั้งหมด การซิงค์เป็นคุณสมบัติอื่นของสิ่งนี้ plugin เนื่องจากคุณสามารถดูหน้า โพสต์ และความคิดเห็นทั้งหมดบนเวอร์ชันมือถือได้เช่นกัน
เวอร์ชัน Pro ให้พลังแก่ผู้ใช้มากขึ้น เนื่องจากให้สิทธิ์เข้าถึงการออกแบบที่มากขึ้นและคุณสมบัติอื่น ๆ เช่น:
- 5 ธีมของแอป (ปรับแต่งได้เต็มที่)
- ตัวเลือกการสร้างรายได้
- คุณสมบัติโซเชียล (Facebook, Twitter และ Google+)
คู่มือการสอนฉบับย่อ:
- ค้นหา plugin จากเวิร์ดเพรส plugin ไดเรกทอรี
- คลิกที่ปุ่มติดตั้งทันทีและเปิดใช้งาน
3. ค้นหา WP Mobile Pack plugin การตั้งค่าจากเมนูด้านซ้าย
4. WP Mobile Pack มีอินเทอร์เฟซผู้ใช้ที่เรียบง่ายในการโต้ตอบและเล่นด้วย
5. แท็บ "มีอะไรใหม่" เป็นเรื่องเกี่ยวกับ plugin รายละเอียดและคุณสมบัติของมัน
6 คลิกที่ รูปลักษณ์และความรู้สึก แถบ เพื่อเล่นกับคุณสมบัติต่อไปนี้
- ปรับแต่งโครงร่างสีและแบบอักษร
- ปรับแต่งโลโก้และไอคอนของแอปของคุณ
- ปรับแต่งหน้าปกแอปของคุณ
7.เนื้อหา แถบ เพื่อให้คุณสามารถตั้งค่าหน้า Landing Page สำหรับเว็บไซต์เวอร์ชันมือถือและการตั้งค่าหมวดหมู่ที่จะแสดงบนหน้าแรก
8 แท็บ "การตั้งค่า" มีคุณสมบัติการตั้งค่าแอปเพื่อเลือกโหมดการแสดงผล:
- ปกติ (ผู้เข้าชมผ่านมือถือทั้งหมด)
- ดูตัวอย่าง (ผู้ดูแลระบบเข้าสู่ระบบ)
- ปิดการใช้งาน (ซ่อนสำหรับทุกคน)
- รหัสติดตามของ Google Analytics
- ตัวเลือกเมนูและคุณสมบัติการแสดงโพสต์
- WP Mobile Pack ยังมีเวอร์ชัน PRO ซึ่งให้คุณสมบัติขั้นสูงเพิ่มเติมแก่คุณ
4 – ตัวสลับธีมมือถือใดก็ได้
ราคา: ฟรีและโปร
ดาวน์โหลด: ฟรี WordPress.org/plugins/any-mobile-theme-switcher สำหรับโปร คลิกที่นี่
มันเป็นหนึ่งในสิ่งที่เจ๋งที่สุด pluginเพื่อทำให้เว็บไซต์ของคุณตอบสนองบนมือถือ คุณสมบัติที่นำมาซึ่งสิ่งนี้ plugin รายการของฉันคืออนุญาตให้มีการออกแบบ เทมเพลต และการออกแบบโฮมเพจที่แตกต่างกันสำหรับอุปกรณ์มือถือที่แตกต่างกัน นี้ plugin ตรวจพบอุปกรณ์แล้วส่งข้อความเพื่อแสดงธีมที่ถูกต้อง รองรับเบราว์เซอร์หลักทั้งหมดและมีความสามารถในการปรับเปลี่ยนตามนั้น
รุ่น Pro ของ plugin มีคุณสมบัติเพิ่มเติมเช่น:
- รองรับแคช W3 ทั้งหมด
- ให้บริการโฮมเพจแยกต่างหากสำหรับอุปกรณ์มือถือ
- รหัส QR สำหรับการคั่นหน้ามือถือ
- คลิกเพื่อโทรไปยังหมายเลขโทรศัพท์
คู่มือการสอนฉบับย่อ:
- ค้นหา plugin จากเวิร์ดเพรส plugin ไดเรกทอรี
2. คลิกที่ปุ่มติดตั้งทันทีและเปิดใช้งาน
3. ค้นหา “ตัวสลับธีมมือถือใดๆ” plugin การตั้งค่าจากเมนูด้านซ้าย
การตั้งค่า / ธีมมือถือใด ๆ
4. ตัวสลับธีมมือถือใด ๆ Plugin มีเพียงหน้าเดียวให้ปรับแต่งการตั้งค่า คุณสมบัติหลักบางประการมีการกล่าวถึงด้านล่าง:
คุณสามารถเลือกธีมที่แตกต่างกันสำหรับอุปกรณ์ต่าง ๆ ได้เช่นกัน ซึ่งเป็นคุณสมบัติที่มีประโยชน์จริง ๆ หากคุณต้องการแสดงธีมที่แตกต่างกันโดยสิ้นเชิงสำหรับอุปกรณ์ต่าง ๆ เช่น:
- iPhone / iPod
- ธีมแอนดรอย
- ธีมแบล็คเบอร์รี่
- ธีมวินโดวส์โมบาย
- ธีมโอเปร่ามินิ
- ธีมอุปกรณ์มือถืออื่น ๆ
ธีมสลับรหัสสั้น
คุณสามารถใช้โค้ดสั้นๆ ต่อไปนี้ในเทมเพลตเพื่อแสดงลิงก์สลับธีมได้
[show_theme_switch_link]
ตัวอย่างเช่น:
5 – ตัวตรวจจับมือถือ WP
ราคา: ฟรีและโปร
ดาวน์โหลด: ฟรี WordPress.org/plugins/wp-มือถือเครื่องตรวจจับ สำหรับโปร คลิกที่นี่
สิ่งนี้เรียกได้ว่าฉลาดที่สุดอย่างหนึ่ง pluginสำหรับเว็บไซต์ของคุณ เนื่องจากจะตรวจจับโดยอัตโนมัติว่าผู้ใช้ใช้แพลตฟอร์มใดในการเข้าถึงเว็บไซต์ในปัจจุบัน สามารถสลับระหว่างเวอร์ชันมือถือ เดสก์ท็อป และเวอร์ชันมือถือต่างๆ ได้อย่างรวดเร็ว เพื่อมอบประสบการณ์การใช้งานที่ดีที่สุด มีฟีเจอร์การวิเคราะห์ขั้นสูง ครอบคลุมอุปกรณ์มือถือมากกว่า 5000 เครื่องและติดตั้งธีมมือถือ 11 ธีมไว้ล่วงหน้า
คุณสมบัติเพิ่มเติม ได้แก่ :
- เมนูแบบพับได้
- วิดเจ็ตที่แตกต่างกัน
- การโหลดหน้าแบบไดนามิก
คู่มือการสอนฉบับย่อ:
- ค้นหา plugin จากเวิร์ดเพรส plugin ไดเรกทอรี
2. คลิกที่ปุ่มติดตั้งทันทีและเปิดใช้งาน
- ค้นหา “เครื่องตรวจจับ WP มือถือ” plugin จากเมนูด้านซ้าย
4. หลังจากเปิดใช้งาน คุณอาจพบการแจ้งเตือนนี้ที่ด้านบน
หากคุณมีข้อใด แคช plugin ติดตั้งบนเว็บไซต์ของคุณแล้ว คุณสามารถแก้ไขได้ดังนี้ ให้คำแนะนำ.
สรุป
เพื่อความสะดวกและเป็นแพ็คเกจเดียว ฉันจะแนะนำให้คุณติดตั้ง JetPack เสมอ plugin เพราะมันเปลี่ยนเว็บไซต์ของคุณให้เป็นเว็บไซต์ที่ตอบสนองต่อมือถือ นอกจากนั้นยังนำเสนอทุกสิ่งในที่เดียว plugin และทำให้เว็บไซต์ของคุณเป็นมิตรกับเครื่องมือค้นหามากขึ้นเช่นกัน นอกจากนี้ คุณไม่สามารถละเลยคุณสมบัติอันมีค่าที่ Jet Pack นำมาด้วยได้ เช่น:
- สถิติเว็บไซต์บนแดชบอร์ด
- คุณสมบัติความคิดเห็นและการสมัครรับข้อมูล
- คุณสมบัติการแบ่งปันทางสังคม
- และคุณสมบัติที่น่าตื่นเต้นอีกกว่า 30 รายการ
ที่นั่นคุณมีมัน ผมมีรายการ 5 pluginที่จะช่วยให้คุณทำให้เว็บไซต์ WordPress ของคุณตอบสนองและใช้งานง่ายยิ่งขึ้น สิ่งนี้จะช่วยให้คุณมีอันดับสูงขึ้นในเครื่องมือค้นหา และยังช่วยให้คุณสามารถขยายเนื้อหาของคุณที่ผลิตได้โดยไม่กระทบต่อคุณภาพ ฉันแน่ใจว่าฉันพลาดไปมาก pluginและฉันขอขอบคุณผู้ใช้ที่แจ้งให้เราทราบเกี่ยวกับความแตกต่าง pluginผ่านทางส่วนความเห็น
บทความดีๆ จะคิดถึงการใช้มันบนเว็บไซต์ใหม่ของฉันอย่างแน่นอน ทำได้ดีมาก ติดตามต่อไป
ขอขอบคุณ.
สวัสดีครับคุณจามิล
เว็บไซต์ที่ตอบสนองต่อมือถือเป็นสิ่งสำคัญมากในขณะนี้สำหรับ SEO และข้อเสนออื่น ๆ หากไซต์ของเราไม่ใช่เครื่องมือค้นหาที่เหมาะกับมือถือ ละเว้นไซต์ การแบ่งปันและคำแนะนำที่ดี ทำได้ดีมาก ติดตามต่อไป ขอบคุณ
Hai Jamil คู่มือบทช่วยสอนฉบับย่อที่คุณแชร์มีประโยชน์มากและเข้าใจได้ด้วยความช่วยเหลือของภาพหน้าจอ ข้อสงสัยทั้งหมดของฉันได้รับการแก้ไขแล้ว ตอนนี้ฉันทราบคุณสมบัติทั้งหมดที่คุณกล่าวถึงข้างต้นแล้ว ขอบคุณสำหรับโพสต์นี้
สวัสดีจามิล
บล็อกข้อมูลที่คุณมีอยู่ที่นี่ การเข้าสู่หัวข้อนี้ การทำให้เว็บไซต์ตอบสนองได้เพียงพอถือเป็นงานสำคัญอย่างหนึ่ง ช่วยให้บริษัทธุรกิจออนไลน์เติบโตได้หลายวิธี