portability

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

  Main article: w:Help: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.

Notes

References