How do i make a html sitemap with elementor

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.

Table of Contents

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';
}