HTML theme options#

In the Sphinx configuration (conf.py) file in the doc directory, you can use the html_theme_options dictionary to customize the Ansys Sphinx theme.

Show breadcrumbs#

Showing breadcrumbs at the top of your documentation pages makes navigation easier. Breadcrumbs are shown by setting "show_breadcrumbs": True. To add additional root breadcrumbs, "additional_breadcrumbs" is set to a list of tuples in this form: ("Link text", "url").

This html_theme_options dictionary show breadcrumbs, including a root breadcrumb for the documentation landing page for the Ansys repository:

html_theme_options = {
    "github_url": "https://github.com/ansys/ansys-sphinx-theme",
    "show_prev_next": True,
    "show_breadcrumbs": True,
    "additional_breadcrumbs": [
        ("PyAnsys", "https://docs.pyansys.com/"),
    ],
}

When you are on the landing page for your documentation, the breadcrumb shows the title for this page. However, Sphinx cannot access this title from other documentation pages. Thus, after html_theme_options dictionary, you must set html_short_title to the display text to use for this breadcrumb.

To ensure a consistent user experience, always set the html_short_title (or optionally html_title if html_short_title is not used) to the library name.

For example, in the conf.py file for the Ansys Sphinx Theme, this line is added after the html_theme_options dictionary:

html_short_title = html_title = "Ansys Sphinx Theme"

If you want the title for your documentation’s main index.rst file to show the version, include |version| in the title:

html_short_title = html_title = "Ansys Sphinx Theme |version|"

Add and hide icons in the navigation bar#

The navigation bar shows two icons on the right by default. The first is for switching between light and dark modes. The second is for going to the library’s GitHub repository.

  • For comprehensive information on adding custom link behavior, see Add custom attributes to icon links in the PyData Theme documentation.

  • For comprehensive information on how to use Font Awesome to add icons, see How To Add Icons in the Font Awesome documentation.

The following sections explain how to add icons and hide icons.

Add icons#

In the conf.py file, the html_theme_options dictionary has a child icon_links dictionary. To add icons to the navigation bar, add them to the icon_links dictionary. For each icon to add, specify its name, the associated url, the icon, and the type.

This example adds an icon for sending an email:

html_theme_options = {
 "icon_links": [
     dict(name="Mail", url="mailto:me", icon="fas fa-envelope")
 ],
 ...
}

Hide icons#

To hide icons so that they do not show in the navigation bar, add their names to the hidden_icons dictionary:

html_theme_options = {
    "hidden_icons": ["GitHub"],
    ...
}

If you want to hide all icons, use the show_icons Boolean variable:

html_theme_options = {
    "show_icons": False,
    ...
}

Static search options#

The Ansys Sphinx theme supports static search options to customize the search experience.

The static search bar is created using Fuse.js. You can provide all options supported by Fuse.js through the static_search dictionary in the html_theme_options.

To improve the search performance, a debounce function is available. By default, a delay of 300 milliseconds is applied. To modify this value, declare the delay key in the static_search dictionary with a value specifying the amount of milliseconds to wait before executing the search. A value of 0 disables the debounce function.

Additionally, you can decide the limit of the search results by setting the limit key in the static_search dictionary. The default value is 10.

To exclude files or directories from the search index, you can use the files_to_exclude key in the static_search dictionary. This key is a list of strings representing the directories or files to exclude from the search index.

Here is an example of how to add the static_search dictionary to the html_theme_options dictionary:

html_theme_options = {
    "static_search": {
        "threshold": 0.5,
        "limit": 10,
        "minMatchCharLength": 1,
        "delay": 300,
        "files_to_exclude": ["_build", "api/", "examples/sphinx_demo"],
    },
}

To customise the indexing of your documentation, you can use the index_patterns dictionary in the conf.py file. This dictionary contains the paths to the directories you want to index and the type of nodes to index. The type of nodes can be ALL_NODES, TITLES or PARAGRAPHS. The default value is TITLES + PARAGRAPHS.

Here is an example of how to add the index_patterns dictionary to the conf.py` file:

index_patterns = {
    "api/": ALL_NODES,
    "examples/": TITLES + PARAGRAPHS,
}

The above example indexes all nodes in the api/ directory and only titles and paragraphs in the examples/ directory.

Note

All other options are available in the Fuse.js documentation.

Here is an example of how to add the static_search dictionary to the html_theme_options dictionary:

html_theme_options = {
    "static_search": {
        "threshold": 0.5,
        "limit": 10,
        "minMatchCharLength": 1,
        "delay": 300,
    },
}

Note

Serve locally your documentation using the python -m http.server -d /path/to/docs/html/ to have a live-preview of your search results. This method is compliant with the CORS policy and allows to load the generated resource files containing the indices of your documentation. The search bar does not work if you open the HTML files directly in the browser.

To open the documentation in a local server, run the following command in the directory where the HTML files are located:

python -m http.server

Then, open the browser and go to http://localhost:8000.

Cheat sheets#

If a cheat sheet has been created for your PyAnsys library, with quarto, you can add it to the left navigation pane of your documentation.

In the html_theme_options dictionary, you add a child dictionary named cheatsheet that contain these keys, in the order given:

  1. file: File name including the extension of the cheat sheet. If the file is inside a directory, include the directory name relative to the root of the documentation. For example, if the cheat sheet is in the getting_started directory, the file name is getting_started/cheat_sheet.qmd.

  2. title: Title of the cheat sheet to be displayed in the left navigation pane.

  3. pages: List of names for the pages to include the cheat sheet on. If no value is provided, the cheat sheet is displayed only on the main index.html file.

  4. version: Version of the cheat sheet. If no value is provided, the version is main by default.

Here is an example of how to add the cheatsheet dictionary to the html_theme_options` dictionary:

html_theme_options = (
    {
        "cheatsheet": {
            "file": "<file name including the extension of the cheat sheet>",
            "title": "<title of the cheat sheet>",
            "version": "<version of the cheat sheet>",
            "pages": "<list of names for the pages to include the cheat sheet on>",  # Optional
        },
    },
)

Here is an example of how to show a thumbnail of a PyMAPDL cheat sheet in the left navigation pane of its main index.rst file and the learning.rst file in its “Getting started” section:

html_theme_options = (
    {
        "cheatsheet": {
            "file": "getting_started/cheat_sheet.qmd",
            "title": "My awesome cheat sheet",
            "version": f"{version}",
            "pages": ["index", "getting_started/learning"],
        },
    },
)

Note

To use this feature, you must have the quarto <https://quarto.org/> package installed. To create thumbnails of generated PDF files, the theme is using pdf2image. So you should have the poppler package installed in your system. For more information, see the pdf2image documentation.

On this page
Edit on GitHub
Show Source