Help:Make it mobile friendly - Revision history

NottNott at 20:00, 14 June 2020

2020-06-14T20:00:26Z

← Older revision		Revision as of 20:00, 14 June 2020
Line 1:		Line 1:
	{{EM help\|EM:MOBILE\|HELP:MOBILE~~}}{{EM technical~~}}{{Nutshell\|You can modify the content of articles to change the way they're displayed to mobile users.\|Articles with advanced formatting are nearly unreadable to mobile users.\|Jake says a majority of readers of EndMyopia content are on mobile, so this is important.}}		{{EM help\|EM:MOBILE\|HELP:MOBILE}}{{Nutshell\|You can modify the content of articles to change the way they're displayed to mobile users.\|Articles with advanced formatting are nearly unreadable to mobile users.\|Jake says a majority of readers of EndMyopia content are on mobile, so this is important.}}

	This page will show you how to change the formatting of articles to make it look better to mobile users.		This page will show you how to change the formatting of articles to make it look better to mobile users.

NottNott: NottNott moved page EndMyopia:Make it mobile friendly to Help:Make it mobile friendly

2020-06-14T20:00:01Z

NottNott moved page EndMyopia:Make it mobile friendly to Help:Make it mobile friendly

← Older revision

Revision as of 20:00, 14 June 2020

NottNott: Text replacement - "{{P?olicies and g?uidelines}}" to "{{Editing navbox}}"

2020-06-12T12:24:31Z

Text replacement - "{{P?olicies and g?uidelines}}" to "{{Editing navbox}}"

← Older revision		Revision as of 12:24, 12 June 2020
Line 20:		Line 20:

	<mobileonly>{{bigger\|'''...HEY! WAIT A MINUTE!!!!'''}}</mobileonly>		<mobileonly>{{bigger\|'''...HEY! WAIT A MINUTE!!!!'''}}</mobileonly>
	{{~~Policies and guidelines~~}}		{{Editing navbox}}

NottNott at 10:18, 12 June 2020

2020-06-12T10:18:15Z

← Older revision		Revision as of 10:18, 12 June 2020
Line 1:		Line 1:
	{{EM help\|EM:MOBILE\|HELP:MOBILE}}{{EM technical}}{{Nutshell\|You can modify the content of articles to change the way they're displayed to mobile users. ~~This turns some articles from~~ unreadable~~, into really good for them~~. ~~Mobile users~~ are important~~, don't forget them! {{smaller\|they need vision improvement too..~~.}}}}		{{EM help\|EM:MOBILE\|HELP:MOBILE}}{{EM technical}}{{Nutshell\|You can modify the content of articles to change the way they're displayed to mobile users.\|Articles with advanced formatting are nearly unreadable to mobile users.\|Jake says a majority of readers of EndMyopia content are on mobile, so this is important.}}

	This page will show you how to change the formatting of articles to make it look better to mobile users.		This page will show you how to change the formatting of articles to make it look better to mobile users.

NottNott: /* Examples of use */

2020-06-12T01:29:59Z

Examples of use

← Older revision		Revision as of 01:29, 12 June 2020
Line 12:		Line 12:

	==Examples of use==		==Examples of use==
	If we present the desktop version of the page to mobile users, the page is super broken. By wrapping the desktop version of the site in '''<nowiki><nomobile></nowiki>''' tags, and the mobile version of the site with '''<nowiki><mobileonly></nowiki>''', we completely change how the same page is presented to both users. ~~Since~~ the main page is ~~important, it~~'s ~~just as well~~ we do this - SEO is prioritised to websites with good mobile optimisation.		Using the main page as an example, if we present the desktop version of the page with box templates to mobile users, the page is super broken. By wrapping the desktop version of the site in '''<nowiki><nomobile></nowiki>''' tags, and the mobile version of the site with '''<nowiki><mobileonly></nowiki>''', we completely change how the same page is presented to both users. This is possible because the content and text of the main page is transcluded in from the source page [[EndMyopia Wiki/content]]. It's important we do this - SEO is prioritised to websites with good mobile optimisation.

	'''You can use these tags in all articles'''. It's probably good practise to make sure that as many articles as possible can be read by mobile users, or at least the main ones. If any of the articles you have written have extremely fancy templating that would never work on mobile, wrap it up in '''<nowiki><nomobile></nowiki>''' tags, and present the content in an alternative mobile friendly way with '''<nowiki><mobileonly></nowiki>'''.		'''You can use these tags in all articles'''. It's probably good practise to make sure that as many articles as possible can be read by mobile users, or at least the main ones. If any of the articles you have written have extremely fancy templating that would never work on mobile, wrap it up in '''<nowiki><nomobile></nowiki>''' tags, and present the content in an alternative mobile friendly way with '''<nowiki><mobileonly></nowiki>'''.

NottNott: typo

2020-06-12T01:25:12Z

typo

← Older revision		Revision as of 01:25, 12 June 2020
Line 12:		Line 12:

	==Examples of use==		==Examples of use==
	If we present the desktop version of the page to mobile users, the page is super broken. By wrapping the desktop version of the site in '''<nowiki><nomobile></nowiki>''' tags, and the mobile version of the site with '''<nowiki><mobileonly></nowiki>''', we completely change how the same page is presented to both users. Since the main page is important, it's just as well we do this - SEO is prioritised to websites with good mobile ~~opitimisation~~.		If we present the desktop version of the page to mobile users, the page is super broken. By wrapping the desktop version of the site in '''<nowiki><nomobile></nowiki>''' tags, and the mobile version of the site with '''<nowiki><mobileonly></nowiki>''', we completely change how the same page is presented to both users. Since the main page is important, it's just as well we do this - SEO is prioritised to websites with good mobile optimisation.

	'''You can use these tags in all articles'''. It's probably good practise to make sure that as many articles as possible can be read by mobile users, or at least the main ones. If any of the articles you have written have extremely fancy templating that would never work on mobile, wrap it up in '''<nowiki><nomobile></nowiki>''' tags, and present the content in an alternative mobile friendly way with '''<nowiki><mobileonly></nowiki>'''.		'''You can use these tags in all articles'''. It's probably good practise to make sure that as many articles as possible can be read by mobile users, or at least the main ones. If any of the articles you have written have extremely fancy templating that would never work on mobile, wrap it up in '''<nowiki><nomobile></nowiki>''' tags, and present the content in an alternative mobile friendly way with '''<nowiki><mobileonly></nowiki>'''.

NottNott: /* Mandatory fun */ couldn't resist

2020-06-12T01:01:02Z

Mandatory fun: couldn't resist

← Older revision		Revision as of 01:01, 12 June 2020
Line 19:		Line 19:
	Be sure to make fun of mobile users as much as possible with this technique, and laugh at their plight for staring at their tiny rectangle. [[Smartphones]] ain't good, chief.		Be sure to make fun of mobile users as much as possible with this technique, and laugh at their plight for staring at their tiny rectangle. [[Smartphones]] ain't good, chief.

			<mobileonly>{{bigger\|'''...HEY! WAIT A MINUTE!!!!'''}}</mobileonly>
	{{Policies and guidelines}}		{{Policies and guidelines}}

NottNott: /* How to do it */

2020-06-12T00:59:10Z

How to do it

← Older revision		Revision as of 00:59, 12 June 2020
Line 9:		Line 9:
	<nomobile>This will not be displayed in mobile browsers, only in desktop/full browsers</nomobile></nowiki>		<nomobile>This will not be displayed in mobile browsers, only in desktop/full browsers</nomobile></nowiki>

	The wiki uses [[mw:Skin:Vector]] by default and [[mw:Skin:Minerva Neue]] for mobile devices. These are both the exact same skins Wikimedia use for their projects (Wikipedia).		The wiki uses [[mw:Skin:Vector\|Skin:Vector]] by default and [[mw:Skin:Minerva Neue\|Skin:Minerva Neue]] for mobile devices. These are both the exact same skins Wikimedia use for their projects (Wikipedia).

	==Examples of use==		==Examples of use==

NottNott at 00:58, 12 June 2020

2020-06-12T00:58:18Z

← Older revision		Revision as of 00:58, 12 June 2020
Line 1:		Line 1:
	{{EM help\|EM:MOBILE\|HELP:MOBILE}}{{EM technical}}{{Nutshell\|You can modify the content of articles to change the way they're displayed to mobile users. This turns some articles from unreadable, into really good for them. Mobile users are important, don't forget them! {{smaller\|they need vision improvement too...}}}}		{{EM help\|EM:MOBILE\|HELP:MOBILE}}{{EM technical}}{{Nutshell\|You can modify the content of articles to change the way they're displayed to mobile users. This turns some articles from unreadable, into really good for them. Mobile users are important, don't forget them! {{smaller\|they need vision improvement too...}}}}

	This page will show you how to change the formatting of articles to look better to mobile users.		This page will show you how to change the formatting of articles to make it look better to mobile users.

	==How to do it==		==How to do it==

NottNott at 00:08, 12 June 2020

2020-06-12T00:08:53Z

← Older revision		Revision as of 00:08, 12 June 2020
Line 1:		Line 1:
	{{EM help}}{{EM technical}}{{Nutshell\|You can modify the content of articles to change the way they're displayed to mobile users. This turns some articles from unreadable, into really good for them. Mobile users are important, don't forget them! {{smaller\|they need vision improvement too...}}}}		{{EM help\|EM:MOBILE\|HELP:MOBILE}}{{EM technical}}{{Nutshell\|You can modify the content of articles to change the way they're displayed to mobile users. This turns some articles from unreadable, into really good for them. Mobile users are important, don't forget them! {{smaller\|they need vision improvement too...}}}}

	This page will show you how to change the formatting of articles to look better to mobile users.		This page will show you how to change the formatting of articles to look better to mobile users.