ธีมสำหรับอุปกรณ์มือถือ


8

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


ไม่ใช่คำตอบจริงๆดังนั้นฉันจะเพิ่มเป็นความคิดเห็น - หากคุณเจอกับเครื่องมือมือถือโปรดจำไว้ว่ามันไม่ดีต่อประสิทธิภาพ ไม่สำคัญว่าอัตราการเข้าชมไซต์จะค่อนข้างต่ำ แต่โปรดจำไว้
Greg

คำตอบ:


4

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


3

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

หากคุณต้องการชุดรูปแบบเฉพาะสำหรับอุปกรณ์มือถือฉันขอแนะนำให้เริ่มต้นด้วยหนึ่งในชุดรูปแบบพื้นฐานของ Drupal และพยายามทำให้มันเรียบง่าย เก็บไว้ 1 คอลัมน์หลีกเลี่ยงposition:fixedเช่นกาฬโรคเพราะ iPhone ไม่ทำ หลีกเลี่ยง:hoverที่ใดก็ได้ด้วยเหตุผลเดียวกัน

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


2

สำหรับรูปแบบเช่นเดียวกับ IUI มีมือถือโนเกียและง่ายมือถือ
ใช้โมดูลนี้เพื่อตั้งค่ารูปแบบมือถือ (IE เท่านั้นโดยใช้โทรศัพท์มือถือ): ธีมมือถือ


นี่ไม่มีตัวเลือกสำหรับผู้ใช้มือถือเพื่อกลับไปที่ไซต์หลักดังนั้นเตรียมพร้อมที่จะรบกวนคนที่มีเบราว์เซอร์มือถือที่มีคุณภาพเช่น iPhone หรืออุปกรณ์ Android
Paul Jones

1
ขอโทษนี่คือ 'อะไร'
Dave Nattriss

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

2

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

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

บางสิ่งเช่นนี้: http://drupal.org/sandbox/kristofo/1086306 ตรวจสอบกลุ่มนี้: http://groups.drupal.org/responsive-web-design


2

ฉันยังขอแนะนำให้ตรวจสอบjQuery Mobile UIซึ่งพัฒนาโดย Jason Savio ฉันเข้าร่วมเซสชั่นของเขาที่ Design 4 Drupal Boston 2011 และมันก็ดูดีอย่างแน่นอน นอกเหนือจากนั้นฉันไม่เห็นโมดูล jQuery Mobile ดั้งเดิมสำหรับ Drupal 6


0

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


0

หากคุณต้องการธีมมือถือที่แยกจากกันโดยสิ้นเชิงคุณสามารถใช้โมดูลเครื่องมือมือถือกับธีมมือถือฟิวชั่น

หากคุณเพียงแค่ต้องการชุดรูปแบบที่ตอบสนองฉันจะให้320 ขึ้นไปดู


โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.