Add sidebar nav to jquery.com pages

Aperta
#266 4 commenti 0 reazioni 1 assegnatario Vedi su GitHub

@Krinkle ci sta già lavorando.

Dal 10/6/2026.

Valutazione

Questa issue non è ancora stata valutata.

Descrizione

We have the pages directly on jquery.com. See also https://jquery.com/wp-sitemap-posts-page-1.xml.

Page Primary navigation Secondary
Browser Support Browser Support ..
Download Download ..
Meetups .. ..
Upgrade Guides .. Linked from Version Support, Linked from API Documentation: Home, Linked from API Documentation: Category Version 4.0
Upgrade Guide: 1.9, 3.0, 3.5, 4.0 .. Linked from Upgrade Guides
License .. ..
Team .. Top > OpenJS > jQuery Team
Support Main nav > Version Support Top > Support > Chat
History .. ..

The "License", "Team", "Support", and "History" pages were recently imported from jquery.org per https://github.com/jquery/jquery.org/issues/139.

While "Support" was added to the main nav (as "Version Support"), several of the above are hard to discover. Requiring either browsing the Top nav, or finding it indirectly via other pages, or via typeahead search suggestions.

I suggest we enable the sidebar on these pages. This is similar to what we do on other jQuery sites (api.jquery.com, blog.jquery.com, and learn.jquery.com). And for jQuery UI, it was always done on the main site as well (e.g. https://jqueryui.com/about/).

For jQuery UI, while the sidebar has always been enabled there, including on these kinds of meta pages, those meta pages were not themselves linked from that same sidebar. I fixed that in https://github.com/jquery/jqueryui.com/pull/229 a few months ago.

Once we have a solution for navigating to these pages (whether the proposed sidebar, or something else), I'd be interested in importing a "Brand Guidelines" page of sorts as well, after which we could potentially phase out https://brand.jquery.org/. I did this for QUnit at https://qunitjs.com/brand/.

Thoughts?

Preview

This is an example of what it might look like:

Page Screenshot
API (unchanged) Image
Blog (unchanged) Image
Support (after) Image
Support (before) Image
Team (after) Image
Team (before) Image

Note that the default page layout is already mobile-friendly. It renders similar to before on mobile when above the fold (except left-aligned instead of centered, and with a bit more room for content on mobile). The sidebar is an appendix in mobile.

Before After
Image Image
Image Image
Lingua principale
HTML
Stelle
79
Fork
101
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di jquery/jquery.com

Tutte le issue di jquery/jquery.com

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.