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

MediaWiki.org with Minerva Neue skin and MobileFrontend extension on a mobile device

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

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

Solutions

There are two common approaches:

• Skin:Timeless is already bundled with MediaWiki. Make sure it is registered in LocalSettings.php so it is available as a setting in preferences. Consider using it as the default .
• Skin:Minerva Neue is bundled with MediaWiki since version 1.38. Its mobile mode requires installing ส่วนขยาย:MobileFrontend . This is the method Wikipedia uses.

Extensions

• Extension:MobileApp - Simple app that serves styles and scripts for use in the Wikimedia mobile applications
• ส่วนขยาย:MobileFrontend - 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 - 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 - optimized for Semantic wikis
   2. Chameleon - customizable with five different layouts
   3. Citizen
   4. Medik
   5. Metrolook
   6. Refreshed - uses responsive CSS to adapt to mobile devices
   7. Foreground
   8. Timeless (MW 1.31+) - Wikimedia skin that supports responsive design
   9. ...and more!

CSS & JS

When using ส่วนขยาย:MobileFrontend , you can edit the wiki pages MediaWiki:Mobile.css (see Manual:CSS ) and MediaWiki:Mobile.js for global styles and scripts to be applied only on mobile.

Developers

See also: Making MediaWiki Mobile Friendly

• หมวดหมู่:มือถือ - Projects, extensions and other pages related to Mobile device development and presentation.
• Reading/Web - responsible for creating, growing, and evolving how the diverse set of Wikimedia projects use mobile technologies
• Manual:$wgResponsiveImages (MW 1.21+) - Whether or not to output high-resolution images for high-DPI displays.
• Extension:MobileDetect (MW 1.15+) - allows users to control which content is displayed only in mobile browsers, or only on desktops
• Category:Mobile skins - Skins for mobile devices

See also

• คำแนะนำสำหรับบทความที่เหมาะกับมือถือในวิกิวิกิมีเดีย