โฮเวอร์ถูกใช้บนเว็บไซต์เป็นเวลาหลายปีเพื่อเป็นวิธีการให้ข้อมูลบางส่วนแก่ผู้เข้าชมโดยไม่ต้องมีการดำเนินการใด ๆ ด้วยสมาร์ทโฟนและแท็บเล็ตค่อยๆเข้าสู่อินเทอร์เน็ตเราต้องให้ความสนใจมากขึ้นเมื่อออกแบบเว็บไซต์ เนื่องจากหน้าจอทัชสกรีนไม่สามารถจัดการกับโฮเวอร์ได้เราจึงต้องพิจารณาทางเลือกอื่นในการโฮเวอร์เอฟเฟกต์ หากคุณตั้งค่าเว็บไซต์ของคุณเองหรือไม่มีทรัพยากรในการจ้างนักออกแบบเว็บไซต์มืออาชีพบทช่วยสอนนี้เหมาะสำหรับคุณ
คุณสามารถจัดการเอฟเฟ็กต์แบบโฮเวอร์ด้วยทัชสกรีนได้ คุณอาจจะดีกว่าที่จะออกแบบมันออกมาโดยสิ้นเชิงและใช้อย่างอื่นโดยสิ้นเชิง หากคุณตั้งค่าไว้ให้ใช้งานบนไซต์เดสก์ท็อปของคุณโดยทั่วไปคุณมีทางเลือกสามทางในการโฮเวอร์เอฟเฟกต์บนเว็บไซต์มือถือ:
- ลบออกทั้งหมดและแทนที่ด้วยการดำเนินการหลัก
- เพิ่มเมนูรองที่คุณสามารถแตะหนึ่งครั้งเพื่อเอฟเฟกต์โฮเวอร์และอีกครั้งสำหรับการทำงานหลัก
- วางข้อมูลโฮเวอร์บนหน้าของตัวเอง
ทั้งหมดจะทำงานได้ดีบนหน้าจอสัมผัสและเดสก์ท็อป แต่จะต้องมีการปรับแต่งการออกแบบเพื่อนำมาใช้ภายในการออกแบบที่มีอยู่ คุณสามารถหลีกเลี่ยงได้ด้วย JavaScript หรือรหัส jQuery ที่ฉลาดเช่นกันหากคุณมีทักษะ แต่ถ้าคุณพยายามคิดให้ครบทุกอย่างด้วยตัวคุณเอง หากคุณต้องการสำรวจทางเลือกของรหัสสำหรับเอฟเฟ็กต์โฮเวอร์ให้ไปที่หน้านี้
ลบเอฟเฟ็กต์โฮเวอร์ออกจากการออกแบบของคุณ
หากคุณไม่สามารถจ้างนักออกแบบเว็บไซต์อิสระเพื่อช่วยเหลือคุณได้คุณอาจจะดีกว่าที่จะลบเอฟเฟกต์โฮเวอร์โดยสิ้นเชิง แน่นอนว่าพวกเขาดูเรียบร้อยและสามารถให้ข้อมูลเสริมที่เป็นประโยชน์ แต่ก็มีวิธีอื่น ๆ เพื่อให้ได้ผลเช่นเดียวกัน
คุณสามารถคงเมนูแอคชั่นไว้เป็นแอคชั่นหลักและรวมข้อมูลเพิ่มเติมไว้ที่อื่นในหน้า คุณสามารถใช้กล่องแยกย่อยป๊อปอัปเพิ่มเนื้อหาตัวอธิบายสำหรับจุดที่คุณพยายามทำหรืออย่างอื่น หากคุณไม่มีทักษะในการใช้ jQuery นี่อาจเป็นตัวเลือกที่ง่ายที่สุด
เพิ่มเมนูรอง
เมนูรองประกอบด้วยการแตะครั้งแรกซึ่งจะจำลองเอฟเฟกต์โฮเวอร์ คุณสามารถรวมข้อมูลภายในเมนูและแสดงเมนูที่สองภายในองค์ประกอบเดียวกัน เมนูที่สองนั้นทำหน้าที่เป็นตัวเลือกจริงที่เกิดขึ้นบนเดสก์ท็อป การกดครั้งแรกเป็นการจำลองการเลื่อนเมาส์และการกดครั้งที่สองเป็นการจำลองผู้ใช้ที่ดำเนินการหลัก
นี่เป็นทางเลือกที่เรียบร้อยในการวางลูกเล่นเอฟเฟกต์ แต่ถูก จำกัด ด้วยขนาดหน้าจอและ จำกัด จำนวนข้อมูลที่คุณสามารถเพิ่มลงในเอฟเฟกต์ของคุณได้ เอฟเฟกต์โฮเวอร์ถูก จำกัด โดยลักษณะของพวกเขา แต่มีข้อ จำกัด มากขึ้นบนมือถือจากอสังหาริมทรัพย์บนหน้าจอที่คุณกำลังติดต่อด้วย หากคุณต้องการที่จะรวมข้อมูลเสริมในรูปแบบที่ไม่ได้มาตรฐานอาจเป็นไปได้
วางข้อมูลโฮเวอร์บนหน้าของตัวเอง
บางทีตัวเลือกที่ง่ายกว่าคือการรวมข้อมูลการโฮเวอร์ไว้ในหน้าของตัวเองพร้อมลิงค์ข้อความ สิ่งนี้จะทำให้เมนูของคุณง่ายขึ้นและทำให้การนำทางตรงไปตรงมา การเชื่อมโยงหลายมิติทำงานบนอุปกรณ์ต่างๆและคุณจะได้รับหน้าพิเศษสำหรับขนาดไซต์และ SEO ข้อเสียคือคุณจะต้องเพิ่มเนื้อหาเพิ่มเติมอย่างน้อย 300 คำหรือมากกว่านั้นเพื่อให้สามารถใช้งานได้
ตราบใดที่คุณสามารถวางข้อมูลอย่างระมัดระวังเพียงพอเพื่อให้อ่านได้ดีและเพิ่มคุณค่าให้กับผู้อ่านฉันเองคิดว่านี่เป็นทางเลือกที่ดีที่สุด การตัดสินใจว่าจะวางลิงค์เหล่านั้นไปยังข้อมูลเสริมนั้นขึ้นอยู่กับคุณและจะขึ้นอยู่กับการออกแบบของคุณ แต่หน้าพิเศษจะช่วยให้คุณมีโอกาสพิเศษในการเพิ่มคำกระตุ้นการตัดสินใจเพื่อเพิ่มหมายเลขโทรศัพท์ที่อยู่อีเมลและข้อมูลเพิ่มเติมใด ๆ เพื่อทำการขาย
อยู่กับโฮเวอร์
หากคุณต้องการใช้เอฟเฟ็กต์โฮเวอร์บางอย่างในเว็บไซต์หลักของคุณคุณจะต้องทำงานกับไซต์มือถือของคุณหรือเวอร์ชันมือถือเป็นอย่างน้อย มีทางเลือกเมนูสลับหรือโซลูชั่น JavaScript แต่พวกเขาจะต้องใช้ผู้เชี่ยวชาญ หน้านี้กล่าวถึงทางเลือกของคุณหากคุณต้องการสำรวจเพิ่มเติม
หนึ่งในกับดักที่ง่ายที่สุดที่จะตกหล่นเมื่อคุณเริ่มต้นด้วยตัวคุณเองหรือสร้างเว็บไซต์แรกของคุณคือการออกแบบเพื่อตัวคุณเองและไม่ใช่ผู้ชมของคุณ แน่นอนคุณต้องออกแบบสิ่งที่คุณชอบ แต่เมื่อพิจารณาการใช้งานคุณต้องจัดลำดับความสำคัญของผู้ชม คุณต้องคำนึงถึงอุปกรณ์ที่จะใช้และวิธีที่อุปกรณ์เหล่านี้มีแนวโน้มที่จะใช้กับเว็บไซต์ของคุณได้ดีที่สุด
หากผู้ชมของคุณยังเด็กพวกเขาจะใช้มือถือ หากพวกเขาใช้มือถือเอฟเฟ็กต์โฮเวอร์และตัวเลือกการออกแบบอื่น ๆ ไม่ใช่ตัวเลือกที่ดีที่สุดของคุณ
