Add sidebar nav to jquery.com pages

Abierto
#266 4 comentarios 0 reacciones 1 asignado Ver en GitHub

@Krinkle ya está trabajando en esto.

Desde el 10/6/2026.

Evaluación

Este issue todavía no se ha evaluado.

Descripción

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
Lenguaje dominante
HTML
Estrellas
79
Forks
101
Métricas de merge de PR
Sin PR fusionados en 30 d

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de jquery/jquery.com

Todos los issues de jquery/jquery.com

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.