คู่มือการใช้งาน:โทรศัพท์มือถือ, แท็บเล็ต และการออกแบบที่ตอบสนอง

From MediaWiki.org
Jump to navigation Jump to search
This page is a translated version of the page Manual:Mobiles, tablets and responsive design and the translation is 25% complete.

Other languages:
Deutsch • ‎English • ‎español • ‎français • ‎português • ‎ไทย • ‎日本語
รูปจำลองมีเดียวิกิบนโทรศัพท์มือถือ

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

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


Solutions

Extensions

  • Extension:MobileApp (MW 1.22+) Simple app that serves styles and scripts for use in the Wikimedia mobile applications
  • Extension:MobileFrontend (Release for MediaWiki ≤ 1.24 of MobileFrontend requires the extension: Extension:Mantle) (1.23+) Provides a mobile-friendly view. Developed by Wikimedia, and used on Wikipedia. Installing only this extension by itself, will make your MediaWiki site mobile-friendly, and it includes its own skin.

Skins

You do not require an extension if you use a skin. Skins for use with mobile browsers come in two forms:

  1. Those designed specifically for use with a mobile, and may not view well on non-mobile devices. MediaWiki detects the kind of device on which it is running, and then switches to the appropriate skin. (See Extension:MobileDetect)
    1. WPtouch (MW 1.17+): A skin which formats your wiki with a mobile theme
  2. Responsive skins, which are designed to respond automatically to the size of the screen, regardless of whether it is a desktop PC, tablet or smartphone.
    1. Tweeki (MW 1.25+): optimized for Semantic wikis
    2. Chameleon (MW 1.22+): customisable with five different layouts
    3. Metrolook
    4. Refreshed (MW 1.19+): uses responsive CSS to adapt to mobile devices
    5. Foreground (MW 1.18+): supports responsive (website)
    6. ...and more!

CSS & JS

When using Extension:MobileFrontend , you can edit MediaWiki:Mobile.css and MediaWiki:Mobile.js for global styles and scripts to be applied only on mobile.

Developers

See also: Making MediaWiki Mobile Friendly