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.
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.
To-do bewerken
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.cssversus 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
- /Sjabloon:Hoofdpagina – inmiddels overgenomen in Sjabloon:Hoofdpagina
- /Sjabloon:Hoofdpagina/header – inmiddels overgenomen in Sjabloon:Hoofdpagina/header
/Sjabloon:Hoofdpagina/portalen– is verplaatst naar Sjabloon:Hoofdpagina/portalen/Sjabloon:Hoofdpagina/segment– is verplaatst naar Sjabloon:Hoofdpagina/segment/Sjabloon:Hoofdpagina/segment 3col– is verplaatst naar Sjabloon:Hoofdpagina/segment 3col
- /Volgorde portalen – vergelijking, n.a.v. Overleg:Hoofdpagina#Portalenbalk alfabetisch maken
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:
- Hoofdpagina – geüpdatet hoofdsjabloon
- Hoofdpagina/styles.css – nieuw: templatestyles voor alle styling van de hoofdpagina
Main Page/minerva.css– nieuw, was als eerste quickfix toegevoegd (wordt niet meer voor de hoofdpagina gebruikt)- Hoofdpagina/segment – nieuw opmaaksjabloon voor de enkel-kolomse onderdelen
← ter vervanging van Hoofdpagina/kop links1, /kop links2, /kop midden, /kop rechts + Hoofdpagina/blok - Hoofdpagina/segment 3col – nieuw opmaaksjabloon voor de drie-kolomse onderdelen
← ter vervanging van Hoofdpagina/kop breed + Hoofdpagina/blok - Hoofdpagina/Afbeelding – opmaaksjabloon voor een begeleidend fotootje, wordt gebruikt in "Uitgelicht", "Wist je dat ..." en "Actueel"
Onderdelen bewerken
Subsjablonen voor specifieke onderdelen:
- (bovenaan)
- Hoofdpagina/header – geüpdatet
- Hoofdpagina/portalen – nieuw onderdeelsjabloon (uit hoofdsjabloon gehaald)
- Uitgelicht • Etalage • Over Wikipedia
- Uitgelicht 19 april (vandaag), 20 april (morgen) – zie categorie en projectpagina
- Hoofdpagina - etalage – opmaaksjabloon; lijst wordt bijgehouden in subsjabloon /artikelen
- Hoofdpagina - over Wikipedia
- Wist je dat ... • Afbeelding
- Hoofdpagina - wist je dat 19 april (vandaag), 20 april (morgen) – zie categorie en projectpagina
- Hoofdpagina - afbeelding van de dag – opmaaksjabloon; gebruikt tussensubsjabloon ‑ onderschrift (zie sjablooninfo aldaar voor het aanmaken en aanpassen van de onderschriften op Commons), tussensjabloon Potd description, switchsjabloon Multiview; inhoud staat in de botmatig bijgehouden subsjablonen /data en ‑ onderschrift/data
- Actueel • Recent overleden
- Hoofdpagina - actueel – switchsjabloon; inhoud staat in subsjablonen /1, /2 en /3
- Hoofdpagina - recent overleden – gebruikt opmaaksubsjabloon /sjabloon
- In het nieuws
- Hoofdpagina - in het nieuws – gebruikt switchsubsjabloon /sjabloon en opmaaksubsjabloon /sjabloon/nieuwsitem
- [datum] in de geschiedenis
- Geschiedenis 19 april (vandaag), 20 april (morgen) – zie categorie en projectpagina; gebruikt switchsubsjabloon /sjabloon en de opmaaksubsjabloon van "In het nieuws"
- Zusterprojecten
- Hoofdpagina/zusterprojecten – nieuw onderdeelsjabloon (uit hoofdsjabloon gehaald); gebruikt opmaaksjabloon Hoofdpagina/project
- (onderaan)
- Hoofdpagina/footer – nieuw onderdeelsjabloon (uit hoofdsjabloon gehaald)
- Wiki Loves Monuments mobile banner – wordt alleen getoond in september (alleen in de mobiele weergave?)
Oude subsjablonen bewerken
Subsjablonen van oude versies van de hoofdpagina (rond 2003; tot ~2007; tot 2015; huidige hoofdpagina voor aanpassingen):
- Hoofdpagina/blok – gebruikt tot 2020 (opgenomen in Hoofdpagina/segment en /segment 3col)
- Hoofdpagina/kop breed – gebruikt tot 2020 (opgenomen in Hoofdpagina/segment 3col)
- Hoofdpagina/kop links1 – gebruikt tot 2020 (opgenomen in Hoofdpagina/segment)
- Hoofdpagina/kop links2 – gebruikt tot 2020 (opgenomen in Hoofdpagina/segment)
- Hoofdpagina/kop midden – gebruikt tot 2020 (opgenomen in Hoofdpagina/segment)
- Hoofdpagina/kop rechts – gebruikt tot 2020 (opgenomen in Hoofdpagina/segment)
- Hoofdpagina/Kop – gebruikt tot 2015
- Hoofdpagina/Linkerbox – gebruikt tot 2015
- Hoofdpagina/Portaal van de week – gebruikt tot 2015
- Hoofdpagina/Projecten – gebruikt tot 2015
- Hoofdpagina/Rechterkolom einde – gebruikt tot 2015
- Hoofdpagina/Rechterkolom – gebruikt tot 2015
- Hoofdpagina/Samenvatting – gebruikt tot 2015
- Hoofdpagina - andere talen – gebruikt tot 2015
- Hoofdpagina - artikel van de dag – gebruikt tot 2007
- Hoofdpagina - iconen – gebruikt tot 2007
- Hoofdpagina - Portaalvandeweek – gebruikt tot 2007
- Hoofdpagina - Intro – nooit gebruikt?