Portability Hub
m (avoiding inline styling per wiva...)
Tag: rte-source
No edit summary
(41 intermediate revisions by 14 users not shown)
Line 1: Line 1:
 
<mainpage-leftcolumn-start />
 
<mainpage-leftcolumn-start />
   
  +
<choose>
[[File:MainPageQuote1.png|center|link=|alt="Portability helps your community reach the widest possible audience by making your contribution accessible anywhere."]]
 
 
<option>[[File:MainPageQuote2.png|center|link=|alt="Portability is important to WoWWiki, because we want it to look great on mobile as well as desktop browsers."]]</option>
 
<option>[[File:MainPageQuote1.png|center|link=|alt="Portability helps your community reach the widest possible audience by making your contribution accessible anywhere."]]</option>
  +
<option>{{Quote
 
|quotetext=Content portability is important because technology evolves so fast that one never knows what devices we might be using in the future to create or consume content. Just like some signals were replaced by radios and other technologies, ultimately, the desktop PC might be rendered obsolete, just like many technologies in the past.
 
|personquoted=Dessamator, Duolingo Wiki
  +
}}</quote>
  +
</choose>
   
 
<gallery type="slider">
 
<gallery type="slider">
Welcome_slide.jpg|link=Intro_to_Portability|linktext=Tips and answers - for complete portability newbies as well as code-savvy perfectionists!
+
PortabilitySliderEN-01.png|link=Intro_to_Portability|linktext=Tips and answers - for complete portability newbies as well as code-savvy perfectionists!
Why-portable-slide.jpg|link=Why_should_your_content_be_portable?|linktext=Your pages look perfect on your desktop - why does it matter if they break on phones?
+
PortabilitySliderEN-02.png|link=Why_should_your_content_be_portable?|linktext=Your pages look perfect on your desktop - why does it matter if they break on phones?
Is-portable-slide.jpg|link=How to tell if your content is portable|linktext=Are your templates mobile-friendly? How does your main page look on smartphones?
+
PortabilitySliderEN-03.png|link=How to tell if your content is portable|linktext=Are your templates mobile-friendly? How does your main page look on smartphones?
How-to-fix-slide.jpg|link=How to fix portability issues|linktext=Converting infoboxes, curating main page content, avoiding nested tables, and more!
+
PortabilitySliderEN-04.png|link=How to fix portability issues|linktext=Converting infoboxes, curating main page content, avoiding nested tables, and more!
 
</gallery>
 
</gallery>
   
   
{{Heading|Welcome to Wikia's Content Portability Hub}}
+
{{Heading|Welcome to Fandom's <br />Content Portability Hub}}
Did you know that more than half of Wikia's users visit our pages via a [[mobile]] device? That's why it's so important that all of our content is portable, meaning it can adapt to any screen. This site is your central hub for information on how to make your wikia portable, updated by both Wikia staff and community members. Want to make your [[infoboxes]] mobile-friendly? Make sure your [[Help:Curated Main Page|main page]] looks great on smartphones? Wondering [[What does portable mean?|what "portable" even means]]? You'll find answers here - and you can even [[Mentoring:Requests|request help]] for your wikia.
+
Did you know that more than half of FANDOM's users visit our pages via a [[mobile]] device? That's why it's so important that all of our content is portable, meaning it can adapt to any screen. This site is your central hub for information on how to make your wiki portable, updated by both FANDOM staff and community members. Want to make your [[infoboxes]] mobile-friendly? Make sure your [[Help:Curated Main Page|main page]] looks great on smartphones? Wondering [[What does portable mean?|what "portable" even means]]? You'll find answers here - and you can even [[Mentoring:Requests|request help]] for your wiki.
   
   
{{Heading|Portable Communities}}
+
{{Heading|Portability Pioneers}}
   
<div class = "communities_wrapper">
+
<div class="pioneers-outer">
  +
<div class="pioneers-inner">
<div class="communities">[[File:AmericanHorrorStoryWiki.png|American Horror Story Wiki|link=w:c:americanhorrorstory]]</div>
 
  +
<div class="pioneers">[[File:Wookieepedia.png|link=w:c:starwars]]</div><div class="pioneers">[[File:FalloutWiki.png|link=w:c:fallout]]</div><div class="pioneers">[[File:AmericanHorrorStoryWiki.png|link=w:c:americanhorrorstory]]</div><div class="pioneers">[[File:DuolingoWiki.png|link=w:c:duolingo]]</div><div class="pioneers">[[File:MemoryAlpha.png|link=w:c:memory-alpha]]</div><div class="pioneers">[[File:TheElderScrollsWiki.png|link=w:c:elderscrolls]]</div><div class="pioneers">[[File:YouTubeWiki.png|link=w:c:youtube]]</div><div class="pioneers">[[File:DragonballWiki.png|link=w:c:dragonball]]</div><div class="pioneers">[[File:StevenUniverseWiki.png|link=w:c:steven-universe]]</div><div class="pioneers">[[File:DarkSoulsWiki.png|link=w:c:darksouls]]</div><div class="pioneers">[[File:ArrowverseWiki.png|link=w:c:arrow]]</div><div class="pioneers">[[File:GameOfThronesWiki.png|link=w:c:gameofthrones]]</div><div class="pioneers">[[File:FireEmblemWiki.png|link=w:c:fireemblem]]</div><div class="pioneers">[[File:HarryPotterWiki.png|link=w:c:harrypotter]]</div><div class="pioneers">[[File:MCUWiki.png|link=w:c:marvelcinematicuniverse]]</div><div class="pioneers">[[File:OnePieceWiki.png|link=w:c:onepiece]]</div><div class="pioneers">[[File:VillainsWiki.png|link=w:c:villains]]</div><div class="pioneers">[[File:DestinyWiki.png|link=w:c:destiny]]</div><div class="pioneers">[[File:UndertaleWiki.png|link=w:c:undertale]]</div><div class="pioneers">[[File:The100Wiki.png|link=w:c:the100]]</div></div>
<div class="communities">[[File:DuolingoWiki.png|Duolingo Wiki|link=w:c:duolingo]]</div>
 
<div class="communities">[[File:MemoryAlpha.png|Memory Alpha|link=MemoryAlpha:]]</div>
 
<div class="communities">[[File:TheElderScrollsWiki.png|The Elder Scrolls Wiki|link=w:c:elderscrolls]]</div>
 
<div class="communities">[[File:YouTubeWiki.png|YouTube Wiki|link=w:c:youtube]]</div>
 
<div class="communities">[[File:PrettyLittleLiarsWiki.png|Pretty Little Liars Wiki|link=w:c:pretty-little-liars]]</div>
 
<div class="communities">[[File:DragonballWiki.png|Dragonball Wiki|link=w:c:dragonball]]</div>
 
 
</div>
 
</div>
   
  +
{{Heading|Videos}}
  +
<div class="jw-gallery wikia-gallery wikia-gallery-caption-within wikia-gallery-position-center wikia-gallery-spacing-small wikia-gallery-border-none wikia-gallery-captions-center wikia-gallery-caption-size-medium" style="display:flex; margin: auto; text-align: center; flex-wrap: wrap; justify-content: center; align-items: flex-start">
   
  +
<div class="jw-gallery-item wikia-gallery-item">
{{Heading|Community Testimonials}}
 
  +
<jwplayer media-id="kzWJbRGZ" width="220"/>
{{MPquote
 
  +
<div class="lightbox-caption accent">General Introduction</div>
|text=Content portability is important because technology evolves so fast that one never knows what devices we might be using in the future to create or consume content. Just like some signals were replaced by radios and other technologies, ultimately, the desktop PC might be rendered obsolete, just like many technologies in the past.
 
  +
</div>
|author=Dessamator, Duolingo Wiki
 
}}
 
   
  +
<div class="jw-gallery-item wikia-gallery-item">
{{MPquote
 
  +
<jwplayer media-id="y0BOysj4" width="220"/>
|text=Portability is important to WoWWiki, because we want it to look great on mobile as well as desktop browsers.
 
  +
<div class="lightbox-caption accent">Future Directions</div>
|author=Fandyllic, WoWWiki
 
  +
</div>
}}
 
  +
<div class="jw-gallery-item wikia-gallery-item">
  +
<jwplayer media-id="PnYCnArb" width="220"/>
  +
<div class="lightbox-caption accent">New Tools</div>
  +
</div>
  +
<div class="jw-gallery-item wikia-gallery-item">
  +
<jwplayer media-id="Jnk2eQma" width="220"/>
  +
<div class="lightbox-caption accent">Moving to Portable Infoboxes</div>
  +
</div>
  +
  +
<div class="jw-gallery-item wikia-gallery-item">
  +
<jwplayer media-id="YWD62E2f" width="220"/>
  +
<div class="lightbox-caption accent">Customization</div>
  +
</div>
  +
<div class="jw-gallery-item wikia-gallery-item">
  +
<jwplayer media-id="x9LOgJqm" width="220"/>
  +
<div class="lightbox-caption accent">Questions and Answers</div>
  +
</div>
  +
<div class="jw-gallery-item wikia-gallery-item">
  +
<jwplayer media-id="rqmFFPRa" width="220"/>
  +
<div class="lightbox-caption accent">Infoboxes: Past, Present, and Future</div>
  +
</div>
  +
  +
</div>
   
 
<!--
 
<!--
 
{{Heading|Community Testimonials}}
{{Heading|Need information on portability in your language?}}
 
<div class="mainpage-box mainpage-box-intro">Find tutorials, discussions, how-to-videos, and templates to copy and be inspired by for your community:<div class="mainpage-box-intro-links">[[File:Flag-Germany.png|Deutsch|20px|link=Darwin Wikia_de]] [[Darwin Wikia_de|Deutsch]] • [[File:Flag-Spain.png|Español|20px|link=Darwin Wikia_es]] [[Darwin Wikia_es|Español]] • [[File:Flag-Poland.png|Polski|20px|link=Darwin Wikia_pl]] [[Darwin Wikia_pl|Polski]] • [[File:Flag-France.png|Français|20px|link=Darwin Wikia_fr]] [[Darwin Wikia_fr|Français]] • [[File:Flag-Italy.png|Italiano|20px|link=Darwin Wikia_it]] [[Darwin Wikia_it|Italiano]] • [[File:Flag-Russia.png|русский|20px|link=Darwin Wikia_ru]] [[Darwin Wikia_ru|русский]] • [[File:Flag-Japan.png|日本語|20px|link=Darwin Wikia_ja]] [[Darwin Wikia_ja|日本語]] • [[File:Flag-China.png|中文|20px|link=Darwin Wikia_zh]] [[Darwin Wikia_zh|中文]]</div></div>
 
 
-->
 
-->
  +
  +
 
<mainpage-endcolumn />
 
<mainpage-endcolumn />
 
<mainpage-rightcolumn-start />
 
<mainpage-rightcolumn-start />
Line 48: Line 75:
 
{{Heading|Quick Links}}
 
{{Heading|Quick Links}}
 
'''[[Portability]]'''
 
'''[[Portability]]'''
* ''Topic overview:'' [[Intro to Portability]]
+
* ''Topic overview:'' [[Intro to Portability|Intro to portability]]
 
* How to check for [[How to tell if your content is portable|"unportable" content]]
 
* How to check for [[How to tell if your content is portable|"unportable" content]]
  +
* Make your wiki portable using a [[Portability Checklist]]
* Getting your main page ready for mobile: [[Curated main page|Curated Content]]
 
 
* Having a unique look: [[Themes|Themes and styling]]
 
* Having a unique look: [[Themes|Themes and styling]]
 
* Have something to say? [[Board:Portability Development and Suggestions|Discuss Bugs and Feedback]]
 
* Have something to say? [[Board:Portability Development and Suggestions|Discuss Bugs and Feedback]]
* Need help making your wikia portable? [[Mentoring:Requests|'''Request help!''']]
+
* Need help making your wiki portable? [[Mentoring:Requests|'''Request help!''']]
  +
* [[Glossary]] of [[:Category:Terms|terms]] used on this wiki
 
<br />
 
<br />
'''[[Portable Infoboxes]]'''
+
'''[[Infoboxes]]'''
  +
* [[Converting_Infoboxes|Making infoboxes portable]]
  +
* [[Help:PortableInfoboxes/CSS|Styling your infoboxes]]
 
* [[Portable Infoboxes/Benefits|Benefits of portable infoboxes]]
 
* [[Portable Infoboxes/Best practices|Best practices]]
 
* [[Portable Infoboxes/Best practices|Best practices]]
* [[Portable Infoboxes/Benefits|Benefits]]
 
 
* [[Portable Infoboxes/FAQ|Frequently asked questions (FAQ)]]
 
* [[Portable Infoboxes/FAQ|Frequently asked questions (FAQ)]]
 
* [[Portable Infoboxes/Tips and tricks|Tips and tricks]]
 
* [[Portable Infoboxes/Tips and tricks|Tips and tricks]]
  +
<br />
* [[Portable Infoboxes/Bugs|Bugs]]
 
  +
'''[[How_to_fix_portability_issues|Other Portable Features]]'''
 
  +
* [[Curated main page|Mobile main pages]]
 
  +
* [[Help:Template Types|Template types]]
  +
<br />
  +
'''Case Studies'''
  +
* [[Wookieepedia: a portability case study|Wookieepedia]]
  +
* [[Steven Universe: a portability case study|Steven Universe Wiki]]
  +
<br />
  +
<!--
 
{{Heading|Discussion}}
 
{{Heading|Discussion}}
  +
-->
<wikiaforum></wikiaforum>
 
   
 
<mainpage-endcolumn />
 
<mainpage-endcolumn />
  +
  +
[[de:]]
  +
[[es:]]
  +
[[fr:]]
  +
[[ja:]]
  +
[[nl:]]
  +
[[pt-br:]]
  +
[[ru:]]
  +
[[zh:]]
 
[[Category:Browse]]
 
[[Category:Browse]]

Revision as of 23:27, 27 February 2021

"Portability is important to WoWWiki, because we want it to look great on mobile as well as desktop browsers
PortabilitySliderEN-01
PortabilitySliderEN-02
PortabilitySliderEN-03
PortabilitySliderEN-04

Tips and answers - for complete portability newbies as well as code-savvy perfectionists!

Read more >

Your pages look perfect on your desktop - why does it matter if they break on phones?

Read more >

Are your templates mobile-friendly? How does your main page look on smartphones?

Read more >

Converting infoboxes, curating main page content, avoiding nested tables, and more!

Read more >

PortabilitySliderEN-01
PortabilitySliderEN-02
PortabilitySliderEN-03
PortabilitySliderEN-04


Welcome to Fandom's
Content Portability Hub

Did you know that more than half of FANDOM's users visit our pages via a mobile device? That's why it's so important that all of our content is portable, meaning it can adapt to any screen. This site is your central hub for information on how to make your wiki portable, updated by both FANDOM staff and community members. Want to make your infoboxes mobile-friendly? Make sure your main page looks great on smartphones? Wondering what "portable" even means? You'll find answers here - and you can even request help for your wiki.


Portability Pioneers
Wookieepedia
FalloutWiki
AmericanHorrorStoryWiki
DuolingoWiki
MemoryAlpha
TheElderScrollsWiki
YouTubeWiki
DragonballWiki
StevenUniverseWiki
DarkSoulsWiki
ArrowverseWiki
GameOfThronesWiki
FireEmblemWiki
HarryPotterWiki
MCUWiki
OnePieceWiki
VillainsWiki
DestinyWiki
UndertaleWiki
The100Wiki
Videos