Official 11ty docs
Navigation — Eleventy
14 posts in 'Navigation'
Eleventy Navigation Set URL to First Item in Collection
Mar 24, 2024
by John M. Wargo (42 posts) · Website & RSS feed
Categories: CollectionsData CascadeNavigation
Assigning an active page in Eleventy navigation
A small tip for computed navigation, when the URL structures don’t all match.
Feb 3, 2024
by Anita Cheng (1 post) · Website
Categories: How to...NavigationPagination
Highlighting the current category in Eleventy
Highlight current parent folder using the eleventy-navigation plugin
Nov 10, 2023
by Eystein Mack Alnaes (2 posts) · Website & RSS feed
Categories: How to...Navigation
Using Wordpress as a headless CMS for Eleventy
How I avoided having to re-learn PHP and love Eleventy.
Nov 7, 2023
by Mike Aparicio (4 posts) · Website
Categories: CMSGlobal DataNavigationPaginationRemote DataSearch
Building a photography website
The setup for sharing my photo gallery.
Oct 25, 2023
by Darek Kay (5 posts) · Website & RSS feed
Categories: How to...ImagesNavigationImage Galleries
Permalink-Driven Breadcrumbs in Eleventy
An approach to add a breadcrumb navigation to your Eleventy site, utilising the permalink structure
Oct 13, 2023
by Oscar (3 posts) · Website & RSS feed
Categories: NavigationHow to...CSS/SassPermalinks
Setting active state on navigation with Eleventy
In creating my portfolio site, I wanted to have dynamic elements that would add/remove classes based... Tagged with eleventy, 11ty, tutorial, portfolio.
Sep 21, 2023
by Adam Jolicoeur (1 post) · Website & RSS feed
Categories: How to...Navigation
Eleventy Enhanced Pagination Navigation Buttons
After adding Previous and Next buttons to paginated pages in this site, I figured out a clean way to add First and Last buttons as well and this post describes how I did it.
Apr 23, 2023
by John M. Wargo (42 posts) · Website & RSS feed
Categories: NavigationHow to...
CAUTION
The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.
Nested navigation in Eleventy
Building a no-JS navigation menu with the details element.
Aug 19, 2022
by Mike Aparicio (4 posts) · Website
Categories: Navigation
Creating a now page archive with 11ty
Blog and general digital garden of the full stack programmer Simon Dann.
May 17, 2022
by Simon Dann (11 posts) · Website & RSS feed
Categories: CollectionsFront MatterHow to...LayoutsNavigationNow Page
Building blocks for my first Eleventy site
Different choices that go into building an Eleventy website from scratch.
Mar 8, 2022
by Sami Määttä (5 posts) · Website
Categories: CSS/SassDatesDeploymentFiltersHow to...NavigationPaginationSocial Media
CAUTION
The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.
11ty tips I wish I knew from the start
David East's personal site full of blog posts and stuff.
Jan 3, 2022
by David East (1 post) · Website
Categories: ConfigurationData CascadeGetting StartedNavigation
Integrating Navigation Search with Lunr and Eleventy
How to use navigation search forms and Lunr
Feb 22, 2021
by Raymond Camden (100 posts) · Website & RSS feed
Categories: SearchNavigationHow to...
Responsive, accessible navigation - 1st of a 6-Part Series
Overview
Feb 8, 2021
by Katie Kodes (2 posts) · Website & RSS feed
Categories: NavigationAccessibility