mkdocs-material/docs/setup/setting-up-the-footer.md

146 lines
4.7 KiB
Markdown
Raw Normal View History

2020-07-21 17:01:22 +03:00
---
template: overrides/main.html
---
2020-10-11 13:20:36 +03:00
# Setting up the footer
2020-07-21 17:01:22 +03:00
2020-07-26 15:46:09 +03:00
The footer of your project documentation is a great place to add links to
2020-07-21 17:01:22 +03:00
websites or platforms you or your company are using as additional marketing
channels, e.g. :fontawesome-brands-medium:{ style="color: #00AB6C" },
:fontawesome-brands-twitter:{ style="color: #1DA1F2" } or
:fontawesome-brands-facebook:{ style="color: #4267B2" }, which can be
configured via `mkdocs.yml`.
2020-07-21 17:01:22 +03:00
## Configuration
2020-07-22 10:54:17 +03:00
### Social links
2020-10-31 19:15:33 +03:00
[:octicons-file-code-24: Source][1] ·
2020-07-21 17:01:22 +03:00
:octicons-milestone-24: Default: _none_
All _social links_ are rendered next to the copyright information as part of the
footer of your project documentation. Add a list of social links in `mkdocs.yml`
with:
``` yaml
extra:
social:
- icon: fontawesome/brands/twitter
link: https://twitter.com/squidfunk
```
For each entry, the following fields are available:
`icon`{ #icon }
2020-07-21 17:01:22 +03:00
2020-10-31 19:15:33 +03:00
: :octicons-milestone-24: Default: _none_ · :octicons-alert-24: Required
This field must point to a valid icon path referencing [any icon bundled
with the theme][2], or the build will not succeed. Some popular choices:
* :fontawesome-brands-behance: `fontawesome/brands/behance`
* :fontawesome-brands-docker: `fontawesome/brands/docker`
* :fontawesome-brands-github: `fontawesome/brands/github`
* :fontawesome-brands-instagram: `fontawesome/brands/instagram`
* :fontawesome-brands-linkedin: `fontawesome/brands/linkedin`
* :fontawesome-brands-medium: `fontawesome/brands/medium`
* :fontawesome-brands-pied-piper-alt: `fontawesome/brands/pied-piper-alt`
* :fontawesome-brands-product-hunt: `fontawesome/brands/product-hunt`
* :fontawesome-brands-slack: `fontawesome/brands/slack`
* :fontawesome-brands-twitter: `fontawesome/brands/twitter`
2020-07-21 17:01:22 +03:00
[1]: https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/social.html
[2]: https://github.com/squidfunk/mkdocs-material/tree/master/material/.icons
`link`{ #link }
2020-07-21 17:01:22 +03:00
: :octicons-milestone-24: Default: _none_ · :octicons-alert-24: Required
This field must contain a valid relative or absolute URL including the URI
scheme. All URI schemes are supported, including `mailto` and `bitcoin`:
=== "Twitter"
``` yaml
extra:
social:
- icon: fontawesome/brands/twitter
link: https://twitter.com/squidfunk
```
=== "Email address"
``` yaml
extra:
social:
- icon: fontawesome/solid/paper-plane
2020-07-21 19:42:19 +03:00
link: mailto:<email-address>
2020-07-21 17:01:22 +03:00
```
`name`{ #name }
2020-07-21 17:01:22 +03:00
2020-07-22 10:54:17 +03:00
: :octicons-milestone-24: Default: _domain name from_ `link`_, if available_
2020-07-21 17:01:22 +03:00
This field is used as the link's `title` attribute and can be set to a
discernable name to improve accessibility:
``` yaml
extra:
social:
- icon: fontawesome/brands/twitter
link: https://twitter.com/squidfunk
name: squidfunk on Twitter
```
2020-10-31 19:15:33 +03:00
### Copyright notice
[:octicons-file-code-24: Source][3] ·
:octicons-milestone-24: Default: _none_
A custom _copyright banner_ can be rendered as part of the footer, which is
displayed next to the social links. It can be defined as part of `mkdocs.yml`:
``` yaml
copyright: Copyright &copy; 2016 - 2020 Martin Donath
```
2020-12-21 19:38:58 +03:00
[3]: https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/footer.html
2020-10-31 19:15:33 +03:00
2020-10-11 13:20:36 +03:00
### Remove generator
2021-09-23 10:23:42 +03:00
[:octicons-file-code-24: Source][3]
2020-10-11 13:20:36 +03:00
2020-10-31 19:15:33 +03:00
The footer displays a _Made with Material for MkDocs_ notice to denote how
2020-10-11 13:20:36 +03:00
the site was generated. The notice can be removed with the following setting
via `mkdocs.yml`:
``` yaml
extra:
generator: false
```
2021-09-23 10:23:42 +03:00
!!! info "Please read this before removing the generator notice"
The subtle __Made with Material for MkDocs__ hint in the footer is one of
the reasons why this project is so popular, as it tells the user how the
site is generated, helping new users to discover this project. Before
removing it, please consider that you're enjoying the benefits of
@squidfunk's work for free, as this project is Open Source and has a
permissive license. Thousands of hours went into this project, most of them
without any financial return. Thus, if you remove this notice, please
consider [sponsoring][4] the project. __Thank you__
:octicons-heart-fill-24:{ .mdx-heart .mdx-insiders }
2021-03-21 16:04:29 +03:00
[4]: ../insiders/index.md
2020-10-11 13:20:36 +03:00
## Customization
### Custom icons
[:octicons-file-code-24: Source][2] ·
2021-03-21 19:14:32 +03:00
:octicons-mortar-board-24: Difficulty: _easy_
2020-10-31 19:15:33 +03:00
The social links feature uses the standard [icon integration][5] of Material for
MkDocs. If you want to use custom icons, follow the guide explaining how to
2020-10-31 19:15:33 +03:00
add [additional icons][6].
2020-10-31 19:15:33 +03:00
[5]: changing-the-logo-and-icons.md#icons
[6]: changing-the-logo-and-icons.md#additional-icons