FFXIV Wiki:Update site CSS, main page, & sidebar

From Final Fantasy XIV Online Wiki
Jump to navigation Jump to search
< Wiki to-do list
Project description
Refresh the wiki's CSS, update the sidebar, and make the landing page more functional.
Members
Cryebunnie (talk), Erin Umbreon (talk)
Status
In progress
Last updated
27 May
Discussion
Talk page
Discord threads
Update default Vector Skin CSS, Update wiki Main Page & sidebar

Goals

  1. Update the wiki's main page to feature commonly looked for links
  2. Include a clear 'How to Help' section on the main page
  3. Update the wiki's sidebar navigation to:
    1. Reduce length
    2. Contain high-use links
    3. Be more accessible to site users
  4. Update the wiki's overall look through CSS to:
    1. Create a consistent visual cohesion across the wiki
    2. Be easily adaptable between light and dark mode
    3. Convey a clear relation to FFXIV through color & style

Resources

Tasks

  • 🗹 Create prototype
  • ☐ Test prototype by implementing on UserWiki page
  • ☐ Get approval
  • ☐ Create new theme as a toggle for editors to try, gather feedback and implement.
    • Implemented for the interface-admin group for limited testing; can be enabled for all editors by removing the `user-groups` parameter from Mediawiki:theme-definitions. Erin Umbreon (she/it • talk) 01:28, 20 May 2026 (UTC)
  • ☐ Get final approval.
  • ☐ Implement as default theme, make old theme an option for editors to use.

CSS Tasks

  • ☐ Tweak formatting on sidebar, try out pins and allowing for collapsing groups.
    • Rye made an SVG pin icon, see discord
    • Collapsing groups will require additional JS; look into theme-specific JS in wiki.gg docs
    • Not going with the pins for now because it makes the sidebar a bit too busy and doesn't add much. Look into collapsible groups widget after theme is finished. Discord discussion Erin Umbreon (she/it • talk) 19:30, 27 May 2026 (UTC)
  • 🗹 Fix Watch/Unwatch formatting to be a star icon again instead of text.
  • 🗹 Decide on header font.
  • 🗹 Make dark mode verison.
  • 🗹 Make alternate tab bar style mimicking the in-game light theme
  • 🗹 Experiment with dropshadow/other formatting on icon to make it stand out from background.
  • Rearrange content of sidebar links to be more useful (have high access links at top like Main/Random/Special, etc.)

Mainpage Tasks

  • 🗹 Finish button links (dawntrail section and general content links).
    • Rye did this a while ago and I am slow, see discord
  • ☐ Finish the event section.
  • ☐ Finish the header section.

Additional Followup

☐ Add collapsible functionality to sidebar sections, similar to Minecraft Wiki


Retrieved from "https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=FFXIV_Wiki:Update_site_CSS,_main_page,_%26_sidebar&oldid=1325997"