HTML Sitemap for Elementor free version This component will help you create a page that presents the details of the content of your site, its architecture in a way. It is frequently found in the footer, next to legal notices, for example.
It often includes the pages, articles, categories, archives of its site.
This allows a visitor, but also a search engine, to locate and navigate easily within your WordPress.
With this type of sitemap, you will also improve the user experience (UX) of your readers. They can easily find a type of content by going to this page.
To see the local sitemap followin this link.
Accessibility for the HTML sitemap widget
Tab / Shift-Tab keyboard keys to navigate between sitemap part
Home / End keyboard keys to jump between sitemap part
Escape keyboard key to exit the sitemap
ArrowDown / ArrowUp keyboard keys to navigate between links inside a sitemap part
Enter / Space keyboard keys to open link
Escape keyboard key to jump to the sitemap part parent off the links
Introducting component HTML Sitemap
You must understand that the are two types of Sitemap, the HTML and the XML sitemap.
The scope for this component is to help you to build your HTML sitemap.
It will not help you to a better indexing of your site but ultimately you will have a sort of directory in which your users can find the pages they are looking for elsewhere on the site.
The sitemap is dynamic in the sense that all the articles / pages created in the site will, depending on your configuration, be added in the corresponding section.
Each of the section below can be enabled/disabled
Configure the author section
Configure Author part of the Sitemap
- Change the Title
- Display the posts count by author
- Display Author full name
- You can exclude some authors by their ID or by using the Dynamic Tag Post/Authors
Configure the page section
Configure Page part of the Sitemap
- Change the Title
- You can exclude some pages by selecting them within the list
Configure the archive section
Configure Archive part of the Sitemap
- Change the Title
- Display the posts count
- Change the type of publication (Month, week, year)
- Select the archive Post type
Configure the taxonomy section
Configure Taxonomy part of the Sitemap
- Change the Title
- Display Date, Posts count, Comments count and add the property ‘nofollow’ to the links
- You can exclude taxonomies
- Display post by their ID and add IDs you want to exclude in the textfield
- Sort by Title/Created Date/Modified Date
Configure the post section
Configure Post part of the Sitemap
- Change the Title
- Display Date, Comments count, Categories and add the property ‘nofollow’ to the links
- You can exclude Post types
- Display post by their ID and add IDs you want to exclude in the textfield
- Sort by Title/Created Date/Modified Date
Style the global and individual part of the Sitemap
From the Content tab, you can defined the count of columns the sitemap will be displayed
On the Style tab, you will style the font size and color of the Text/Title.
Each of the sections will allow you to modify the background color and the color of the pictograms.
Change the default pictograms using custom css
You can change the type of pictograms globally or individually for each part of the sitemap.
To do this, copy/paste all or part of the code below, making the necessary changes under Advanced tab/EAC Custom CSS widget.
‘Content‘ is the unicode code for the Awesome font.
Sometimes if the icon is not showing, try adding a font-weight: 600 and above.
/* Font awesome default */
.eac-html-sitemap .sitemap-posts-list ul li::before {
font-family: 'Font Awesome 5 Free';
content: '\f061';
}
/* Font awesome author */
.eac-html-sitemap .sitemap-authors .sitemap-posts-list ul li::before {
font-family: 'Font Awesome 5 Free';
content: '\f152';
}
/* Font awesome page */
.eac-html-sitemap .sitemap-pages .sitemap-posts-list ul li::before {
font-family: 'Font Awesome 5 Free';
content: '\f35a';
}
/* Font awesome archive */
.eac-html-sitemap .sitemap-archives .sitemap-posts-list ul li::before {
font-family: 'Font Awesome 5 Free';
content: '\f138';
}
/* Font awesome taxonomy */
.eac-html-sitemap .sitemap-taxonomies .sitemap-posts-list ul li::before {
font-family: 'Font Awesome 5 Free';
content: '\f101';
}
/* Font awesome post */
.eac-html-sitemap .sitemap-posts .sitemap-posts-list ul li::before {
font-family: 'Font Awesome 5 Free';
content: '\f0da';
}
/* Font awesome between data */
.eac-html-sitemap .sitemap-posts-list ul li span span::after {
font-family: 'Font Awesome 5 Free';
content: '\f061';
}