Wikipedia:Wikiproject/Hoofdpagina/2020

Per 14 juli 2020 is een in 2012 geïmplementeerde fix om de hoofdpagina's van de Wikimedia-wiki's er in de mobiele versie goed uit te laten zien ('MFSpecialCaseMainPage'), verwijderd; zie Phabricator-task "Final warning: Mobile main page special casing will be disabled July". Sinds de invoering in 2017 is het gebruik van TemplateStyles de gewenste methode om (een en dezelf)de hoofdpagina geschikt te maken voor zowel de desktop- als de mobiele weergave.

Zie de mededeling in de kroeg over het 'live' gaan van de aangepaste hoofdpagina, op 14 juli 2020.

Aangepaste hoofdpagina bewerken

De meest in het oog springende verandering is de mobiele versie. Deze bevatte sinds 2015 slechts de onderdelen "Uitgelicht" en "Actueel", nu heeft deze dezelfde inhoud als de desktopversie. Afgezien van skin-gerelateerde opmaakverschillen (desktop: standaard Vector, mobiel: Minerva) ziet de hoofdpagina er nu in de beide weergaven eender uit.

Voor (voornamelijk) mobiele schermen is de hoofdpagina middels styledefinities 'responsive' gemaakt. Voor de desktopweergave was dit echter ook nodig (in smalle vensters kwamen onderdelen te veel in de verdrukking), daarom zijn de responsive stijlen gelijk voor beide weergaven. Maak, op grote schermen, je browservenster smaller om de smalle (desktop- of mobiele) weergave te zien.

Bij een scherm-/vensterbreedte van minder dan 1000px zijn de koppen van de onderdelen iets kleiner.
Bij een scherm-/vensterbreedte van minder dan 900px verandert de blokstructuur in een lineaire (verticale) opmaak:

  • In de portalenbalk staan de portalen over meerdere regels verdeeld (flexibel, twee tot vier regels, afhankelijk van de schermbreedte), i.p.v. naast elkaar.
  • Alle onderdelen staan onder elkaar.
  • "Over Wikipedia" is niet het derde onderdeel maar staat bovenaan (onder de portalenbalk), voor een rustiger beeld zonder kop en achtergrondkleur.

Technisch bewerken

  •    structuur aanpassen, zodat de kopjes bij de content staan
  •    styling van de gekleurde datum- en jaarblokjes, in de onderdelen "Recent overleden", "In het nieuws" en "[datum] in de geschiedenis" – niet aangepast (gefixt door niet álle table-elementen 'responsive' te laten zijn; zie Sjabloon:Main Page/minerva.css versus Sjabloon:Hoofdpagina/styles.css)
  •    styling van de balk portalen bovenaan voor de smalle mobiele (en desktop-) weergave
  •    de desktopversie ook aanpassen voor smalle weergave – zowel desktop- als mobiele weergave switchen nu naar eenkoloms-layout als het venster smaller dan 900px is
  •    alle inhoud uit de hoofdsjabloon naar subsjablonen verplaatsen – /portalen, /zusterprojecten en /footer
  • (vooralsnog)   niet aangepast: de tabelstructuur van de blokken wijzigen in flex-divs?
  •    de berichtspecifieke kopjes in "Uitgelicht" (366 subsjablonen), "Actueel" (3 subsjablonen), "In het nieuws" en "[datum] in de geschiedenis" (1 subsjabloon voor beide onderdelen) in een betere html-structuur plaatsen, zodat deze beter gestyled kunnen worden
  •    meer inline-styling naar de styles.css verplaatsen?

Redactioneel bewerken

  •    het onderdeel "Over Wikipedia" in smalle weergave bovenaan plaatsen (onder de portalenbalk)
  •    de kop "[datum] in de geschiedenis" past (zelfs in juli..) niet op smalle schermen, wat hiermee te doen?
  •    bepalen of enkele delen op de mobiele weergave verborgen moeten worden, mogelijk middels class "nomobile" (of alleen bij smalle weergave?)
  •    de onderdelen "In het nieuws" en "[datum] in de geschiedenis" aanpassen zodat deze op middelgrote breedtes (900 tot 1100 à 1200px) ook acceptabel weergegeven worden
  •    het onderdeel "Etalage" op middelkleine breedtes (? tot 899px) wel naast "Uitgelicht" weergeven?

Deelproject-subpagina's bewerken


Structuur bewerken

(Met in vet aangeduid welke pagina's nieuw of geüpdatet zijn t.b.v. dit deelproject.)

Algemeen bewerken

Hoofdsjabloon, templatestyles en algemene subsjablonen:

Onderdelen bewerken

 

Subsjablonen voor specifieke onderdelen:

  1. (bovenaan)
  2. UitgelichtEtalageOver Wikipedia
  3. Wist je dat ...Afbeelding
  4. ActueelRecent overleden
  5. In het nieuws
  6. [datum] in de geschiedenis
  7. Zusterprojecten
  8. (onderaan)

Oude subsjablonen bewerken

Subsjablonen van oude versies van de hoofdpagina (rond 2003; tot ~2007; tot 2015; huidige hoofdpagina voor aanpassingen):