Although some folks want to talk about a bigger picture concerning portability at Fandom wikis, a large portion of the issues is the difference between how wikis render on the desktop skin (FandomDesktop) vs. the mobile skin (FandomMobile). The difference in presentation can be stark, but there are some basic expectations when authoring content that can help reduce the shock when seeing the differences, especially on the mobile skin.
Previewing[]
As of early 2016, the mobile preview should be a good guide for how things will look on the mobile skin.[1] Of course, it is always best to actually view things on specific devices, be they Android, iOS, smart-phones, or tablets.
Specifying a skin via the URL[]
In order to specify a skin via the URL, add ?useskin=skin
.[2]
Examples
- Basic URL (selects based on user agent)
https://portability.fandom.com/wiki/Differences_between_desktop_and_mobile
Example
https://portability.fandom.com/wiki/Differences_between_desktop_and_mobile?useskin=fandommobile
Skin name | Skin parameter | Type |
---|---|---|
FandomDesktop | fandomdesktop
|
Desktop |
FandomMobile | fandommobile
|
Mobile |
Styles[]
All site-wide CSS and nearly all inline CSS is stripped on the mobile skin, so don't rely on it for changes. Most custom CSS classes (except hidden
) are stripped too.
Template types[]
"Notice", "Navbox" and "Navigation" type templates are hidden on the mobile skin, so don't expect to see them there.
Special tools[]
Tabber[]
Content in tabbers is simply displayed as inline content.
Slider[]
The slider is changed to display all images in columns and rows.
What to avoid[]
This list just contains general guidelines.
- Fixed width elements.
- Large inline images.
- Inline CSS styles and custom CSS classes.
- Non-portable infoboxes.
- Tables with more than three or four columns. Tables with fewer columns can still be shown incorrectly if the font-size is too big and the content of the table is too long.
Notes[]
- The current information on this page has not been reviewed by Fandom staff and is largely based on recent trial and error deduction. You have been warned.
References[]
- ↑ Technical Update: February 8, 2016
- ↑ For further details, see Manual:Parameters to index.php (MediaWiki)