WordPress การเปลี่ยนแปลงไม่แสดงบนมือถือ? คำถามที่พบบ่อยและการแก้ไข

เหตุใดการเปลี่ยนแปลง WordPress ของฉันจึงไม่แสดงบนมือถือ

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

ในบางกรณี การเปลี่ยนแปลงของคุณอาจถูกซ่อนไม่ให้แสดงบนอุปกรณ์มือถือด้วยเหตุผลด้านการออกแบบ

อย่างไรก็ตาม หากคุณแน่ใจว่าการเปลี่ยนแปลงของคุณควรปรากฏบนอุปกรณ์เคลื่อนที่แต่ไม่ปรากฏขึ้น มีบางสิ่งที่คุณสามารถทำได้เพื่อแก้ไขปัญหา

ตรวจสอบให้แน่ใจว่าธีม WordPress ของคุณตอบสนอง

ธีมที่ตอบสนองจะปรับเลย์เอาต์โดยอัตโนมัติขึ้นอยู่กับขนาดของอุปกรณ์ที่กำลังดูอยู่

หากธีมของคุณไม่ตอบสนอง การเปลี่ยนแปลงของคุณอาจไม่ปรากฏบนอุปกรณ์มือถือ คุณสามารถตรวจสอบการตอบสนองได้ด้วยการดูไซต์ของคุณบนอุปกรณ์เคลื่อนที่

ตรวจสอบให้แน่ใจด้วยว่าการเปลี่ยนแปลงของคุณจะไม่ถูกซ่อนจากอุปกรณ์มือถือด้วยเหตุผลด้านการออกแบบ

หากต้องการดูว่าเป็นกรณีนี้หรือไม่ คุณสามารถเปลี่ยนตัวเลือก "ตัวเลือกหน้าจอ" ในแดชบอร์ด WordPress ของคุณ หรือลองดูไซต์ในเบราว์เซอร์อื่น (เช่น Chrome หรือ Firefox) ซึ่งอาจให้การเข้าถึงตัวเลือกที่ซ่อนอยู่

ปลั๊กอิน

หากการเปลี่ยนแปลงปรากฏบนเบราว์เซอร์อื่น แสดงว่าอาจมีปลั๊กอินที่ทำให้เกิดปัญหา

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

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

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

พวกเขาอาจสามารถช่วยระบุแหล่งที่มาของปัญหาและแก้ไขได้

ฉันจะอัปเดตไซต์บนมือถือของฉันบน WordPress ได้อย่างไร

การอัปเดตไซต์บนมือถือของคุณบน WordPress อาจเป็นกระบวนการที่ง่ายมาก แต่ถ้าคุณรู้จัก PHP และสามารถทำงานกับมันได้

หากไม่เป็นเช่นนั้น โปรดติดต่อผู้พัฒนาธีมของคุณและขอความช่วยเหลือจากพวกเขา

แต่ถ้าคุณรู้ PHP สิ่งที่คุณต้องทำคือทำตามขั้นตอนเหล่านี้:

1. ลงชื่อเข้าใช้แดชบอร์ด WordPress ของคุณ

2. คลิกที่เมนู "ลักษณะที่ปรากฏ" จากนั้นเลือก "ตัวแก้ไข"

3. จากหน้าจอตัวแก้ไข เลือกไฟล์ “header.php” จากรายการทางด้านขวามือ

4. แก้ไขไฟล์และเพิ่มข้อมูลโค้ดต่อไปนี้ที่ด้านบนสุดของไฟล์:

<?php if (is_mobile()) { ?>

<link rel=”stylesheet” href=”http://www.yourdomain.com/wp-content/mu-plugins/mobile_stylesheet.css” type=”text/css” media=”หน้าจอและ (max-device-width : 480px)”/>

<?php } ?>

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

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

เหตุใดเว็บไซต์ของฉันจึงดูแตกต่างไปจากมือถือ

มีสาเหตุบางประการที่ทำให้เว็บไซต์ของคุณดูแตกต่างไปจากเดิมบนอุปกรณ์เคลื่อนที่ มาลองแก้ปัญหากัน

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

ปัจจัยทั้งหมดเหล่านี้สามารถมีบทบาทในสิ่งที่คุณเห็นเมื่อคุณดูเว็บไซต์ของคุณบนมือถือ

นอกจากนี้ยังมีความเป็นไปได้ที่เว็บไซต์ของคุณจะไม่แสดงอย่างถูกต้องบนอุปกรณ์มือถือบางเครื่องหรือทั้งหมด

เว็บเบราว์เซอร์จำนวนมากใช้การจัดรูปแบบที่มีอยู่แล้วภายในสำหรับไซต์ของตน แต่บางครั้งพวกเขาก็ไม่ให้การจัดรูปแบบนั้นหรือคุณลักษณะเหล่านั้นแก่ไซต์อื่นๆ

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

การเพิ่มประสิทธิภาพมือถือ

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

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

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

เบราว์เซอร์บางตัวไม่รองรับการออกแบบที่ตอบสนอง

ดังที่ได้กล่าวมาแล้ว เบราว์เซอร์บางตัวไม่รองรับรูปแบบการออกแบบที่ตอบสนอง บางส่วนจะแสดงเว็บไซต์ของคุณในรูปแบบเดสก์ท็อป ไม่ว่าคุณจะใช้อุปกรณ์ใดก็ตาม

เนื่องจากเบราว์เซอร์พยายามแสดงเว็บไซต์ในลักษณะที่ออกแบบ โดยไม่คำนึงถึงขนาดของหน้าจอ

มีสองสามวิธีในการแก้ไขปัญหานี้:

1) ใช้แบบสอบถามสื่อ

ข้อความค้นหาสื่อช่วยให้คุณสามารถเปลี่ยนรูปลักษณ์ของเว็บไซต์ของคุณตามขนาดของหน้าจอ คุณสามารถกำหนดเป้าหมายอุปกรณ์ต่างๆ หรือกำหนดความกว้างสูงสุดสำหรับไซต์ของคุณ

สำหรับสิ่งนี้ คุณจะต้องรู้ CSS และหรือ PHP ขึ้นอยู่กับธีมของคุณ

ฟอรัมการสนับสนุนธีมจำนวนมากสามารถช่วยคุณแก้ปัญหาเช่นนี้ได้ GeneratePress เป็นหนึ่งในนั้น

เชื่อฉันเถอะว่าถ้าคุณมีปัญหานี้ คนอื่นก็เคยเจอปัญหานี้มาก่อน

2) คุณสามารถใช้ Viewport Resizer – Responsive Testing Tool ของ Google หรือใช้ปลั๊กอินเช่น WPtouch

สิ่งเหล่านี้จะช่วยเปลี่ยนรูปลักษณ์เว็บไซต์ของคุณสำหรับอุปกรณ์มือถือ โดยไม่ต้องเขียนโค้ดใดๆ

3) ใช้ธีมที่ตอบสนองหรือมีเลย์เอาต์บนมือถือ

หากคุณไม่แน่ใจว่าธีมของคุณตอบสนองหรือไม่ ให้ตรวจสอบเว็บไซต์ของผู้พัฒนาหรือติดต่อพวกเขาเพื่อดูว่ามีให้ใช้งานหรือไม่

4) แนวทางการออกแบบมือถือ

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

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

หน้าแอพมือถือ WordPress อย่างเป็นทางการยังมีเคล็ดลับมากมายสำหรับการสร้างไซต์เวอร์ชันมือถือของคุณ (หากคุณไม่มี)

ฉันจะทำให้เว็บไซต์ WordPress ของฉันเหมาะกับอุปกรณ์เคลื่อนที่ได้อย่างไร

คำตอบก็คือ ขึ้นอยู่กับธีม WordPress ของคุณ

ธีม WordPress ส่วนใหญ่เป็นมิตรกับอุปกรณ์พกพา แต่มีข้อยกเว้นบางประการ

หากธีมของคุณไม่เหมาะกับอุปกรณ์พกพา คุณจะต้องใช้ปลั๊กอินหรือทำการเปลี่ยนแปลงบางอย่างกับธีมของคุณ

อันดับแรก มาดูส่วนที่ชัดเจนกันดีกว่า: เว็บไซต์ WordPress ของคุณควรโฮสต์บนผู้ให้บริการโฮสติ้งที่รวดเร็วและเชื่อถือได้

หากเว็บไซต์ของคุณช้าหรือไม่ตอบสนอง Google จะลดอันดับของคุณ ซึ่งหมายความว่าแม้ว่าเว็บไซต์ของคุณจะดูดีบนอุปกรณ์เคลื่อนที่ก็ไม่สำคัญ

ผู้ให้บริการโฮสติ้ง WordPress จำนวนมากไม่รายงานเวลาตอบสนองสำหรับแผนโฮสติ้งที่ใช้ร่วมกัน

แต่ถ้าคุณโฮสต์ไซต์ของคุณที่อื่น ปลั๊กอิน Pingdom Tools เป็นวิธีที่ดีในการดูว่าหน้าเว็บของคุณโหลดเร็วแค่ไหน

สิ่งที่สองที่ส่งผลต่อความเหมาะกับมือถือคือขนาดของภาพ หากคุณมีรูปภาพขนาดใหญ่และหนักหน่วง Google จะไม่สามารถแสดงรูปภาพเหล่านั้นบนอุปกรณ์มือถือได้

หากหน้าเว็บของคุณใช้เวลาในการโหลดนานเกินไปแม้ในการเชื่อมต่อที่รวดเร็ว Google จะลดอันดับของคุณลง

วิธีแก้ปัญหานั้นง่ายมาก: ใช้ปลั๊กอิน WordPress TinyPNG ปลั๊กอินจะลดขนาดของรูปภาพทั้งหมดของคุณโดยเพิ่มประสิทธิภาพด้วยบริการบนคลาวด์ของ TinyPNG ปลั๊กอินบีบอัดภาพ JPEG, PNG และ GIF

เมื่อคุณปรับรูปภาพทั้งหมดด้วย TinyPNG แล้ว คุณต้องตรวจสอบหน้าต่างๆ ในการทดสอบความเหมาะกับอุปกรณ์เคลื่อนที่ของ Google

คุณยังสามารถใช้อุปกรณ์เคลื่อนที่หรือโปรแกรมจำลองอุปกรณ์เคลื่อนที่เพื่อดูว่าอุปกรณ์ดังกล่าวมีลักษณะอย่างไรในอุปกรณ์ต่างๆ หากบางอย่างดูไม่ดี คุณก็สามารถทำการเปลี่ยนแปลงที่จำเป็นได้

หากเว็บไซต์ของคุณยังไม่เหมาะกับอุปกรณ์เคลื่อนที่ คุณจะต้องสร้างธีม WordPress ที่ตอบสนองได้เอง

ธีมที่ตอบสนองจะปรับขนาดและเลย์เอาต์ของเว็บไซต์ของคุณโดยอัตโนมัติตามอุปกรณ์ที่กำลังใช้งาน

มีธีมที่ตอบสนองได้มากมาย แต่สิ่งที่ฉันชอบคือ GeneratePress Framework จาก Tom Usborne

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

ส่วนที่ดีที่สุดเกี่ยวกับธีมนี้คือมันปรับแต่งได้อย่างสมบูรณ์ผ่าน WordPress Customizer คุณสามารถออกแบบธีมของคุณเองโดยไม่ต้องเขียนโค้ดแม้แต่บรรทัดเดียว

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

หากคุณใช้ธีมอื่น คุณควรตรวจสอบคำแนะนำของ Google ในการทำให้ธีมของคุณเหมาะกับอุปกรณ์เคลื่อนที่

คู่มือนี้มีหลายส่วนที่ต้องทำให้เสร็จ ตัวอย่างเช่น หากคุณใช้ธีมขั้นสูง ธีมนั้นจะมีพื้นที่วิดเจ็ตที่คุณต้องตรวจสอบ

หากเว็บไซต์ของคุณไม่เหมาะกับอุปกรณ์พกพา Google สามารถลงโทษอันดับของคุณหรือทำลายเว็บไซต์ทั้งหมดของคุณได้

สิ่งสำคัญคือต้องตรวจสอบให้แน่ใจว่าไซต์ของคุณดูดีและใช้งานได้ดีกับทุกอุปกรณ์

WordPress การเปลี่ยนแปลงไม่แสดงบนมือถือ สรุป.

เป็นที่ชัดเจนว่าทีม WordPress ได้พยายามผลักดันให้ผู้ใช้ได้รับประสบการณ์ที่เป็นมิตรต่ออุปกรณ์เคลื่อนที่มากขึ้นในทุกๆ การอัปเดต และจะมีมากขึ้นเรื่อยๆ เมื่อเวลาผ่านไป

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

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

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

ดังนั้นจงหาธีมที่ตอบสนองและออกแบบมาให้ทำงานได้ดีกับทุกอุปกรณ์ รวมถึงมือถือ เช่น GeneratePress!